npm - @yoobic/yobi - Versions diffs - 8.2.0-2 → 8.2.0-22 - Mend

@yoobic/yobi 8.2.0-2 → 8.2.0-22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1541) hide show

package/dist/cjs/yoo-grid.cjs.entry.js CHANGED Viewed

@@ -3,25 +3,27 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-d31793a3.js');
-const index$1 = require('./index-2e908abb.js');
+const index$2 = require('./index-ea29129a.js');
+const index$1 = require('./index-bc221b8a.js');
 const lodash = require('./lodash-597bda6d.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-require('./index-9a052b00.js');
-const button_factory = require('./button.factory-30bbe21d.js');
-const index$3 = require('./index-edc78f24.js');
-const commonHelpers = require('./common-helpers-bc54ccb6.js');
-const filtersHelpers = require('./filters-helpers-a308f09f.js');
-const formInputHelpers = require('./form-input-helpers-d6b2045c.js');
-const gridRenderers = require('./grid-renderers-86d1f379.js');
+require('./index-95f4734e.js');
+const button_factory = require('./button.factory-a7d8ad16.js');
+const index$3 = require('./index-50a1dcc7.js');
+const commonHelpers = require('./common-helpers-70f1fa4b.js');
+const filtersHelpers = require('./filters-helpers-4a3a446e.js');
+const formInputHelpers = require('./form-input-helpers-7dae7a64.js');
+const gridRenderers = require('./grid-renderers-dbe0d15d.js');
 const itemSliding_interface = require('./item-sliding.interface-7206925b.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./workflow.interface-ffda8358.js');
 require('./form-field.instance-610e61e1.js');
 require('./card-video.interface-70a68a05.js');
-require('./index-37871664.js');
-require('./missions-helpers-d6be8a60.js');
-require('./form-helpers-b4a4a838.js');
+require('./index-34ac6c66.js');
+require('./index-14bd2747.js');
+require('./incentive-helpers-efe1f2d3.js');
+require('./missions-helpers-43be9dd8.js');
+require('./form-helpers-831c5bf0.js');
 require('./geolocation-helpers-c499cf4c.js');
 function shouldUseVirtualScroll(user, gridVirtualScrollEnabled, isFramedGrid) {
@@ -31,7 +33,7 @@ function shouldUseVirtualScroll(user, gridVirtualScrollEnabled, isFramedGrid) {
     (enableVirtualScroll === undefined && isLowEndDevice)) && gridVirtualScrollEnabled && !isFramedGrid;
 }
-const gridCss = "@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes bounceFromBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}90%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes bounceFromBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}90%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}:host([scroll-enabled=true]){display:block;height:100%;overflow:hidden}:host([scroll-enabled=true]) .container{width:100%}:host([scroll-enabled=true]) .body-container{overflow:hidden}:host{--item-divider-font-size:var(--font-size-14, 0.875rem);--item-divider-padding-start:0.5rem;--position-empty:static;--container-padding-bottom:0;--container-min-height:static;--top-margin:0.5rem;--empty-state-height:unset;--framed-shadow:initial;--framed-radius:initial;--framed-margin:0;display:block}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .w-100{width:100%}:host .select-all-checkbox{display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-align:center;align-items:center;margin-left:0.7rem;color:var(--app-color, #5a30f4);cursor:pointer}:host .absolute{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .grid-progress{padding:var(--spacing-16, 1rem);padding-bottom:0}:host yoo-empty-state{height:var(--empty-state-height, 10rem)}:host yoo-empty-state+yoo-button{max-width:15rem;margin:0 auto}:host yoo-lottie{max-width:31rem}:host yoo-context-menu.customview-menu{--width-dropdown-content:20rem;--max-width-dropdown-content:unset;display:-ms-flexbox;display:flex}:host .customview-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem)}:host .customview-container .customview-title{max-width:12.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--stable, #adadad)}:host .customview-container .customview-title.app-color{color:var(--app-color, #5a30f4)}:host .total-header{font-weight:bold}:host .total-header:not(.no-padding){padding:0 var(--spacing-08, 0.5rem)}:host .total-header.web:not(.no-padding){padding:0}:host .total-header.web{padding:0 var(--spacing-08, 0.5rem)}:host .total-header .total{margin-right:var(--spacing-08, 0.5rem);font-size:var(--font-size-32, 2rem)}:host .link-header{padding:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .sortable-drag{background:var(--light, #ffffff)}:host .sortable-ghost{background:var(--stable-light, #f1f1f1)}:host .chosenClass{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .select-all-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 var(--spacing-16, 1rem)}:host .select-all-container .selected-text{color:var(--stable, #adadad)}:host .empty-state{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:var(--spacing-32, 2rem);-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 var(--spacing-24, 1.5rem)}:host .empty-state h4{justify-self:center;margin:unset}:host .empty-state div{color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);opacity:0.7;padding-bottom:var(--spacing-16, 1rem);text-align:center}:host .empty-state yoo-empty-state{height:10rem;padding-top:var(--spacing-16, 1rem)}:host .entity-container-map{overflow:hidden}:host .entity-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-flow:row;flex-flow:row}:host .left-container{-ms-flex:1;flex:1;min-width:15rem;overflow:hidden;white-space:nowrap}:host .left-container.resized{-ms-flex:unset;flex:unset;min-width:unset}:host .left-container .header{overflow:hidden;text-overflow:ellipsis}:host .column{display:-ms-flexbox;display:flex;padding:1rem;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .column.hidden{width:59px}:host .column.card-list{margin-bottom:0.0625rem}:host .column .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;white-space:normal;word-break:break-all}:host yoo-navbar{--safe-area-inset-top:0;--top-container-padding:0.75rem var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);--bottom-container-padding:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);--center-padding:0}:host yoo-navbar.hide-tags{--top-container-padding:0.75rem var(--spacing-08, 0.5rem);--bottom-container-padding:0}:host yoo-navbar.hide-tags yoo-entity-search-tags{margin:0 var(--spacing-08, 0.5rem)}:host yoo-navbar.hide-tags.hide-filters{--top-container-padding:0.75rem var(--spacing-08, 0.5rem)}:host yoo-navbar.search-only{--top-container-padding:0.75rem var(--spacing-08, 0.5rem);--bottom-container-padding:0}:host yoo-navbar.tags-only{--top-container-padding:0.75rem 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);--bottom-container-padding:0;--center-padding:0}:host yoo-navbar.tags-only yoo-entity-search-tags{-ms-flex:1;flex:1}:host yoo-navbar yoo-form-input:not(.web.search):not(.grid-search){-ms-flex:1;flex:1;padding:0 var(--spacing-08, 0.5rem)}:host yoo-navbar yoo-entity-search-tags{-ms-flex:0;flex:0}:host yoo-navbar yoo-entity-query-builder{-ms-flex:1;flex:1}:host yoo-navbar .margin-left{margin-left:var(--spacing-08, 0.5rem)}:host yoo-navbar .margin-right{margin-right:var(--spacing-08, 0.5rem)}:host yoo-navbar .search-container-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host yoo-navbar .select-all{margin-right:var(--spacing-08, 0.5rem)}:host yoo-ion-item.no-padding{padding:0}:host yoo-ion-item.full-width{width:100%}:host yoo-ion-item.card-inbox,:host yoo-ion-item.card-inbox-ongoing{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host yoo-card-placeholder{width:calc(100% - 1rem);margin-left:1rem}:host .container{position:static;width:100%;min-height:100%}:host .container.empty{position:var(--position-empty)}:host .container .empty-new-tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .container .empty-new-tag .text-container{padding:1rem}:host .container-base{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:var(--container-min-height);padding-bottom:var(--container-padding-bottom);direction:initial;-webkit-transition:all 0.3s;transition:all 0.3s}:host .container-base.scrollable,:host .container-base.empty{height:100%}:host .container-base.scrollable yoo-ion-scroll.empty,:host .container-base.empty yoo-ion-scroll.empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container-base.scrollable yoo-ion-scroll .grid-content-slot,:host .container-base.empty yoo-ion-scroll .grid-content-slot{width:100%;height:100%}:host .container-base .list-container{max-width:100%}:host .container-base.popup .empty-state{grid-gap:var(--spacing-04, 0.25rem);height:12.5rem}:host .container-base.popup yoo-empty-state{height:6rem}:host .container-base .dynamic-ordering-header-container{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host .container-base .dynamic-ordering-header-container .selected-text{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);font-family:var(--font-family, \"Lato\")}:host .container-base .dynamic-ordering-header-container .dynamic-buttons-container{display:-ms-flexbox;display:flex}:host .container-base .file-icons-container{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host .container-base .file-icons-container yoo-icon{padding-left:var(--spacing-08, 0.5rem)}:host .container-base .progressbar-wrapper.widget yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .container-base .progressbar-wrapper:not(.widget){margin:0 var(--spacing-16, 1rem)}:host .container-base .header-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .container-base .header-container .icon-container{margin:0 1rem;color:var(--text-color, #807f83);cursor:pointer}:host .container-base .header-container .header-title{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;margin:0 1rem;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .container-base .header-container .header-title .total-number{display:inline-block;padding-left:0.2rem}:host .container-base .empty-state-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}:host .container-base.calendar{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .container-base.calendar yoo-grid-calendar{position:relative;display:block;-ms-flex:1;flex:1;margin-bottom:1rem;overflow:hidden}:host .container-base .ag-grid-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .container-base .ag-grid-container.empty{-ms-flex-align:center;align-items:center}:host .container-base .date-field,:host .container-base .map-field,:host .container-base .kanban-column-field{width:8.5rem;margin-right:1rem}:host .container-base .map-locations{margin-right:var(--spacing-08, 0.5rem)}:host .container-base .map-locations.web{max-width:12.5rem}:host .container-base .search-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .container-base .search-container .search-container-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container-base .search-container yoo-entity-query-builder{-ms-flex:1;flex:1;max-width:100%}:host .container-base .search-container.web yoo-form-input{max-width:12.5rem;padding-right:0;padding-left:0}:host .container-base .search-container .margin-left-negative{margin-right:var(--spacing-08, 0.5rem)}:host .container-base .search-container .margin-left{margin-right:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item{background:none !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{cursor:default !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options yoo-icon{display:none !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding.hovered:not(.dragging){background:none !important}:host .empty-state-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}:host .empty-state-wrapper yoo-empty-state{margin-top:-50px}:host .container-horizontal{position:relative;width:100%;height:auto}:host .container-horizontal .header-container{margin-top:var(--spacing-08, 0.5rem)}:host .container-horizontal .body-container.card-sticky,:host .container-horizontal .body-container.card-list-color{width:100%;padding:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host .container-horizontal .body-container.card-sticky .item.item-ios,:host .container-horizontal .body-container.card-sticky .item.item-md,:host .container-horizontal .body-container.card-list-color .item.item-ios,:host .container-horizontal .body-container.card-list-color .item.item-md{padding:1rem 1rem}:host .container-horizontal .entities-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-height:18.75rem;margin-top:var(--spacing-16, 1rem);margin-right:var(--spacing-16, 1rem);margin-bottom:var(--spacing-16, 1rem)}:host .container-horizontal .entities-container .entity-container{margin-right:var(--spacing-16, 1rem)}:host .container-horizontal .entities-container .entity-container:first-child{margin-left:var(--spacing-16, 1rem)}:host .container-horizontal yoo-entity{overflow:visible}:host .container-horizontal .entity-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;max-height:18.75rem;margin:var(--spacing-16, 1rem)}:host .container-horizontal .entity-placeholder yoo-ion-item:first-child{width:100%}:host .container-horizontal .entity-placeholder.compact{max-height:10.625rem}:host .toggle-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--spacing-08, 0.5rem)}:host .toggle-container .display-button-container{min-width:2rem;min-height:1rem}:host .toggle-container .display-button-container yoo-icon{display:block;margin-top:0.5rem;margin-right:1.5rem;margin-bottom:0.5rem;color:var(--dark, #000000)}:host .toggle-container.with-header{position:absolute;top:0;right:0;bottom:auto;left:auto;z-index:100000000}:host .toggle-container.with-search,:host .toggle-container.with-tags{position:absolute;top:12px;right:5px;right:0;z-index:100000000}:host yoo-tooltip{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}:host yoo-ion-item-divider{--padding-start:var(--item-divider-padding-start);--divider-font-size:var(--item-divider-font-size);color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--divider-font-size)}:host yoo-ion-item-divider .count{margin-left:var(--spacing-04, 0.25rem)}:host yoo-ion-item-divider .divider-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--text-color, #807f83)}:host .card-list-color.web yoo-ion-item-divider{--padding-start:0}:host yoo-ag-grid{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host .grid-container{overflow:hidden}:host .body-container.top-margin{margin-top:var(--top-margin)}:host .body-container .entity-inner-container{-ms-flex:1;flex:1;width:100%}:host .body-container .entity-inner-container.card-plan.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .body-container .entity-inner-container.card-inbox,:host .body-container .entity-inner-container.card-inbox-ongoing,:host .body-container .entity-inner-container.card-location{cursor:pointer}:host .body-container .entity-inner-container.card-inbox:hover,:host .body-container .entity-inner-container.card-inbox-ongoing:hover,:host .body-container .entity-inner-container.card-location:hover{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host .body-container .entity-inner-container.card-inbox.selected,:host .body-container .entity-inner-container.card-inbox-ongoing.selected{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .body-container .entity-inner-container.sortable{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .body-container .entity-inner-container.sortable yoo-icon[name=draggable]{margin-right:var(--spacing-08, 0.5rem);cursor:-webkit-grab;cursor:grab}:host .body-container yoo-entity{border-right:none;border-left:none}:host .body-container yoo-entity:first-child{border-top:none}:host .body-container yoo-entity:last-child{border-bottom:none}:host .body-container.card-feed .item.item-ios,:host .body-container.card-feed .item.item-md{padding:0;background:var(--light-10, rgba(255, 255, 255, 0.1));border-bottom:var(--spacing-08, 0.5rem) solid var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host .body-container.card-feed .item.item-ios yoo-entity,:host .body-container.card-feed .item.item-md yoo-entity{width:100%;margin:auto}:host .body-container.card-feed .item.item-ios yoo-entity.feeds,:host .body-container.card-feed .item.item-md yoo-entity.feeds{max-width:31.25rem}:host .body-container.card-sticky .item.item-ios,:host .body-container.card-sticky .item.item-md{padding:0.5rem 1rem;border:none !important}:host .body-container.card-course .item.item-ios,:host .body-container.card-course .item.item-md{padding:0rem 0.7rem;border:none !important}:host .body-container.card-course .item.item-ios yoo-entity,:host .body-container.card-course .item.item-md yoo-entity{width:100%;max-width:500px;margin:auto}:host .body-container.card-list .item.item-ios,:host .body-container.card-list .item.item-md,:host .body-container.card-list .item-options-end{min-height:34px;color:inherit;border:none}:host .body-container.card-list .item.item-ios yoo-entity,:host .body-container.card-list .item.item-md yoo-entity,:host .body-container.card-list .item-options-end yoo-entity{width:100%}:host .body-container.card-list .item-options-end{height:100%}:host .body-container.card-inbox,:host .body-container.card-inbox-ongoing{display:grid;grid-template-columns:100%;gap:var(--spacing-08, 0.5rem)}:host .body-container.card-inbox yoo-ion-item-divider,:host .body-container.card-inbox-ongoing yoo-ion-item-divider{margin-bottom:var(--spacing-08, 0.5rem)}:host .body-container.card-inbox yoo-ion-item-divider.first,:host .body-container.card-inbox-ongoing yoo-ion-item-divider.first{margin-top:0;padding-top:0;border-top:none}:host .body-container.card-inbox .sub-item-container,:host .body-container.card-inbox-ongoing .sub-item-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-08, 0.5rem)}:host .body-container.card-inbox .sub-item-container yoo-ion-item,:host .body-container.card-inbox-ongoing .sub-item-container yoo-ion-item{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .body-container.web.card-inbox yoo-ion-item-divider,:host .body-container.web.card-inbox-ongoing yoo-ion-item-divider{--padding-start:0 !important}:host .body-container.web.card-inbox yoo-ion-item,:host .body-container.web.card-inbox-ongoing yoo-ion-item{margin-right:var(--spacing-08, 0.5rem) !important}:host .body-container.card-battle yoo-ion-item,:host .body-container.card-campaign yoo-ion-item,:host .body-container.card-feed-row yoo-ion-item,:host .body-container.card-location yoo-ion-item{padding-bottom:var(--spacing-08, 0.5rem) !important}:host .body-container.card-campaign yoo-ion-item,:host .body-container.card-location yoo-ion-item{margin-bottom:var(--spacing-08, 0.5rem) !important;padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .body-container.card-course-row-compact yoo-ion-item{padding-bottom:var(--spacing-16, 1rem) !important}:host yoo-toast{position:absolute;top:auto;right:calc(50% - 14rem);bottom:1rem;left:auto;height:auto;-webkit-animation-name:bounceFromBottom;animation-name:bounceFromBottom;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}:host .join-line{position:absolute;top:2.75rem;left:3rem;z-index:0;width:0.25rem;height:calc(90% - 2rem);-webkit-animation:fadeIn 400ms forwards;animation:fadeIn 400ms forwards;-webkit-animation-delay:500ms;animation-delay:500ms}:host .join-line.finished{background-color:var(--app-color, #5a30f4)}:host .join-line.locked{background-color:var(--stable, #adadad) !important}:host yoo-ion-item-sliding.dragging{background:var(--light, #ffffff)}:host yoo-ion-item-sliding.dragging yoo-ion-item-options{display:none}:host yoo-ion-item-sliding.dragging.invisible{display:none}:host yoo-ion-item-sliding yoo-ion-item-options .options-container{display:-ms-flexbox;display:flex;margin-bottom:0.0625rem}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover:hover{color:var(--light, #ffffff);background-color:var(--accent, #276ef1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger{background-color:var(--danger, #d44333) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover:hover{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark{background-color:var(--dark, #000000) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover:hover{color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized{background-color:var(--energized, #ffc043) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover:hover{color:var(--light, #ffffff);background-color:var(--energized, #ffc043)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info{background-color:var(--info, #d84c96) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover:hover{color:var(--light, #ffffff);background-color:var(--info, #d84c96)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light{background-color:var(--light, #ffffff) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover:hover{color:var(--light, #ffffff);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable{background-color:var(--stable, #adadad) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover:hover{color:var(--light, #ffffff);background-color:var(--stable, #adadad)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight, #fafafa)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success{background-color:var(--success, #3aa76d) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover:hover{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color, #807f83)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning{background-color:var(--warning, #ed6e33) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover:hover{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood{background-color:var(--wood, #99644c) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover:hover{color:var(--light, #ffffff);background-color:var(--wood, #99644c)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10{background-color:var(--accent-10, rgba(39, 110, 241, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-10, rgba(39, 110, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-10{color:var(--accent-10, rgba(39, 110, 241, 0.1));fill:var(--accent-10, rgba(39, 110, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20{background-color:var(--accent-20, rgba(39, 110, 241, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-20, rgba(39, 110, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-20{color:var(--accent-20, rgba(39, 110, 241, 0.2));fill:var(--accent-20, rgba(39, 110, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40{background-color:var(--accent-40, rgba(39, 110, 241, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-40, rgba(39, 110, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-40{color:var(--accent-40, rgba(39, 110, 241, 0.4));fill:var(--accent-40, rgba(39, 110, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60{background-color:var(--accent-60, rgba(39, 110, 241, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-60, rgba(39, 110, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-60{color:var(--accent-60, rgba(39, 110, 241, 0.6));fill:var(--accent-60, rgba(39, 110, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80{background-color:var(--accent-80, rgba(39, 110, 241, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-80, rgba(39, 110, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-80{color:var(--accent-80, rgba(39, 110, 241, 0.8));fill:var(--accent-80, rgba(39, 110, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10{background-color:var(--app-color-10, rgba(90, 48, 244, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-10{color:var(--app-color-10, rgba(90, 48, 244, 0.1));fill:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-20{color:var(--app-color-20, rgba(90, 48, 244, 0.2));fill:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40{background-color:var(--app-color-40, rgba(90, 48, 244, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-40, rgba(90, 48, 244, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-40{color:var(--app-color-40, rgba(90, 48, 244, 0.4));fill:var(--app-color-40, rgba(90, 48, 244, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60{background-color:var(--app-color-60, rgba(90, 48, 244, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-60{color:var(--app-color-60, rgba(90, 48, 244, 0.6));fill:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80{background-color:var(--app-color-80, rgba(90, 48, 244, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-80, rgba(90, 48, 244, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-80{color:var(--app-color-80, rgba(90, 48, 244, 0.8));fill:var(--app-color-80, rgba(90, 48, 244, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10{background-color:var(--danger-10, rgba(212, 67, 51, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-10{color:var(--danger-10, rgba(212, 67, 51, 0.1));fill:var(--danger-10, rgba(212, 67, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20{background-color:var(--danger-20, rgba(212, 67, 51, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-20{color:var(--danger-20, rgba(212, 67, 51, 0.2));fill:var(--danger-20, rgba(212, 67, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40{background-color:var(--danger-40, rgba(212, 67, 51, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-40, rgba(212, 67, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-40{color:var(--danger-40, rgba(212, 67, 51, 0.4));fill:var(--danger-40, rgba(212, 67, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60{background-color:var(--danger-60, rgba(212, 67, 51, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-60, rgba(212, 67, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-60{color:var(--danger-60, rgba(212, 67, 51, 0.6));fill:var(--danger-60, rgba(212, 67, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80{background-color:var(--danger-80, rgba(212, 67, 51, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-80, rgba(212, 67, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-80{color:var(--danger-80, rgba(212, 67, 51, 0.8));fill:var(--danger-80, rgba(212, 67, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10{background-color:var(--dark-10, rgba(0, 0, 0, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-10{color:var(--dark-10, rgba(0, 0, 0, 0.1));fill:var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20{background-color:var(--dark-20, rgba(0, 0, 0, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-20{color:var(--dark-20, rgba(0, 0, 0, 0.2));fill:var(--dark-20, rgba(0, 0, 0, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40{background-color:var(--dark-40, rgba(0, 0, 0, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-40, rgba(0, 0, 0, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-40{color:var(--dark-40, rgba(0, 0, 0, 0.4));fill:var(--dark-40, rgba(0, 0, 0, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60{background-color:var(--dark-60, rgba(0, 0, 0, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-60{color:var(--dark-60, rgba(0, 0, 0, 0.6));fill:var(--dark-60, rgba(0, 0, 0, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80{background-color:var(--dark-80, rgba(0, 0, 0, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-80{color:var(--dark-80, rgba(0, 0, 0, 0.8));fill:var(--dark-80, rgba(0, 0, 0, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10{background-color:var(--energized-10, rgba(255, 192, 67, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-10{color:var(--energized-10, rgba(255, 192, 67, 0.1));fill:var(--energized-10, rgba(255, 192, 67, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20{background-color:var(--energized-20, rgba(255, 192, 67, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-20, rgba(255, 192, 67, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-20{color:var(--energized-20, rgba(255, 192, 67, 0.2));fill:var(--energized-20, rgba(255, 192, 67, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40{background-color:var(--energized-40, rgba(255, 192, 67, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-40, rgba(255, 192, 67, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-40{color:var(--energized-40, rgba(255, 192, 67, 0.4));fill:var(--energized-40, rgba(255, 192, 67, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60{background-color:var(--energized-60, rgba(255, 192, 67, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-60, rgba(255, 192, 67, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-60{color:var(--energized-60, rgba(255, 192, 67, 0.6));fill:var(--energized-60, rgba(255, 192, 67, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80{background-color:var(--energized-80, rgba(255, 192, 67, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-80, rgba(255, 192, 67, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-80{color:var(--energized-80, rgba(255, 192, 67, 0.8));fill:var(--energized-80, rgba(255, 192, 67, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10{background-color:var(--info-10, rgba(216, 76, 150, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10-hover:hover{color:var(--light, #ffffff);background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-10{color:var(--info-10, rgba(216, 76, 150, 0.1));fill:var(--info-10, rgba(216, 76, 150, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20{background-color:var(--info-20, rgba(216, 76, 150, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20-hover:hover{color:var(--light, #ffffff);background-color:var(--info-20, rgba(216, 76, 150, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-20{color:var(--info-20, rgba(216, 76, 150, 0.2));fill:var(--info-20, rgba(216, 76, 150, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40{background-color:var(--info-40, rgba(216, 76, 150, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40-hover:hover{color:var(--light, #ffffff);background-color:var(--info-40, rgba(216, 76, 150, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-40{color:var(--info-40, rgba(216, 76, 150, 0.4));fill:var(--info-40, rgba(216, 76, 150, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60{background-color:var(--info-60, rgba(216, 76, 150, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60-hover:hover{color:var(--light, #ffffff);background-color:var(--info-60, rgba(216, 76, 150, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-60{color:var(--info-60, rgba(216, 76, 150, 0.6));fill:var(--info-60, rgba(216, 76, 150, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80{background-color:var(--info-80, rgba(216, 76, 150, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80-hover:hover{color:var(--light, #ffffff);background-color:var(--info-80, rgba(216, 76, 150, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-80{color:var(--info-80, rgba(216, 76, 150, 0.8));fill:var(--info-80, rgba(216, 76, 150, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10{background-color:var(--light-10, rgba(255, 255, 255, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10-hover:hover{color:var(--light, #ffffff);background-color:var(--light-10, rgba(255, 255, 255, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-10{color:var(--light-10, rgba(255, 255, 255, 0.1));fill:var(--light-10, rgba(255, 255, 255, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20{background-color:var(--light-20, rgba(255, 255, 255, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20-hover:hover{color:var(--light, #ffffff);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-20{color:var(--light-20, rgba(255, 255, 255, 0.2));fill:var(--light-20, rgba(255, 255, 255, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40{background-color:var(--light-40, rgba(255, 255, 255, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40-hover:hover{color:var(--light, #ffffff);background-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-40{color:var(--light-40, rgba(255, 255, 255, 0.4));fill:var(--light-40, rgba(255, 255, 255, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60{background-color:var(--light-60, rgba(255, 255, 255, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60-hover:hover{color:var(--light, #ffffff);background-color:var(--light-60, rgba(255, 255, 255, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-60{color:var(--light-60, rgba(255, 255, 255, 0.6));fill:var(--light-60, rgba(255, 255, 255, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80{background-color:var(--light-80, rgba(255, 255, 255, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80-hover:hover{color:var(--light, #ffffff);background-color:var(--light-80, rgba(255, 255, 255, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-80{color:var(--light-80, rgba(255, 255, 255, 0.8));fill:var(--light-80, rgba(255, 255, 255, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10{background-color:var(--stable-10, rgba(173, 173, 173, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-10{color:var(--stable-10, rgba(173, 173, 173, 0.1));fill:var(--stable-10, rgba(173, 173, 173, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20{background-color:var(--stable-20, rgba(173, 173, 173, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-20{color:var(--stable-20, rgba(173, 173, 173, 0.2));fill:var(--stable-20, rgba(173, 173, 173, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40{background-color:var(--stable-40, rgba(173, 173, 173, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-40{color:var(--stable-40, rgba(173, 173, 173, 0.4));fill:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60{background-color:var(--stable-60, rgba(173, 173, 173, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-60, rgba(173, 173, 173, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-60{color:var(--stable-60, rgba(173, 173, 173, 0.6));fill:var(--stable-60, rgba(173, 173, 173, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80{background-color:var(--stable-80, rgba(173, 173, 173, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-80, rgba(173, 173, 173, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-80{color:var(--stable-80, rgba(173, 173, 173, 0.8));fill:var(--stable-80, rgba(173, 173, 173, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10{background-color:var(--stable-alt-10, rgba(208, 208, 208, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-10{color:var(--stable-alt-10, rgba(208, 208, 208, 0.1));fill:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20{background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-20{color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));fill:var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40{background-color:var(--stable-alt-40, rgba(208, 208, 208, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-40{color:var(--stable-alt-40, rgba(208, 208, 208, 0.4));fill:var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60{background-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-60{color:var(--stable-alt-60, rgba(208, 208, 208, 0.6));fill:var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80{background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-80{color:var(--stable-alt-80, rgba(208, 208, 208, 0.8));fill:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10{background-color:var(--stable-light-10, rgba(241, 241, 241, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-10, rgba(241, 241, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-10{color:var(--stable-light-10, rgba(241, 241, 241, 0.1));fill:var(--stable-light-10, rgba(241, 241, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-20{color:var(--stable-light-20, rgba(241, 241, 241, 0.2));fill:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-40{color:var(--stable-light-40, rgba(241, 241, 241, 0.4));fill:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-60{color:var(--stable-light-60, rgba(241, 241, 241, 0.6));fill:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80{background-color:var(--stable-light-80, rgba(241, 241, 241, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-80{color:var(--stable-light-80, rgba(241, 241, 241, 0.8));fill:var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10{background-color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-10{color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1));fill:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20{background-color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-20{color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2));fill:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40{background-color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-40{color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4));fill:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60{background-color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-60{color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6));fill:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80{background-color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-80{color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));fill:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10{background-color:var(--success-10, rgba(58, 167, 109, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10-hover:hover{color:var(--light, #ffffff);background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-10{color:var(--success-10, rgba(58, 167, 109, 0.1));fill:var(--success-10, rgba(58, 167, 109, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20{background-color:var(--success-20, rgba(58, 167, 109, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20-hover:hover{color:var(--light, #ffffff);background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-20{color:var(--success-20, rgba(58, 167, 109, 0.2));fill:var(--success-20, rgba(58, 167, 109, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40{background-color:var(--success-40, rgba(58, 167, 109, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40-hover:hover{color:var(--light, #ffffff);background-color:var(--success-40, rgba(58, 167, 109, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-40{color:var(--success-40, rgba(58, 167, 109, 0.4));fill:var(--success-40, rgba(58, 167, 109, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60{background-color:var(--success-60, rgba(58, 167, 109, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60-hover:hover{color:var(--light, #ffffff);background-color:var(--success-60, rgba(58, 167, 109, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-60{color:var(--success-60, rgba(58, 167, 109, 0.6));fill:var(--success-60, rgba(58, 167, 109, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80{background-color:var(--success-80, rgba(58, 167, 109, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80-hover:hover{color:var(--light, #ffffff);background-color:var(--success-80, rgba(58, 167, 109, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-80{color:var(--success-80, rgba(58, 167, 109, 0.8));fill:var(--success-80, rgba(58, 167, 109, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10{background-color:var(--text-color-10, rgba(128, 127, 131, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-10{color:var(--text-color-10, rgba(128, 127, 131, 0.1));fill:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20{background-color:var(--text-color-20, rgba(128, 127, 131, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-20{color:var(--text-color-20, rgba(128, 127, 131, 0.2));fill:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40{background-color:var(--text-color-40, rgba(128, 127, 131, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-40, rgba(128, 127, 131, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-40{color:var(--text-color-40, rgba(128, 127, 131, 0.4));fill:var(--text-color-40, rgba(128, 127, 131, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60{background-color:var(--text-color-60, rgba(128, 127, 131, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-60, rgba(128, 127, 131, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-60{color:var(--text-color-60, rgba(128, 127, 131, 0.6));fill:var(--text-color-60, rgba(128, 127, 131, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80{background-color:var(--text-color-80, rgba(128, 127, 131, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-80, rgba(128, 127, 131, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-80{color:var(--text-color-80, rgba(128, 127, 131, 0.8));fill:var(--text-color-80, rgba(128, 127, 131, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10{background-color:var(--warning-10, rgba(237, 110, 51, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-10{color:var(--warning-10, rgba(237, 110, 51, 0.1));fill:var(--warning-10, rgba(237, 110, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20{background-color:var(--warning-20, rgba(237, 110, 51, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-20, rgba(237, 110, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-20{color:var(--warning-20, rgba(237, 110, 51, 0.2));fill:var(--warning-20, rgba(237, 110, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40{background-color:var(--warning-40, rgba(237, 110, 51, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-40, rgba(237, 110, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-40{color:var(--warning-40, rgba(237, 110, 51, 0.4));fill:var(--warning-40, rgba(237, 110, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60{background-color:var(--warning-60, rgba(237, 110, 51, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-60, rgba(237, 110, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-60{color:var(--warning-60, rgba(237, 110, 51, 0.6));fill:var(--warning-60, rgba(237, 110, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80{background-color:var(--warning-80, rgba(237, 110, 51, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-80, rgba(237, 110, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-80{color:var(--warning-80, rgba(237, 110, 51, 0.8));fill:var(--warning-80, rgba(237, 110, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10{background-color:var(--wood-10, rgba(153, 100, 76, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-10, rgba(153, 100, 76, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-10{color:var(--wood-10, rgba(153, 100, 76, 0.1));fill:var(--wood-10, rgba(153, 100, 76, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20{background-color:var(--wood-20, rgba(153, 100, 76, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-20, rgba(153, 100, 76, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-20{color:var(--wood-20, rgba(153, 100, 76, 0.2));fill:var(--wood-20, rgba(153, 100, 76, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40{background-color:var(--wood-40, rgba(153, 100, 76, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-40, rgba(153, 100, 76, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-40{color:var(--wood-40, rgba(153, 100, 76, 0.4));fill:var(--wood-40, rgba(153, 100, 76, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60{background-color:var(--wood-60, rgba(153, 100, 76, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-60, rgba(153, 100, 76, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-60{color:var(--wood-60, rgba(153, 100, 76, 0.6));fill:var(--wood-60, rgba(153, 100, 76, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80{background-color:var(--wood-80, rgba(153, 100, 76, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-80, rgba(153, 100, 76, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-80{color:var(--wood-80, rgba(153, 100, 76, 0.8));fill:var(--wood-80, rgba(153, 100, 76, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;opacity:0;-webkit-transition:0.2s;transition:0.2s}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.force-opacity{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.visible{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.visible yoo-button{margin-right:var(--spacing-08, 0.5rem)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web yoo-button{z-index:1;margin-right:var(--spacing-16, 1rem)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web yoo-context-menu{z-index:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web:hover{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:auto;bottom:auto;left:0rem}:host yoo-ion-item-sliding yoo-ion-item-options.hovered .options-container.web{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0rem 0.5rem;background-color:var(--stable, #adadad);border:none;visibility:hidden}:host yoo-ion-item-sliding yoo-ion-item-options button .text-action{font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\")}:host yoo-ion-item-sliding yoo-ion-item-options button yoo-icon{width:60px;margin-top:0.1rem;font-size:var(--font-size-18, 1.125rem)}:host yoo-ion-item-sliding.item-sliding-active-slide{overflow:visible}:host yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item{border-radius:0.5rem;-webkit-box-shadow:0.125rem 0 0.25rem 0 var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0.125rem 0 0.25rem 0 var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item-options button{visibility:visible}:host yoo-ion-list,:host yoo-virtual-scroll{position:relative;margin-top:0.5rem}:host yoo-ion-list yoo-ion-item,:host yoo-virtual-scroll yoo-ion-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0 var(--spacing-16, 1rem)}:host yoo-ion-list yoo-entity,:host yoo-virtual-scroll yoo-entity{width:100%}:host yoo-ion-list .more-container,:host yoo-virtual-scroll .more-container{padding-left:0.5rem;color:var(--stable, #adadad)}@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 370px){:host yoo-entity.empty-entity{width:5.2rem !important;height:0}:host yoo-entity.empty-entity.photos{width:5.7rem !important;height:0}}@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 370px){:host yoo-entity.empty-entity{width:5.2rem !important;height:0}}@media only screen and (min-width: 400px){:host yoo-entity.empty-entity{width:7.6rem;height:0}:host yoo-entity.empty-entity.photos{width:7.6rem !important;height:0}}:host .grid-cell{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:1rem}:host .grid-cell yoo-entity.empty-entity{width:7.1rem !important;height:0}:host .grid-cell yoo-entity.empty-entity.photos{width:6.6rem;height:0}:host .grid-cell .entity-inner-container.card-cell{min-width:90px}:host .grid-media{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:center;justify-content:center;margin-top:1rem}:host yoo-entity.empty-entity.card-cell.giphy,:host yoo-entity.empty-entity.card-cell.photos,:host yoo-entity.empty-entity.card-cell.unsplash{width:7.5rem !important}:host yoo-entity.empty-entity.card-media.medium{width:9.25rem !important}:host yoo-entity.empty-entity.card-media.large{width:18.5rem !important}:host ::slotted(.missions-page.grid-extra-opts[slot=before-scroll]){margin:var(--spacing-08, 0.5rem)}:host ::slotted(.missions-page.grid-extra-opts[slot=before]){margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.web) .join-line{top:2.25rem}:host(.web) .empty-state{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.web) .container-base .header-container .header-title{margin:var(--spacing-16, 1rem) 0 0}:host(.web) yoo-empty-state{height:var(--empty-state-height, 12rem)}:host(.web) ::slotted(.missions-page.grid-extra-opts[slot=before-scroll]){margin-left:0 !important}:host(.web) .sub-item-container .relative{position:relative}:host(.web) .sub-item-container yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:auto;bottom:auto;left:0rem;padding-right:var(--spacing-04, 0.25rem)}:host(.form-grid) yoo-ion-item.selected{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.form-grid.mobile) yoo-virtual-scroll yoo-ion-item,:host(.form-grid.mobile) yoo-ion-list yoo-ion-item{padding:0}:host(.form-grid:not(.not-scrollable)),:host(.form-grid.wizard:not(.not-scrollable)){position:absolute;top:0;right:0;bottom:0;left:0;margin-top:var(--spacing-08, 0.5rem)}:host(.form-grid:not(.not-scrollable)) .container-base,:host(.form-grid.wizard:not(.not-scrollable)) .container-base{height:100%}:host(:not(.web)) .grid-cell yoo-entity.selected:after{display:none !important}:host(.mobile.autocomplete) .container-base{background:var(--light, #ffffff)}:host(.mobile.autocomplete) .container-base yoo-loader.autocomplete{height:auto}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-form-input{padding-left:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-form-input:not(.with-toggle){padding-right:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header .dynamic-ordering-header-container .selected-text{padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header .dynamic-ordering-header-container yoo-button{max-width:9rem;padding-right:var(--spacing-08, 0.5rem)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-navbar{--bottom-shadow:0 0.0625rem 0 0 var(--stable-alt-60, rgba(208, 208, 208, 0.6));background:var(--light, #ffffff)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-items.autocomplete-spacing{margin-right:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base yoo-ion-list,:host(.mobile.autocomplete) .container-base yoo-virtual-scroll{margin-top:0}:host(.mobile.autocomplete) .container-base .grid-cell{margin-top:var(--spacing-02, 0.125rem)}:host(.mobile.autocomplete) .container-base .add-tag-mobile{z-index:10000;-ms-flex-pack:justify;justify-content:space-between;height:100%}:host(.mobile.autocomplete) .container-base .add-tag-mobile .text-container{padding:var(--spacing-56, 3.5rem) var(--spacing-64, 4rem) 0 var(--spacing-64, 4rem);text-align:center}:host(.mobile.autocomplete) .container-base .add-tag-mobile .add-tag-button-container{width:100%;padding:var(--spacing-16, 1rem) 0 var(--spacing-48, 3rem) 0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.mobile.autocomplete) .container-base .add-tag-mobile .add-tag-button-container yoo-button{padding:0 var(--spacing-16, 1rem)}:host(.radio-button-choice) .container-base{margin:0 !important}:host(.radio-button-choice) yoo-virtual-scroll yoo-ion-item-sliding yoo-ion-item-options .options-container,:host(.radio-button-choice) yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{opacity:1}:host(.radio-button-choice) .body-container .entity-inner-container{height:100%}:host(.radio-button-choice) .body-container.card-list .item.item-ios yoo-entity,:host(.radio-button-choice) .body-container.card-list .item.item-md yoo-entity{--padding-left-content-container:0;--padding-right-content-container-card-list:2.5rem;--overflow-card-heading-text-card-list:visible;--text-overflow-card-heading-text-card-list:clip;--white-space-card-heading-text-card-list:normal;--font-size-icon-check-selected:var(--icon-size-02, 1.5rem);max-width:none}:host(.radio-button-choice) .body-container.card-list .item.item-ios yoo-entity.selected,:host(.radio-button-choice) .body-container.card-list .item.item-md yoo-entity.selected{font-weight:var(--font-weight-400, 400)}:host(.radio-button-choice) yoo-empty-state{display:none}:host(.bordered){border:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host(.map){height:100%}:host(.map) .container-base{position:relative;height:100%}:host(.map) .container-base yoo-navbar{background:var(--light, #ffffff)}:host(.map) .container-base .map-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.map) .container-base .map-scroll-container .absolute.web{bottom:1rem;height:auto}:host(.map) .container-base .map-scroll-container yoo-ion-scroll{position:absolute;top:unset;bottom:var(--spacing-16, 1rem);min-height:5.75rem;margin:0 0 var(--spacing-16, 1rem) 0}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container{position:absolute;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;margin-left:var(--spacing-16, 1rem);padding-right:var(--spacing-16, 1rem)}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container .entity-container{min-width:21.5625rem;margin-right:var(--spacing-04, 0.25rem)}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container .entity-container yoo-entity{--entity-background:cssvar(light) !important;--margin:0 !important}:host(.web:not(.framed):not(.noabsolute)) .container-base.columns .horizontal-scroll-parent,:host(.web:not(.framed).empty) .container-base.columns .horizontal-scroll-parent{position:relative;height:100%}:host(.web:not(.framed):not(.noabsolute)) .container-base.columns .horizontal-scroll,:host(.web:not(.framed).empty) .container-base.columns .horizontal-scroll{position:absolute;top:0;right:0;bottom:0;left:0}:host(.web.dialog:not(.framed):not(.card-list):not(.card-course-row)) yoo-entity-query-builder{margin-left:var(--spacing-04, 0.25rem)}:host(.web.dialog:not(.framed):not(.card-list):not(.card-course-row)) .total-header{padding-bottom:0}:host(.web.dialog:not(.framed):not(.card-list):not(.card-course-row)) .container-base{margin-left:0}:host(.web:not(.framed)) yoo-ion-item-sliding.hovered:not(.dragging){background:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host(.web:not(.framed)) yoo-entity.photos.card-list{margin-bottom:0}:host(.web:not(.framed)) .container-base{width:auto;margin-left:var(--spacing-16, 1rem);background:transparent}:host(.web:not(.framed)) .container-base.columns{position:relative}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll{overflow-x:auto;overflow-y:hidden;-webkit-transition:0.3s;transition:0.3s}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%;height:100%}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content.with-header yoo-ion-scroll{height:calc(100% - 3rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content.with-header yoo-ion-scroll.empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:calc(100% - 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container.with-more{min-width:calc(100% - 2.5rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container.with-more .heading-title{margin-left:0}:host(.web:not(.framed)) .container-base .grid-cell{-ms-flex-pack:center;justify-content:center}:host(.web:not(.framed)) .container-base .gradient-overlay{position:absolute;bottom:0;z-index:2;width:6rem;height:100%}:host(.web:not(.framed)) .container-base .gradient-overlay.has-heading{max-height:calc(100% - var(--spacing-40, 2.5rem))}:host(.web:not(.framed)) .container-base .gradient-overlay.left{left:-1rem;background:var(--linear-gradient-left, linear-gradient(to left, rgba(255, 255, 255, 0), white))}:host(.web:not(.framed)) .container-base .gradient-overlay.right{right:0;background:var(--linear-gradient-right, linear-gradient(to right, rgba(255, 255, 255, 0), white))}:host(.web:not(.framed)) .container-base .title-container{display:-ms-flexbox;display:flex;margin-right:1rem;padding:1rem 0;padding-bottom:0;color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-14, 0.875rem)}:host(.web:not(.framed)) .container-base .title-container .heading-title{-ms-flex:1;flex:1;min-width:15rem;margin-left:1rem}:host(.web:not(.framed)) .container-base .title-container .heading-title.resized{-ms-flex:none;flex:none;min-width:unset}:host(.web:not(.framed)) .container-base .title-container .columns-title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.web:not(.framed)) .container-base .title-container .columns-title-container yoo-context-menu{padding-right:1rem}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header{position:relative;padding-right:1rem;padding-left:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header yoo-tooltip{-ms-flex-pack:start;justify-content:flex-start}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area{position:absolute;top:0;right:auto;bottom:0;left:0;width:1rem;cursor:col-resize;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area .resize-border{width:0.0625rem;height:100%;background:var(--stable-alt, #d0d0d0);opacity:0}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area:hover .resize-border,:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area.show .resize-border{opacity:1}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content yoo-icon{margin-top:0.2rem;margin-right:0.2rem}:host(.web:not(.framed)) .container-base .entity-container{overflow:hidden}:host(.web:not(.framed)) .container-base .entity-inner-container.card-list,:host(.web:not(.framed)) .container-base .entity-inner-container.card-course-row,:host(.web:not(.framed)) .container-base .entity-inner-container.card-battle,:host(.web:not(.framed)) .container-base .entity-inner-container.card-notification{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base .entity-inner-container.card-media{margin-bottom:var(--spacing-16, 1rem)}:host(.web:not(.framed)) .container-base.keep-selection .title-container .heading-title{margin-left:2rem}:host(.web:not(.framed)) .container-base.keep-selection .entity-container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.keep-selection .entity-container .entity-inner-container.card-list{width:auto;border-bottom:none}:host(.web:not(.framed)) .container-base.keep-selection .entity-inner-container:not(.card-cell):not(.card-cell-color):not(.card-media):not(.card-template):not(.autocomplete-selection-mode){padding-left:var(--spacing-32, 2rem)}:host(.web:not(.framed)) .body-container.card-list-color{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem)}:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item.item-ios,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item.item-md,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item-options-end,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) yoo-ion-item{min-height:unset;padding:0}:host(.web:not(.framed)) .body-container .entity-inner-container.overflow-visible{overflow:visible}:host(.no-padding-container) .container-base{margin:0 !important}:host(.no-padding-container) .container-base .body-container{margin:0 !important}:host(.no-padding-container) .container-base .map-scroll-container .absolute.web{bottom:0 !important}:host(.hide-main-column-header) .title-container{display:none !important}:host(.mobile.ag-grid){height:100%}:host(.mobile.ag-grid) .container-base{height:100%}:host(.mobile.kanban){height:100%}:host(.mobile.kanban) .container-base{position:relative;display:-ms-flexbox;display:flex;height:100%}:host(.mobile.kanban) .container-base yoo-kanban{position:initial;-ms-flex:1;flex:1}:host(.kanban) .container-base.keep-selection .title-container .heading-title{margin-left:0 !important}:host(.web.ag-grid.full-width) .container-base{width:100%}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base{margin:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base yoo-navbar:not(.expanded-autocomplete){padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dropdown-header .form-radio-container{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dropdown-header .form-radio-container yoo-form-radio{grid-auto-columns:unset}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dynamic-ordering-header-container:not(.no-search):not(.filters-visible){padding-top:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .selected-text{padding-left:var(--spacing-08, 0.5rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container{margin-top:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container yoo-ion-item-sliding .hover-container yoo-ion-item-options yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:0rem;bottom:auto;left:auto;padding-right:var(--spacing-04, 0.25rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container .entity-inner-container{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem);border-bottom:none}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .grid-cell{-ms-flex-pack:justify;justify-content:space-between;padding-bottom:var(--spacing-16, 1rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .grid-cell .card-cell{min-width:6rem;min-height:4.75rem}:host(.web.autocomplete-selection-mode:not(.empty)) yoo-ion-item.selected{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.framed.quickview) .frame-container.web{padding:0}:host(.framed.quickview) .frame-container.web .container{padding:0;overflow:visible;-webkit-box-shadow:none;box-shadow:none}:host(.framed.quickview) .frame-container.web .container .frame-header{margin-bottom:var(--spacing-08, 0.5rem);background:transparent;cursor:pointer}:host(.framed.quickview) .frame-container.web .container .frame-header .row .text-container .heading{font-size:var(--font-size-14, 0.875rem)}:host(.framed.quickview) .frame-container.web .container yoo-virtual-scroll yoo-virtual-item,:host(.framed.quickview) .frame-container.web .container yoo-ion-list,:host(.framed.quickview) .frame-container.web .container .grid-media{height:auto;background:var(--light, #ffffff);-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(.framed.quickview) .frame-container.web .container .grid-media{margin-top:0;padding:var(--spacing-16, 1rem) 0}:host(.framed.shadow){--framed-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));--framed-radius:var(--spacing-08, 0.5rem);--framed-margin:0 var(--spacing-04, 0.25rem)}:host(.framed){height:100%}:host(.framed) .empty-state-container{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.framed) .empty-state-container .empty-state{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-16, 1rem);-ms-flex-align:center;align-items:center;margin:var(--spacing-16, 1rem) 0 0;padding:0;overflow:hidden}:host(.framed) .empty-state-container .empty-state yoo-empty-state{-ms-flex:75%;flex:75%;width:min(var(--empty-state-size, 75%), 12rem);height:min(var(--empty-state-size, 75%), 12rem);margin:0;padding:0}:host(.framed) .empty-state-container .empty-state yoo-empty-state.large.with-button{-ms-flex:50%;flex:50%;width:min(var(--empty-state-size-with-button, 50%), 12rem);height:min(var(--empty-state-size-with-button, 50%), 12rem)}:host(.framed) .empty-state-container .empty-state div{margin:0;padding:0}:host(.framed) .empty-state-container .empty-state div.with-button{font-size:var(--font-size-14, 0.875rem)}:host(.framed) .empty-state-container .empty-state yoo-button{width:100%}@media only screen and (max-width: 1024px){:host(.framed) .empty-state-container .empty-state.web div.with-button,:host(.framed) .empty-state-container .empty-state.tablet div.with-button{display:none}}:host(.framed) .empty-state-container.widget-battles .empty-state yoo-empty-state{-ms-flex:35%;flex:35%;width:min(var(--empty-state-size-with-battles, 35%), 12rem);height:min(var(--empty-state-size-with-battles, 35%), 12rem)}:host(.framed) .frame-container{position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:var(--spacing-16, 1rem);border-radius:var(--framed-radius);-webkit-box-shadow:var(--framed-shadow);box-shadow:var(--framed-shadow)}:host(.framed) .frame-container.web,:host(.framed) .frame-container.emulate{height:100%;margin:var(--framed-margin)}:host(.framed) .frame-container.web.none,:host(.framed) .frame-container.emulate.none{display:initial}:host(.framed) .frame-container.web .container .frame-header .row .text-container,:host(.framed) .frame-container.emulate .container .frame-header .row .text-container{-ms-flex-align:start;align-items:flex-start}:host(.framed) .frame-container.web .container .frame-header .row .text-container .heading,:host(.framed) .frame-container.emulate .container .frame-header .row .text-container .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-16, 1rem);cursor:pointer}:host(.framed) .frame-container .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}@media only screen and (max-width: 370px) and (-webkit-min-device-pixel-ratio: 3){:host(.framed) .frame-container .container yoo-entity.photos{width:6.4rem !important;height:6.4rem !important;margin-bottom:0.4rem}}:host(.framed) .frame-container .container .list-container,:host(.framed) .frame-container .container .grid-cell{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;margin:0;overflow:hidden}:host(.framed) .frame-container .container .list-container{position:relative;-ms-flex-direction:column;flex-direction:column}:host(.framed) .frame-container .container .list-container yoo-ion-list{width:100%}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item,:host(.framed) .frame-container .container yoo-ion-list,:host(.framed) .frame-container .container ion-list{-ms-flex:1;flex:1;margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;overflow:hidden}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item,:host(.framed) .frame-container .container ion-list yoo-ion-item{--padding-entity:0;--padding-content-container-card-list:0.5rem 0;margin-top:0 !important;margin-bottom:var(--spacing-08, 0.5rem);padding:0}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item:not(.card-list-color),:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item:not(.card-list-color),:host(.framed) .frame-container .container ion-list yoo-ion-item:not(.card-list-color){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1) !important}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item yoo-card-list,:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item yoo-card-list,:host(.framed) .frame-container .container ion-list yoo-ion-item yoo-card-list{--border-bottom-outer-container:none !important}:host(.framed) .frame-container .frame-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--spacing-08, 0.5rem)}:host(.framed) .frame-container .frame-header .row{z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host(.framed) .frame-container .frame-header .row .icon-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:0.5rem;color:var(--app-color, #5a30f4);cursor:pointer}:host(.framed) .frame-container .frame-header .row .icon-container yoo-icon{color:var(--app-color, #5a30f4)}:host(.framed) .frame-container .frame-header .text-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:start;align-items:flex-start;overflow:hidden}:host(.framed) .frame-container .frame-header .text-container .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host(.framed) .bottom-overlay{position:absolute;bottom:0;width:100%;height:2rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(22%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(61%, var(--light, #ffffff)));background:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 22%, var(--light, #ffffff) 61%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#00ffffff\", endColorstr=\"#ffffff\",GradientType=0 )}:host(.framed) yoo-widget-tile{position:relative;width:100%}:host(.framed) yoo-widget-tile .tile.icon-container{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host(.framed) yoo-widget-tile .tile.title{position:absolute;bottom:var(--spacing-08, 0.5rem);left:var(--spacing-08, 0.5rem)}:host(.framed) yoo-widget-tile yoo-badge.tile{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem)}:host(.framed.two-columns){--empty-state-size:100%}:host(.framed.two-columns) .container{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.framed.two-columns) .empty-state{margin:0}:host(.framed.two-columns) .empty-state yoo-empty-state{padding-top:var(--spacing-16, 1rem)}:host(.framed.two-columns) .entity-inner-container{height:100%}:host(.framed.two-columns) .frame-container .container yoo-ion-list yoo-ion-item{height:100%;padding:0;border:none}:host(.framed.two-columns) .frame-header{grid-column:1/-1}:host(.framed.waitliststats) .bottom-overlay{display:none}:host(.table) yoo-card-list{--border-bottom-outer-container:none}:host(.framed.horizontal) .frame-container{padding:0;padding-top:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.framed.horizontal) .frame-container .body-container.card-list-color{padding:0;padding-bottom:var(--spacing-08, 0.5rem)}:host(.framed.horizontal) .frame-container .frame-header .row .icon-container{margin-right:var(--spacing-16, 1rem)}:host(.missiondescriptions.card-list-color) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.missiondescriptions.card-list-color) yoo-ion-list yoo-ion-item{margin:none !important;border-bottom:none !important}:host(.widget:not(.card-list-color)) .container-horizontal{padding:0;padding-top:0.5rem !important;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15))}:host(.framed.horizontal.card-list-color) .frame-container .container-horizontal .frame-header .text-container .heading{font-weight:normal}:host(.framed.no-padding) .frame-container{padding:0}:host(.framed.full-width) .frame-container{padding:0.0625rem 0;padding-bottom:0}:host(.framed.full-width) .frame-container .container{border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(.framed.full-width) .frame-container .container .icon-container{display:none}:host(.framed.full-width.web.photos.card-cell) .frame-container .container-base .grid-cell{display:grid;grid-row-gap:var(--spacing-16, 1rem);grid-template-columns:120px 120px 120px 120px 120px 120px}:host(.framed.full-width.web.photos.card-cell) .frame-container .container-base .grid-cell .entity-inner-container{justify-self:center}:host(.lessons.web) .entity-inner-container.card-list{border-bottom:none !important}:host(.lessons.web) yoo-ion-item-divider{margin-left:var(--spacing-32, 2rem)}:host(.lessons.web) .join-line{left:1.9375rem}:host(.lessons.mobile){margin-top:var(--spacing-08, 0.5rem)}:host(.lessons.mobile) yoo-ion-item-divider{width:calc(100% - 3rem)}:host(.lessons) .container-base{position:relative}:host(.lessons) yoo-ion-item-divider{margin-left:var(--spacing-48, 3rem);padding:0 1rem}:host(.lessons) .join-line{position:absolute;left:1.7rem;z-index:1;width:var(--spacing-02, 0.125rem);background-color:var(--app-color, #5a30f4)}:host(.card-cell.channel:not(.empty)) .frame-container,:host(.card-cell.channels:not(.empty)) .frame-container,:host(.card-cell.contacts:not(.empty)) .frame-container,:host(.card-cell.locations:not(.empty)) .frame-container{padding-bottom:0}:host(.card-cell-color) .grid-cell{display:grid !important;grid-template-columns:var(--grid-template-columns, repeat(2, minmax(0, 1fr)));gap:var(--grid-template-gap, var(--spacing-08, 0.5rem))}:host(.card-cell-color) .entity-inner-container{width:100%;height:100%}:host(.card-cell-color.small) .grid-cell{grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.card-cell.channel) .frame-container .container-base .grid-cell,:host(.card-cell.channels) .frame-container .container-base .grid-cell,:host(.card-cell.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.medium.locations) .frame-container .container-base .grid-cell{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.small) .empty-state .empty-state-details,:host(.medium) .empty-state .empty-state-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem)}:host(.card-cell.small.channel) yoo-empty-state,:host(.card-cell.small.channels) yoo-empty-state,:host(.card-cell.small.contacts) yoo-empty-state,:host(.card-cell.small.locations) yoo-empty-state,:host(.small.card-campaign) yoo-empty-state,:host(.small.card-feed-row) yoo-empty-state,:host(.small.card-inbox) yoo-empty-state{display:none}:host(.card-cell.medium.channel),:host(.card-cell.medium.channels),:host(.card-cell.medium.contacts),:host(.card-cell.medium.locations),:host(.medium.card-campaign),:host(.medium.card-calendar),:host(.medium.card-feed-row),:host(.medium.card-inbox){--empty-state-size:100%}:host(.card-cell.medium.channel) .empty-state,:host(.card-cell.medium.channels) .empty-state,:host(.card-cell.medium.contacts) .empty-state,:host(.card-cell.medium.locations) .empty-state,:host(.medium.card-campaign) .empty-state,:host(.medium.card-calendar) .empty-state,:host(.medium.card-feed-row) .empty-state,:host(.medium.card-inbox) .empty-state{-ms-flex-direction:row;flex-direction:row;margin:var(--spacing-08, 0.5rem) 0 0}:host(.card-cell.medium.channel) .empty-state>*,:host(.card-cell.medium.channels) .empty-state>*,:host(.card-cell.medium.contacts) .empty-state>*,:host(.card-cell.medium.locations) .empty-state>*,:host(.medium.card-campaign) .empty-state>*,:host(.medium.card-calendar) .empty-state>*,:host(.medium.card-feed-row) .empty-state>*,:host(.medium.card-inbox) .empty-state>*{-ms-flex:1 !important;flex:1 !important}:host(.card-cell.medium.channel) .frame-container .container-base .grid-cell,:host(.card-cell.medium.channels) .frame-container .container-base .grid-cell,:host(.card-cell.medium.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.medium.locations) .frame-container .container-base .grid-cell{-ms-flex-line-pack:center;align-content:center}:host(.card-cell.channel) .frame-container .container-base .grid-cell,:host(.card-cell.channels) .frame-container .container-base .grid-cell{grid-gap:var(--spacing-02, 0.125rem) var(--spacing-16, 1rem)}:host(.card-cell.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.locations) .frame-container .container-base .grid-cell{grid-gap:var(--spacing-16, 1rem)}:host(.card-cell-color:not(.framed.small)) .grid-cell{display:grid !important;grid-template-columns:var(--grid-template-columns, repeat(2, minmax(0, 1fr)));gap:var(--grid-template-gap, var(--spacing-16, 1rem))}:host(.card-cell-image) .grid-cell{display:grid !important;gap:var(--spacing-08, 0.5rem)}:host(.card-cell-image) .entity-inner-container{height:100%}:host(.card-cell-image.inventories) yoo-entity{--card-image-title-line-clamp:4}:host(.card-cell-image.inventories) .grid-cell{grid-template-rows:repeat(2, minmax(0, 1fr));grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.card-cell-image.inventories.medium) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.card-cell-image.inventories.small) yoo-entity{--card-image-title-line-clamp:3}:host(.card-cell-image.inventories.small) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.card-cell-image.photos) yoo-entity{--card-image-border-radius:var(--border-radius-04, 0.25rem);--card-image-overlay:transparent}:host(.card-cell-image.photos) .grid-cell{grid-template-rows:repeat(3, minmax(0, 1fr));grid-template-columns:repeat(3, minmax(0, 1fr));padding:0 var(--spacing-16, 1rem)}:host(.communities) .empty-state-container{-ms-flex-align:start;align-items:flex-start}:host(.communities.main) yoo-navbar{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.card-cell-image.photos.medium) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));margin:0 calc(var(--spacing-08, 0.5rem) * -1);padding:0}:host(.card-cell-image.communities) yoo-entity{--card-image-border-radius:var(--border-radius-08, 0.5rem);--card-image-overlay:transparent}:host(.card-cell-image.communities) .container-base .grid-cell{padding:0 var(--spacing-16, 1rem)}:host(.card-cell-image.communities.web) .container-base .grid-cell{display:-ms-flexbox !important;display:flex !important;gap:var(--spacing-24, 1.5rem);-ms-flex-pack:start;justify-content:flex-start}:host(.card-cell-image.communities.web) .container-base .grid-cell .entity-inner-container.card-cell-image{width:13.875rem;height:11.5rem}:host(.card-cell-image.communities.mobile) .container-base .grid-cell{grid-auto-rows:8.5rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--spacing-16, 1rem)}:host(.card-cell-image.live-videos) .grid-cell{display:grid;grid-auto-rows:9.125rem;grid-template-columns:repeat(6, minmax(0, 1fr));gap:var(--spacing-08, 0.5rem);padding:0 var(--spacing-24, 1.5rem)}:host(.card-cell-image.live-videos) yoo-entity yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-16, 1rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-32, 2rem)}:host(.card-cell-image.live-videos.mobile) .grid-cell{grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.card-image) yoo-entity{--card-image-border-radius:var(--border-radius-04, 0.25rem);--card-image-height:5.5rem;--card-image-title-font-size:var(--font-size-18, 1.125rem);--card-image-title-font-weight:normal;--card-image-title-line-clamp:2}:host(.card-image) .list-container,:host(.card-image) yoo-virtual-scroll{margin-bottom:var(--spacing-16, 1rem)}:host(.card-image) yoo-ion-item+yoo-ion-item,:host(.card-image) yoo-virtual-item+yoo-virtual-item yoo-ion-item{margin-top:var(--spacing-16, 1rem)}:host(.card-image.communities){--card-image-height:11.5rem}:host(.course-detail.web.lessons) .container-base yoo-collapsible{background:transparent;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.course-detail.web.lessons) .container-base yoo-collapsible div[slot=title]{padding-left:var(--spacing-24, 1.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host(.course-detail.web.lessons) yoo-virtual-scroll yoo-virtual-item yoo-ion-item-divider,:host(.course-detail.web.lessons) yoo-ion-list yoo-ion-item-divider{background-color:transparent}:host(.course-detail.web.lessons) yoo-virtual-scroll yoo-virtual-item .sub-item-container yoo-ion-item .entity-inner-container,:host(.course-detail.web.lessons) yoo-ion-list .sub-item-container yoo-ion-item .entity-inner-container{border-bottom-color:transparent}:host(.card-list.mobile.lessons) .container-base yoo-collapsible.lesson-detail div[slot=title]{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-48, 3rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host(.card-list.mobile.lessons) .container-base yoo-collapsible.lesson-detail yoo-ion-item{padding:0}:host(.card-course-row){position:relative;height:100%}:host(.card-course-row) .container-base{background:var(--light, #ffffff)}:host(.badges) .body-container.card-sticky{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.badges) .grid-cell{-ms-flex-pack:end !important;justify-content:flex-end !important;margin-left:-1rem}:host(.badges) .grid-cell .entity-inner-container,:host(.badges) .grid-cell yoo-entity:not(.empty-entity){-ms-flex:1;flex:1;min-width:33.33%}:host(.web.badges) .grid-cell{margin-right:0 !important}:host(.web.badges) .grid-cell .entity-inner-container,:host(.web.badges) .grid-cell yoo-entity:not(.empty-entity){-ms-flex:0 !important;flex:0 !important;min-width:inherit !important}:host(.web.files) .grid-cell yoo-entity.empty-entity{width:90px !important}:host(.layout-01-list.web:not(.framed)) .container-base{margin:0}:host(.layout-01-list.web:not(.framed)) .container-base .entity-inner-container{border-bottom:none}:host(.layout-01-list.web:not(.framed)) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.layout-01-list.web:not(.framed)) .container-base yoo-ion-list{padding:0 var(--spacing-16, 1rem)}:host(.feedsComments) .entity-inner-container,:host(.questionsAnswers) .entity-inner-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.feedsComments) .header-container,:host(.questionsAnswers) .header-container{-ms-flex-pack:start;justify-content:flex-start;margin-top:var(--spacing-16, 1rem);border-top:8px solid var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host(.feedsComments) .header-container .header-title,:host(.questionsAnswers) .header-container .header-title{-ms-flex:inherit;flex:inherit;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin:0;padding:1rem;padding-bottom:0.25rem;font-weight:normal;font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\");font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal}:host(.questionsAnswers.margin){--top-margin:0.5rem}:host(.questionsAnswers){--top-margin:2.5rem}:host(.questionsAnswers) .entity-inner-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.no-margin) .container yoo-virtual-scroll yoo-virtual-item,:host(.no-margin) .container yoo-ion-list{margin-left:0 !important}:host(.web.no-margin) .container-base{margin-left:0 !important}:host(.padding-left){padding-left:var(--spacing-16, 1rem) !important}:host(.empty:not(.framed)){height:100%}:host(.plans.empty),:host(.productbatch.empty){height:auto}:host(.photos-tab) .container-base .search-toggle-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.photos-tab) .container-base .search-toggle-container .toggle-container{position:relative;top:0;-ms-flex-item-align:center;align-self:center;padding-left:var(--spacing-16, 1rem)}:host(.border-radius) .container-base{border-radius:0.25rem}:host(.web-links) .container-base{background:transparent}:host(.web-links) .container-base .body-container{margin-top:0;padding-top:0}:host(.web-links) .container-base .body-container yoo-ion-item{margin:var(--spacing-08, 0.5rem) 1rem var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding:0 !important;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host(.web-links) .container-base .body-container yoo-ion-item.first{margin-top:0;padding-top:0}:host(.no-background) .container-base{background:transparent}:host(.card-feed) yoo-virtual-scroll yoo-virtual-item,:host(.card-feed) yoo-ion-list{margin-bottom:var(--spacing-16, 1rem)}:host(.card-feed) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.card-feed) yoo-ion-list yoo-ion-item .entity-inner-container{background:var(--light, #ffffff)}:host(.card-feed-row:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.card-feed-row:not(.framed)) yoo-ion-list yoo-ion-item{margin:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;padding:0 0 var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light)}:host(.card-feed.web.main-feed){width:100%}:host(.card-feed.web.main-feed) yoo-ion-item.selected{background:unset}:host(.card-feed.web.main-feed) yoo-ion-item .entity-inner-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.card-feed.web.main-feed) .container-base{margin:0;overflow:hidden;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-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(.card-feed.web.main-feed) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.card-feed.web.main-feed) .container-base yoo-ion-list{margin-top:0}:host(.card-feed.web.main-feed) .container-base .top-grid.web{margin:0;border-bottom:0}:host(.card-location:not(.framed)) .entity-inner-container{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.half){background:var(--light-10, rgba(255, 255, 255, 0.1))}:host(.half) .scroll-spacer{height:2.75rem}:host(.feedsComments){position:relative;display:-ms-flexbox;display:flex;width:100%;height:100%}:host(.feedsComments) .container-base{width:100% !important}:host(.feedsComments) .container-base .body-container .options-container{margin-right:var(--spacing-16, 1rem)}:host(.autocomplete){height:100%}:host(.autocomplete) .container-base yoo-loader.autocomplete{height:45%}:host(.autocomplete) .container-base yoo-navbar{--top-container-padding:0;background:var(--light, #ffffff)}:host(.autocomplete) .container-base .dropdown-header{position:-webkit-sticky;position:sticky;top:0;z-index:2}:host(.autocomplete) .container-base .dropdown-header yoo-empty-state{height:var(--empty-state-height)}:host(.tree){display:-ms-flexbox;display:flex;height:100%}:host(.tree) .container-base{-ms-flex:1;flex:1}:host(.giphy) .grid-cell{margin-top:0}:host(.course-detail-full-width) .container-base yoo-ion-item-divider{margin:0 18rem}:host(.course-detail-full-width) .container-base yoo-ion-item{margin:0 18rem}:host(.course-detail-full-width) .container-base .join-line{margin:0 18rem}:host(.course-detail-full-width) .container-base yoo-virtual-scroll yoo-virtual-item yoo-ion-item-divider span,:host(.course-detail-full-width) .container-base yoo-ion-list yoo-ion-item-divider span{font-size:var(--font-size-16, 1rem)}:host(.course-detail-full-width) .container-base .entity-inner-container yoo-entity{--height-lessons-outer-container-card-list:5.5rem;--justify-content-content-container-card-list:center;--heading-font-size-card-list:var(--font-size-16, 1rem)}:host(.web.coursecategory) .header-title{padding-bottom:0.5rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web.coursecategory) .header-title div:first-child{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.web.coursecategory) .header-title div:first-child .total-number{padding-left:0.25rem}:host(.card-sticky.courses) yoo-ion-slides{margin-left:-1rem}:host(.card-course) yoo-ion-slides{padding-bottom:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky.full-width) .container-base{margin-left:var(--spacing-16, 1rem) !important}:host(.web.feeds.card-sticky) .empty-state-container{-ms-flex-align:start;align-items:flex-start}:host(.web.feeds.card-sticky) yoo-ion-item{margin:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4));-webkit-box-shadow:none;box-shadow:none}:host(.web.feeds.card-sticky) .header-container{padding-bottom:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky) .header-container .icon-container,:host(.web.feeds.card-sticky) .header-container .header-title{margin:0}:host(.web.feeds.card-sticky) .container-base{margin-right:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky) .entity-inner-container{min-height:4.5625rem;margin-bottom:var(--spacing-16, 1rem)}:host(.web.plans.card-sticky) .header-title{padding-top:1rem;padding-bottom:0.75rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web.card-plan) yoo-ion-item.selected:not(.card-plan){background-color:var(--light, #ffffff)}:host(.web.card-plan) yoo-ion-item.selected:not(.card-plan) .entity-inner-container{background-color:var(--light, #ffffff)}:host(.badges.card-sticky) yoo-ion-slides{margin-left:-1rem}:host(.badges.card-sticky) yoo-ion-slides.body-container{width:auto}:host(.broadcasts.web:not(.framed)) .container-base .grid-cell .entity-inner-container.card-cell{margin-right:0;margin-left:0}:host(.broadcasts) .container-base .grid-cell{-ms-flex-pack:justify;justify-content:space-between;margin-top:var(--spacing-08, 0.5rem)}:host(.broadcasts) .container-base .grid-cell .entity-inner-container.card-cell{min-width:49.5%;height:278px;margin-top:var(--spacing-02, 0.125rem)}:host(.broadcasts) .container-base .grid-cell .entity-inner-container.card-cell:first-of-type{min-width:100%;height:375px;margin-top:0}:host(.tree.web){min-height:600px}:host(.card-sticky.mobile) .container-base.container-horizontal yoo-ion-scroll{min-height:300px}:host(.card-sticky.mobile) .container-base.container-horizontal.compact yoo-ion-scroll{min-height:170px}:host(.none){display:none}:host(.icons.card-cell) .container-base .grid-cell .entity-inner-container.card-cell{width:3rem;min-width:3rem;margin:0 var(--spacing-04, 0.25rem);padding:0}:host(.icons.card-cell) .container-base .grid-cell yoo-entity.empty-entity{width:3.5rem !important}:host(.web.force-select:not(.framed)) .container-base .header-container .header-title,:host(.force-select) .container-base .header-container .header-title{margin:0}:host(.web.force-select:not(.framed)) .container-base .grid-cell,:host(.force-select) .container-base .grid-cell{-ms-flex-pack:distribute;justify-content:space-around;margin-right:0}:host(.web.force-select:not(.framed)) .container-base .grid-cell .entity-inner-container,:host(.force-select) .container-base .grid-cell .entity-inner-container{margin:0;margin-left:0}:host(.giphy.web.card-cell.medium:not(.framed)) .container-base .grid-cell{margin-right:0}:host(.giphy.web.card-cell.medium:not(.framed)) .container-base .grid-cell .entity-inner-container.card-cell{margin:0 var(--spacing-08, 0.5rem)}:host(.channel.web.card-chat:not(.framed)) .container-base,:host(.channels.web.card-chat:not(.framed)) .container-base{margin:0}:host(.channel.web.card-chat:not(.framed)) yoo-navbar,:host(.channels.web.card-chat:not(.framed)) yoo-navbar{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:var(--spacing-16, 1rem)}:host(.channel.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.channel.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item,:host(.channels.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.channels.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item{padding-left:0.5rem}:host(.channel.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.channel.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item .entity-inner-container,:host(.channels.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.channels.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item .entity-inner-container{border-bottom:none}@media (orientation: landscape){:host(.framed.tablet:not(.emulate-preview):not(.widget)) .frame-container{padding:0}:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base{-ms-flex-align:center;align-items:center}:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base yoo-ion-list{width:50%}}:host(.flex){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.flex) .container-base{-ms-flex:1;flex:1}:host(.with-padding-top) .container-base{padding-top:var(--spacing-16, 1rem)}:host(.hide-infinite-scroll) .container-base yoo-ion-infinite-scroll{display:none}:host(.web.expanded-grid){min-height:32.5rem;padding:0 6.25rem 0 6.25rem}:host(.web.expanded-grid) .container-base{margin:0 !important}:host(.web.expanded-grid) .container-base yoo-loader{min-height:32.5rem}:host(.web.expanded-grid) .container-base .dropdown-header{padding-top:var(--spacing-16, 1rem);background:var(--light, #ffffff);background-clip:padding-box}:host(.web.expanded-grid) .container-base .dropdown-header .filters-visible{padding-top:3.5rem}:host(.web.expanded-grid) .container-base .dropdown-header.form-radio-operators{padding-top:0}:host(.web.expanded-grid) .container-base .dropdown-header.form-radio-operators .form-radio-container{padding-bottom:var(--spacing-08, 0.5rem)}:host(.web.expanded-grid) .container-base .empty-new-tag{min-height:26rem}:host(.web.expanded-grid) .container-base .empty-new-tag yoo-button{width:12.5rem}:host(.web.expanded-grid) .container-base yoo-navbar{padding:0;background-color:var(--light, #ffffff);border:none;--bottom-shadow:0}:host(.web.expanded-grid) .container-base yoo-navbar.search-only{padding-bottom:var(--spacing-04, 0.25rem)}:host(.web.expanded-grid) .container-base yoo-navbar .search-container-inner{width:100%}:host(.web.expanded-grid) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.web.expanded-grid) .container-base yoo-ion-list{padding-bottom:var(--spacing-32, 2rem)}:host(.card-template) yoo-ion-scroll .grid-content-slot>div{display:grid;grid-gap:var(--spacing-16, 1rem) var(--spacing-16, 1rem);grid-template-columns:repeat(5, minmax(0, 1fr));-ms-flex-pack:center;justify-content:center;padding:1.1rem;padding-top:0}:host(.card-template) yoo-ion-scroll .grid-content-slot>div yoo-entity{cursor:pointer}:host(.calendar){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;height:100%}:host(.mobile) .entity-inner-container.card-notification{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.card-list.calendarEvents) .sub-item-container{margin-top:var(--spacing-04, 0.25rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.course-live-preview.web) .container-base{margin-right:var(--spacing-16, 1rem)}:host(.autocomplete.expanded-grid.card-cell.icons) .container-base .grid-cell{padding-bottom:var(--spacing-96, 6rem)}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item,:host(.leaderboard.web) yoo-ion-list{width:100%}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.leaderboard.web) yoo-ion-list yoo-ion-item{width:100%}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-container,:host(.leaderboard.web) yoo-ion-list yoo-ion-item .entity-container{-ms-flex-align:center;align-items:center;height:var(--spacing-40, 2.5rem);margin:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem) var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));opacity:1}:host(.leaderboard.web) .card-list{border-bottom:none !important}:host(.leaderboard.mobile) yoo-ion-item:first-of-type{padding-top:var(--spacing-08, 0.5rem)}:host(.leaderboard.mobile) yoo-ion-item:not(:first-of-type){padding-top:var(--spacing-16, 1rem)}:host(.leaderboard.mobile:not(.with-footer)) yoo-ion-item:last-of-type{padding-bottom:var(--spacing-08, 0.5rem)}:host(.leaderboard.mobile.with-footer) yoo-ion-item:last-of-type{padding-bottom:var(--leaderboard-footer-height)}:host(.leaderboard.mobile.with-footer) yoo-virtual-scroll{padding-bottom:var(--leaderboard-footer-height)}:host(.leaderboard.mobile.with-footer) yoo-virtual-scroll yoo-ion-item{--leaderboard-footer-height:0}:host(.web:not(.framed).violetproducts) .container-base .entity-inner-container.card-list,:host(.web:not(.framed).violetbasketitems) .container-base .entity-inner-container.card-list{border-bottom:none}:host(.card-list-color) yoo-ion-list yoo-ion-item:first-of-type{margin-top:var(--spacing-16, 1rem)}:host(.battles){height:100%}:host(.battles) yoo-card-placeholder{width:100%;margin:0}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.battles) yoo-ion-list yoo-ion-item{padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item:not(:last-of-type) .entity-inner-container,:host(.battles) yoo-ion-list yoo-ion-item:not(:last-of-type) .entity-inner-container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.battles) yoo-ion-list yoo-ion-item .entity-inner-container{padding:var(--spacing-08, 0.5rem) 0}:host(.pages) .container-base yoo-navbar{--top-container-padding:0;padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host(.form-grid.web.local) yoo-ion-item-divider{--padding-start:0}:host(.form-grid.web.local) .entity-inner-container{padding:0 !important}:host(.form-grid.web.local) .entity-inner-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.form-grid.web.local) .search-container-inner{width:100%}:host(.form-grid.web.local) .search-container-inner yoo-form-input.grid-search.web{max-width:25rem}:host(.form-grid.web.local.charttype) yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:0rem;bottom:auto;left:auto;padding-right:var(--spacing-08, 0.5rem)}:host(.form-grid.web.local.charttype) yoo-icon.position[name=circle]{display:none}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag{-ms-flex-pack:space-evenly;justify-content:space-evenly;height:100%;min-height:10.5rem;margin:0 var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag .text-container{font-size:var(--font-size-14, 0.875rem);text-align:center}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag .add-tag-button-container{width:100%}:host(.web.autocomplete-selection-mode.empty-tags:not(.expanding-grid):not(.emails)) .container-base{width:17.5rem}:host(.web.card-chat) .container-base .list-container{margin:0 var(--spacing-08, 0.5rem)}:host(.mobile.card-campaign:not(.framed)) yoo-navbar,:host(.mobile.card-location:not(.framed)) yoo-navbar{background-color:var(--stable-ultralight, #fafafa)}:host(.mobile.card-campaign:not(.framed)) .container-base .list-container,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll,:host(.mobile.card-location:not(.framed)) .container-base .list-container,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll{background-color:var(--stable-ultralight, #fafafa)}:host(.mobile.card-campaign:not(.framed)) .container-base .list-container .entity-inner-container.card-campaign,:host(.mobile.card-campaign:not(.framed)) .container-base .list-container .entity-inner-container.card-location,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-campaign,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-location,:host(.mobile.card-location:not(.framed)) .container-base .list-container .entity-inner-container.card-campaign,:host(.mobile.card-location:not(.framed)) .container-base .list-container .entity-inner-container.card-location,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-campaign,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-location{padding:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.mobile.card-campaign:not(.framed)) .body-container.card-campaign yoo-ion-item,:host(.mobile.card-campaign:not(.framed)) .body-container.card-location yoo-ion-item,:host(.mobile.card-location:not(.framed)) .body-container.card-campaign yoo-ion-item,:host(.mobile.card-location:not(.framed)) .body-container.card-location yoo-ion-item{margin-bottom:var(--spacing-08, 0.5rem) !important}:host(.no-overlay) .bottom-overlay{display:none}:host(.learning-manager.card-course-info){background-color:var(--stable-ultralight, #fafafa)}";
+const gridCss = "@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes bounceFromBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}90%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes bounceFromBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}90%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}:host([scroll-enabled=true]){display:block;height:100%;overflow:hidden}:host([scroll-enabled=true]) .container{width:100%}:host([scroll-enabled=true]) .body-container{overflow:hidden}:host{--item-divider-font-size:var(--font-size-14, 0.875rem);--item-divider-padding-start:0.5rem;--position-empty:static;--container-padding-bottom:0;--container-min-height:static;--top-margin:0.5rem;--empty-state-height:unset;--framed-shadow:initial;--framed-radius:initial;--framed-margin:0;--card-feed-border-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6));display:block}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .w-100{width:100%}:host .select-all-checkbox{display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-align:center;align-items:center;margin-left:0.7rem;color:var(--app-color, #5a30f4);cursor:pointer}:host .absolute{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .grid-progress{padding:var(--spacing-16, 1rem);padding-bottom:0}:host .grid-progress yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-lottie{max-width:31rem}:host yoo-context-menu.customview-menu{--width-dropdown-content:20rem;--max-width-dropdown-content:unset;display:-ms-flexbox;display:flex}:host .customview-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem)}:host .customview-container .customview-title{max-width:12.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--stable, #adadad)}:host .customview-container .customview-title.app-color{color:var(--app-color, #5a30f4)}:host .total-header{font-weight:bold}:host .total-header:not(.no-padding){padding:0 var(--spacing-08, 0.5rem)}:host .total-header.web:not(.no-padding){padding:0}:host .total-header.web{padding:0 var(--spacing-08, 0.5rem)}:host .total-header .total{margin-right:var(--spacing-08, 0.5rem);font-size:var(--font-size-32, 2rem)}:host .link-header{padding:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .sortable-drag{background:var(--light, #ffffff)}:host .sortable-ghost{background:var(--stable-light, #f1f1f1)}:host .chosenClass{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .select-all-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 var(--spacing-16, 1rem)}:host .select-all-container .selected-text{color:var(--stable, #adadad)}:host .empty-state{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:var(--spacing-32, 2rem);-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 var(--spacing-24, 1.5rem)}:host .empty-state yoo-empty-state{height:var(--empty-state-height, 10rem)}:host .empty-state .empty-state-details{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);width:100%;padding-bottom:var(--spacing-16, 1rem);text-align:center}:host .empty-state h4{justify-self:center;margin:unset}:host .entity-container-map{overflow:hidden}:host .entity-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-flow:row;flex-flow:row}:host .left-container{-ms-flex:1;flex:1;min-width:15rem;overflow:hidden;white-space:nowrap}:host .left-container.resized{-ms-flex:unset;flex:unset;min-width:unset}:host .left-container .header{overflow:hidden;text-overflow:ellipsis}:host .column{display:-ms-flexbox;display:flex;padding:1rem;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .column.hidden{width:59px}:host .column.card-list{margin-bottom:0.0625rem}:host .column .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;white-space:normal;word-break:break-all}:host yoo-navbar{--safe-area-inset-top:0;--top-container-padding:0.75rem var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);--bottom-container-padding:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);--center-padding:0}:host yoo-navbar.hide-tags{--top-container-padding:0.75rem var(--spacing-08, 0.5rem);--bottom-container-padding:0}:host yoo-navbar.hide-tags yoo-entity-search-tags{margin:0 var(--spacing-08, 0.5rem)}:host yoo-navbar.hide-tags.hide-filters{--top-container-padding:0.75rem var(--spacing-08, 0.5rem)}:host yoo-navbar.search-only{--top-container-padding:0.75rem var(--spacing-08, 0.5rem);--bottom-container-padding:0}:host yoo-navbar.tags-only{--top-container-padding:0.75rem 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);--bottom-container-padding:0;--center-padding:0}:host yoo-navbar.tags-only yoo-entity-search-tags{-ms-flex:1;flex:1}:host yoo-navbar yoo-form-input:not(.web.search):not(.grid-search){-ms-flex:1;flex:1;padding:0 var(--spacing-08, 0.5rem)}:host yoo-navbar yoo-entity-search-tags{-ms-flex:0;flex:0}:host yoo-navbar yoo-entity-query-builder{-ms-flex:1;flex:1}:host yoo-navbar .margin-left{margin-left:var(--spacing-08, 0.5rem)}:host yoo-navbar .margin-right{margin-right:var(--spacing-08, 0.5rem)}:host yoo-navbar .search-container-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host yoo-navbar .select-all{margin-right:var(--spacing-08, 0.5rem)}:host yoo-ion-item.no-padding{padding:0}:host yoo-ion-item.full-width{width:100%}:host yoo-ion-item.card-inbox,:host yoo-ion-item.card-inbox-ongoing{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host yoo-card-placeholder{width:calc(100% - 1rem);margin-left:1rem}:host .container{position:static;width:100%;min-height:100%}:host .container.empty{position:var(--position-empty)}:host .container .empty-new-tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .container .empty-new-tag .text-container{padding:1rem}:host .container-base{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:var(--container-min-height);padding-bottom:var(--container-padding-bottom);direction:initial;-webkit-transition:all 0.3s;transition:all 0.3s}:host .container-base.scrollable,:host .container-base.empty{height:100%}:host .container-base.scrollable yoo-ion-scroll.empty,:host .container-base.empty yoo-ion-scroll.empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container-base.scrollable yoo-ion-scroll .grid-content-slot,:host .container-base.empty yoo-ion-scroll .grid-content-slot{width:100%;height:100%}:host .container-base .list-container{max-width:100%}:host .container-base.popup .empty-state{grid-gap:var(--spacing-04, 0.25rem);height:12.5rem}:host .container-base.popup yoo-empty-state{height:6rem}:host .container-base .dynamic-ordering-header-container{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host .container-base .dynamic-ordering-header-container .selected-text{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);font-family:var(--font-family, \"Lato\")}:host .container-base .dynamic-ordering-header-container .dynamic-buttons-container{display:-ms-flexbox;display:flex}:host .container-base .file-icons-container{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding-top:var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host .container-base .file-icons-container yoo-icon{padding-left:var(--spacing-08, 0.5rem)}:host .container-base .progressbar-wrapper.widget yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .container-base .progressbar-wrapper:not(.widget){margin:0 var(--spacing-16, 1rem)}:host .container-base .header-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .container-base .header-container .icon-container{margin:0 1rem;color:var(--text-color, #807f83);cursor:pointer}:host .container-base .header-container .header-title{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;margin:0 1rem;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .container-base .header-container .header-title .total-number{display:inline-block;padding-left:0.2rem}:host .container-base .empty-state-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}:host .container-base.calendar{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .container-base.calendar yoo-grid-calendar{position:relative;display:block;-ms-flex:1;flex:1;margin-bottom:1rem;overflow:hidden}:host .container-base .ag-grid-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .container-base .ag-grid-container.empty{-ms-flex-align:center;align-items:center}:host .container-base .date-field,:host .container-base .map-field,:host .container-base .kanban-column-field{width:8.5rem;margin-right:1rem}:host .container-base .map-locations{margin-right:var(--spacing-08, 0.5rem)}:host .container-base .map-locations.web{max-width:12.5rem}:host .container-base .search-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .container-base .search-container .search-container-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container-base .search-container yoo-entity-query-builder{-ms-flex:1;flex:1;max-width:100%}:host .container-base .search-container.web yoo-form-input{max-width:12.5rem;padding-right:0;padding-left:0}:host .container-base .search-container .margin-left-negative{margin-right:var(--spacing-08, 0.5rem)}:host .container-base .search-container .margin-left{margin-right:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item{background:none !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{cursor:default !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options yoo-icon{display:none !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding.hovered:not(.dragging){background:none !important}:host .empty-state-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}:host .empty-state-wrapper yoo-empty-state{margin-top:-50px}:host .container-horizontal{position:relative;width:100%;height:auto}:host .container-horizontal .header-container{margin-top:var(--spacing-08, 0.5rem)}:host .container-horizontal .body-container.card-sticky,:host .container-horizontal .body-container.card-list-color{width:100%;padding:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host .container-horizontal .body-container.card-sticky .item.item-ios,:host .container-horizontal .body-container.card-sticky .item.item-md,:host .container-horizontal .body-container.card-list-color .item.item-ios,:host .container-horizontal .body-container.card-list-color .item.item-md{padding:1rem 1rem}:host .container-horizontal .entities-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-height:18.75rem;margin-top:var(--spacing-16, 1rem);margin-right:var(--spacing-16, 1rem);margin-bottom:var(--spacing-16, 1rem)}:host .container-horizontal .entities-container .entity-container{margin-right:var(--spacing-16, 1rem)}:host .container-horizontal .entities-container .entity-container:first-child{margin-left:var(--spacing-16, 1rem)}:host .container-horizontal yoo-entity{overflow:visible}:host .container-horizontal .entity-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;max-height:18.75rem;margin:var(--spacing-16, 1rem)}:host .container-horizontal .entity-placeholder yoo-ion-item:first-child{width:100%}:host .container-horizontal .entity-placeholder.compact{max-height:10.625rem}:host .toggle-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--spacing-08, 0.5rem)}:host .toggle-container .display-button-container{min-width:2rem;min-height:1rem}:host .toggle-container .display-button-container yoo-icon{display:block;margin-top:0.5rem;margin-right:1.5rem;margin-bottom:0.5rem;color:var(--dark, #000000)}:host .toggle-container.with-header{position:absolute;top:0;right:0;bottom:auto;left:auto;z-index:100000000}:host .toggle-container.with-search,:host .toggle-container.with-tags{position:absolute;top:12px;right:5px;right:0;z-index:100000000}:host yoo-tooltip{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}:host yoo-ion-item-divider{--padding-start:var(--item-divider-padding-start);--divider-font-size:var(--item-divider-font-size);color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--divider-font-size)}:host yoo-ion-item-divider .count{margin-left:var(--spacing-04, 0.25rem)}:host yoo-ion-item-divider .divider-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--text-color, #807f83)}:host .card-list-color.web yoo-ion-item-divider{--padding-start:0}:host yoo-ag-grid{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host .grid-container{overflow:hidden}:host .body-container.top-margin{margin-top:var(--top-margin)}:host .body-container .entity-inner-container{-ms-flex:1;flex:1;width:100%}:host .body-container .entity-inner-container.card-plan.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .body-container .entity-inner-container.card-inbox,:host .body-container .entity-inner-container.card-inbox-ongoing,:host .body-container .entity-inner-container.card-location{cursor:pointer}:host .body-container .entity-inner-container.card-inbox:hover,:host .body-container .entity-inner-container.card-inbox-ongoing:hover,:host .body-container .entity-inner-container.card-location:hover{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host .body-container .entity-inner-container.card-inbox.selected,:host .body-container .entity-inner-container.card-inbox-ongoing.selected{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .body-container .entity-inner-container.sortable{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .body-container .entity-inner-container.sortable yoo-icon[name=draggable]{margin-right:var(--spacing-08, 0.5rem);cursor:-webkit-grab;cursor:grab}:host .body-container yoo-entity{border-right:none;border-left:none}:host .body-container yoo-entity:first-child{border-top:none}:host .body-container yoo-entity:last-child{border-bottom:none}:host .body-container.card-feed .item.item-ios,:host .body-container.card-feed .item.item-md{padding:0;background:var(--light-10, rgba(255, 255, 255, 0.1));border-bottom:var(--spacing-08, 0.5rem) solid var(--card-feed-border-color)}:host .body-container.card-feed .item.item-ios yoo-entity,:host .body-container.card-feed .item.item-md yoo-entity{width:100%;margin:auto}:host .body-container.card-feed .item.item-ios yoo-entity.feeds,:host .body-container.card-feed .item.item-md yoo-entity.feeds{max-width:31.25rem}:host .body-container.card-sticky .item.item-ios,:host .body-container.card-sticky .item.item-md{padding:0.5rem 1rem;border:none !important}:host .body-container.card-course .item.item-ios,:host .body-container.card-course .item.item-md{padding:0rem 0.7rem;border:none !important}:host .body-container.card-course .item.item-ios yoo-entity,:host .body-container.card-course .item.item-md yoo-entity{width:100%;max-width:500px;margin:auto}:host .body-container.card-list .item.item-ios,:host .body-container.card-list .item.item-md,:host .body-container.card-list .item-options-end{min-height:34px;color:inherit;border:none}:host .body-container.card-list .item.item-ios yoo-entity,:host .body-container.card-list .item.item-md yoo-entity,:host .body-container.card-list .item-options-end yoo-entity{width:100%}:host .body-container.card-list .item-options-end{height:100%}:host .body-container.card-inbox,:host .body-container.card-inbox-ongoing{display:grid;grid-template-columns:100%;gap:var(--spacing-08, 0.5rem)}:host .body-container.card-inbox yoo-ion-item-divider,:host .body-container.card-inbox-ongoing yoo-ion-item-divider{margin-bottom:var(--spacing-08, 0.5rem)}:host .body-container.card-inbox yoo-ion-item-divider.first,:host .body-container.card-inbox-ongoing yoo-ion-item-divider.first{margin-top:0;padding-top:0;border-top:none}:host .body-container.card-inbox .sub-item-container,:host .body-container.card-inbox-ongoing .sub-item-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-08, 0.5rem)}:host .body-container.card-inbox .sub-item-container yoo-ion-item,:host .body-container.card-inbox-ongoing .sub-item-container yoo-ion-item{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .body-container.web.card-inbox yoo-ion-item-divider,:host .body-container.web.card-inbox-ongoing yoo-ion-item-divider{--padding-start:0 !important}:host .body-container.web.card-inbox yoo-ion-item,:host .body-container.web.card-inbox-ongoing yoo-ion-item{margin-right:var(--spacing-08, 0.5rem) !important}:host .body-container.card-battle yoo-ion-item,:host .body-container.card-campaign yoo-ion-item,:host .body-container.card-feed-row yoo-ion-item,:host .body-container.card-location yoo-ion-item{padding-bottom:var(--spacing-08, 0.5rem) !important}:host .body-container.card-campaign yoo-ion-item,:host .body-container.card-location yoo-ion-item{margin-bottom:var(--spacing-08, 0.5rem) !important;padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .body-container.card-course-row-compact yoo-ion-item{padding-bottom:var(--spacing-16, 1rem) !important}:host yoo-toast{position:absolute;top:auto;right:calc(50% - 14rem);bottom:1rem;left:auto;height:auto;-webkit-animation-name:bounceFromBottom;animation-name:bounceFromBottom;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}:host .join-line{position:absolute;top:2.75rem;left:3rem;z-index:0;width:0.25rem;height:calc(90% - 2rem);-webkit-animation:fadeIn 400ms forwards;animation:fadeIn 400ms forwards;-webkit-animation-delay:500ms;animation-delay:500ms}:host .join-line.finished{background-color:var(--app-color, #5a30f4)}:host .join-line.locked{background-color:var(--stable, #adadad) !important}:host yoo-ion-item-sliding.dragging{background:var(--light, #ffffff)}:host yoo-ion-item-sliding.dragging yoo-ion-item-options{display:none}:host yoo-ion-item-sliding.dragging.invisible{display:none}:host yoo-ion-item-sliding yoo-ion-item-options .options-container{display:-ms-flexbox;display:flex;margin-bottom:0.0625rem}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover:hover{color:var(--light, #ffffff);background-color:var(--accent, #276ef1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger{background-color:var(--danger, #d44333) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover:hover{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark{background-color:var(--dark, #000000) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover:hover{color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized{background-color:var(--energized, #ffc043) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover:hover{color:var(--light, #ffffff);background-color:var(--energized, #ffc043)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info{background-color:var(--info, #d84c96) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover:hover{color:var(--light, #ffffff);background-color:var(--info, #d84c96)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light{background-color:var(--light, #ffffff) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover:hover{color:var(--light, #ffffff);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable{background-color:var(--stable, #adadad) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover:hover{color:var(--light, #ffffff);background-color:var(--stable, #adadad)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight, #fafafa)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success{background-color:var(--success, #3aa76d) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover:hover{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color, #807f83)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning{background-color:var(--warning, #ed6e33) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover:hover{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood{background-color:var(--wood, #99644c) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover:hover{color:var(--light, #ffffff);background-color:var(--wood, #99644c)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10{background-color:var(--accent-10, rgba(39, 110, 241, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-10, rgba(39, 110, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-10{color:var(--accent-10, rgba(39, 110, 241, 0.1));fill:var(--accent-10, rgba(39, 110, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20{background-color:var(--accent-20, rgba(39, 110, 241, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-20, rgba(39, 110, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-20{color:var(--accent-20, rgba(39, 110, 241, 0.2));fill:var(--accent-20, rgba(39, 110, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40{background-color:var(--accent-40, rgba(39, 110, 241, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-40, rgba(39, 110, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-40{color:var(--accent-40, rgba(39, 110, 241, 0.4));fill:var(--accent-40, rgba(39, 110, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60{background-color:var(--accent-60, rgba(39, 110, 241, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-60, rgba(39, 110, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-60{color:var(--accent-60, rgba(39, 110, 241, 0.6));fill:var(--accent-60, rgba(39, 110, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80{background-color:var(--accent-80, rgba(39, 110, 241, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-80, rgba(39, 110, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-80{color:var(--accent-80, rgba(39, 110, 241, 0.8));fill:var(--accent-80, rgba(39, 110, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10{background-color:var(--app-color-10, rgba(90, 48, 244, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-10{color:var(--app-color-10, rgba(90, 48, 244, 0.1));fill:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-20{color:var(--app-color-20, rgba(90, 48, 244, 0.2));fill:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40{background-color:var(--app-color-40, rgba(90, 48, 244, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-40, rgba(90, 48, 244, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-40{color:var(--app-color-40, rgba(90, 48, 244, 0.4));fill:var(--app-color-40, rgba(90, 48, 244, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60{background-color:var(--app-color-60, rgba(90, 48, 244, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-60{color:var(--app-color-60, rgba(90, 48, 244, 0.6));fill:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80{background-color:var(--app-color-80, rgba(90, 48, 244, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-80, rgba(90, 48, 244, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-80{color:var(--app-color-80, rgba(90, 48, 244, 0.8));fill:var(--app-color-80, rgba(90, 48, 244, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10{background-color:var(--danger-10, rgba(212, 67, 51, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-10{color:var(--danger-10, rgba(212, 67, 51, 0.1));fill:var(--danger-10, rgba(212, 67, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20{background-color:var(--danger-20, rgba(212, 67, 51, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-20{color:var(--danger-20, rgba(212, 67, 51, 0.2));fill:var(--danger-20, rgba(212, 67, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40{background-color:var(--danger-40, rgba(212, 67, 51, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-40, rgba(212, 67, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-40{color:var(--danger-40, rgba(212, 67, 51, 0.4));fill:var(--danger-40, rgba(212, 67, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60{background-color:var(--danger-60, rgba(212, 67, 51, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-60, rgba(212, 67, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-60{color:var(--danger-60, rgba(212, 67, 51, 0.6));fill:var(--danger-60, rgba(212, 67, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80{background-color:var(--danger-80, rgba(212, 67, 51, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-80, rgba(212, 67, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-80{color:var(--danger-80, rgba(212, 67, 51, 0.8));fill:var(--danger-80, rgba(212, 67, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10{background-color:var(--dark-10, rgba(0, 0, 0, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-10{color:var(--dark-10, rgba(0, 0, 0, 0.1));fill:var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20{background-color:var(--dark-20, rgba(0, 0, 0, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-20{color:var(--dark-20, rgba(0, 0, 0, 0.2));fill:var(--dark-20, rgba(0, 0, 0, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40{background-color:var(--dark-40, rgba(0, 0, 0, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-40, rgba(0, 0, 0, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-40{color:var(--dark-40, rgba(0, 0, 0, 0.4));fill:var(--dark-40, rgba(0, 0, 0, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60{background-color:var(--dark-60, rgba(0, 0, 0, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-60{color:var(--dark-60, rgba(0, 0, 0, 0.6));fill:var(--dark-60, rgba(0, 0, 0, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80{background-color:var(--dark-80, rgba(0, 0, 0, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-80{color:var(--dark-80, rgba(0, 0, 0, 0.8));fill:var(--dark-80, rgba(0, 0, 0, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10{background-color:var(--energized-10, rgba(255, 192, 67, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-10{color:var(--energized-10, rgba(255, 192, 67, 0.1));fill:var(--energized-10, rgba(255, 192, 67, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20{background-color:var(--energized-20, rgba(255, 192, 67, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-20, rgba(255, 192, 67, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-20{color:var(--energized-20, rgba(255, 192, 67, 0.2));fill:var(--energized-20, rgba(255, 192, 67, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40{background-color:var(--energized-40, rgba(255, 192, 67, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-40, rgba(255, 192, 67, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-40{color:var(--energized-40, rgba(255, 192, 67, 0.4));fill:var(--energized-40, rgba(255, 192, 67, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60{background-color:var(--energized-60, rgba(255, 192, 67, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-60, rgba(255, 192, 67, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-60{color:var(--energized-60, rgba(255, 192, 67, 0.6));fill:var(--energized-60, rgba(255, 192, 67, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80{background-color:var(--energized-80, rgba(255, 192, 67, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-80, rgba(255, 192, 67, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-80{color:var(--energized-80, rgba(255, 192, 67, 0.8));fill:var(--energized-80, rgba(255, 192, 67, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10{background-color:var(--info-10, rgba(216, 76, 150, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10-hover:hover{color:var(--light, #ffffff);background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-10{color:var(--info-10, rgba(216, 76, 150, 0.1));fill:var(--info-10, rgba(216, 76, 150, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20{background-color:var(--info-20, rgba(216, 76, 150, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20-hover:hover{color:var(--light, #ffffff);background-color:var(--info-20, rgba(216, 76, 150, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-20{color:var(--info-20, rgba(216, 76, 150, 0.2));fill:var(--info-20, rgba(216, 76, 150, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40{background-color:var(--info-40, rgba(216, 76, 150, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40-hover:hover{color:var(--light, #ffffff);background-color:var(--info-40, rgba(216, 76, 150, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-40{color:var(--info-40, rgba(216, 76, 150, 0.4));fill:var(--info-40, rgba(216, 76, 150, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60{background-color:var(--info-60, rgba(216, 76, 150, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60-hover:hover{color:var(--light, #ffffff);background-color:var(--info-60, rgba(216, 76, 150, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-60{color:var(--info-60, rgba(216, 76, 150, 0.6));fill:var(--info-60, rgba(216, 76, 150, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80{background-color:var(--info-80, rgba(216, 76, 150, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80-hover:hover{color:var(--light, #ffffff);background-color:var(--info-80, rgba(216, 76, 150, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-80{color:var(--info-80, rgba(216, 76, 150, 0.8));fill:var(--info-80, rgba(216, 76, 150, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10{background-color:var(--light-10, rgba(255, 255, 255, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10-hover:hover{color:var(--light, #ffffff);background-color:var(--light-10, rgba(255, 255, 255, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-10{color:var(--light-10, rgba(255, 255, 255, 0.1));fill:var(--light-10, rgba(255, 255, 255, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20{background-color:var(--light-20, rgba(255, 255, 255, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20-hover:hover{color:var(--light, #ffffff);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-20{color:var(--light-20, rgba(255, 255, 255, 0.2));fill:var(--light-20, rgba(255, 255, 255, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40{background-color:var(--light-40, rgba(255, 255, 255, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40-hover:hover{color:var(--light, #ffffff);background-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-40{color:var(--light-40, rgba(255, 255, 255, 0.4));fill:var(--light-40, rgba(255, 255, 255, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60{background-color:var(--light-60, rgba(255, 255, 255, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60-hover:hover{color:var(--light, #ffffff);background-color:var(--light-60, rgba(255, 255, 255, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-60{color:var(--light-60, rgba(255, 255, 255, 0.6));fill:var(--light-60, rgba(255, 255, 255, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80{background-color:var(--light-80, rgba(255, 255, 255, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80-hover:hover{color:var(--light, #ffffff);background-color:var(--light-80, rgba(255, 255, 255, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-80{color:var(--light-80, rgba(255, 255, 255, 0.8));fill:var(--light-80, rgba(255, 255, 255, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10{background-color:var(--stable-10, rgba(173, 173, 173, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-10{color:var(--stable-10, rgba(173, 173, 173, 0.1));fill:var(--stable-10, rgba(173, 173, 173, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20{background-color:var(--stable-20, rgba(173, 173, 173, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-20{color:var(--stable-20, rgba(173, 173, 173, 0.2));fill:var(--stable-20, rgba(173, 173, 173, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40{background-color:var(--stable-40, rgba(173, 173, 173, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-40{color:var(--stable-40, rgba(173, 173, 173, 0.4));fill:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60{background-color:var(--stable-60, rgba(173, 173, 173, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-60, rgba(173, 173, 173, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-60{color:var(--stable-60, rgba(173, 173, 173, 0.6));fill:var(--stable-60, rgba(173, 173, 173, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80{background-color:var(--stable-80, rgba(173, 173, 173, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-80, rgba(173, 173, 173, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-80{color:var(--stable-80, rgba(173, 173, 173, 0.8));fill:var(--stable-80, rgba(173, 173, 173, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10{background-color:var(--stable-alt-10, rgba(208, 208, 208, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-10{color:var(--stable-alt-10, rgba(208, 208, 208, 0.1));fill:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20{background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-20{color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));fill:var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40{background-color:var(--stable-alt-40, rgba(208, 208, 208, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-40{color:var(--stable-alt-40, rgba(208, 208, 208, 0.4));fill:var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60{background-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-60{color:var(--stable-alt-60, rgba(208, 208, 208, 0.6));fill:var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80{background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-80{color:var(--stable-alt-80, rgba(208, 208, 208, 0.8));fill:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10{background-color:var(--stable-light-10, rgba(241, 241, 241, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-10, rgba(241, 241, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-10{color:var(--stable-light-10, rgba(241, 241, 241, 0.1));fill:var(--stable-light-10, rgba(241, 241, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-20{color:var(--stable-light-20, rgba(241, 241, 241, 0.2));fill:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-40{color:var(--stable-light-40, rgba(241, 241, 241, 0.4));fill:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-60{color:var(--stable-light-60, rgba(241, 241, 241, 0.6));fill:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80{background-color:var(--stable-light-80, rgba(241, 241, 241, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-80{color:var(--stable-light-80, rgba(241, 241, 241, 0.8));fill:var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10{background-color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-10{color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1));fill:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20{background-color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-20{color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2));fill:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40{background-color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-40{color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4));fill:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60{background-color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-60{color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6));fill:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80{background-color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-80{color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));fill:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10{background-color:var(--success-10, rgba(58, 167, 109, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10-hover:hover{color:var(--light, #ffffff);background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-10{color:var(--success-10, rgba(58, 167, 109, 0.1));fill:var(--success-10, rgba(58, 167, 109, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20{background-color:var(--success-20, rgba(58, 167, 109, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20-hover:hover{color:var(--light, #ffffff);background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-20{color:var(--success-20, rgba(58, 167, 109, 0.2));fill:var(--success-20, rgba(58, 167, 109, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40{background-color:var(--success-40, rgba(58, 167, 109, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40-hover:hover{color:var(--light, #ffffff);background-color:var(--success-40, rgba(58, 167, 109, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-40{color:var(--success-40, rgba(58, 167, 109, 0.4));fill:var(--success-40, rgba(58, 167, 109, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60{background-color:var(--success-60, rgba(58, 167, 109, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60-hover:hover{color:var(--light, #ffffff);background-color:var(--success-60, rgba(58, 167, 109, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-60{color:var(--success-60, rgba(58, 167, 109, 0.6));fill:var(--success-60, rgba(58, 167, 109, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80{background-color:var(--success-80, rgba(58, 167, 109, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80-hover:hover{color:var(--light, #ffffff);background-color:var(--success-80, rgba(58, 167, 109, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-80{color:var(--success-80, rgba(58, 167, 109, 0.8));fill:var(--success-80, rgba(58, 167, 109, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10{background-color:var(--text-color-10, rgba(128, 127, 131, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-10{color:var(--text-color-10, rgba(128, 127, 131, 0.1));fill:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20{background-color:var(--text-color-20, rgba(128, 127, 131, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-20{color:var(--text-color-20, rgba(128, 127, 131, 0.2));fill:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40{background-color:var(--text-color-40, rgba(128, 127, 131, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-40, rgba(128, 127, 131, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-40{color:var(--text-color-40, rgba(128, 127, 131, 0.4));fill:var(--text-color-40, rgba(128, 127, 131, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60{background-color:var(--text-color-60, rgba(128, 127, 131, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-60, rgba(128, 127, 131, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-60{color:var(--text-color-60, rgba(128, 127, 131, 0.6));fill:var(--text-color-60, rgba(128, 127, 131, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80{background-color:var(--text-color-80, rgba(128, 127, 131, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-80, rgba(128, 127, 131, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-80{color:var(--text-color-80, rgba(128, 127, 131, 0.8));fill:var(--text-color-80, rgba(128, 127, 131, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10{background-color:var(--warning-10, rgba(237, 110, 51, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-10{color:var(--warning-10, rgba(237, 110, 51, 0.1));fill:var(--warning-10, rgba(237, 110, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20{background-color:var(--warning-20, rgba(237, 110, 51, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-20, rgba(237, 110, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-20{color:var(--warning-20, rgba(237, 110, 51, 0.2));fill:var(--warning-20, rgba(237, 110, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40{background-color:var(--warning-40, rgba(237, 110, 51, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-40, rgba(237, 110, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-40{color:var(--warning-40, rgba(237, 110, 51, 0.4));fill:var(--warning-40, rgba(237, 110, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60{background-color:var(--warning-60, rgba(237, 110, 51, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-60, rgba(237, 110, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-60{color:var(--warning-60, rgba(237, 110, 51, 0.6));fill:var(--warning-60, rgba(237, 110, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80{background-color:var(--warning-80, rgba(237, 110, 51, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-80, rgba(237, 110, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-80{color:var(--warning-80, rgba(237, 110, 51, 0.8));fill:var(--warning-80, rgba(237, 110, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10{background-color:var(--wood-10, rgba(153, 100, 76, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-10, rgba(153, 100, 76, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-10{color:var(--wood-10, rgba(153, 100, 76, 0.1));fill:var(--wood-10, rgba(153, 100, 76, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20{background-color:var(--wood-20, rgba(153, 100, 76, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-20, rgba(153, 100, 76, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-20{color:var(--wood-20, rgba(153, 100, 76, 0.2));fill:var(--wood-20, rgba(153, 100, 76, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40{background-color:var(--wood-40, rgba(153, 100, 76, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-40, rgba(153, 100, 76, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-40{color:var(--wood-40, rgba(153, 100, 76, 0.4));fill:var(--wood-40, rgba(153, 100, 76, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60{background-color:var(--wood-60, rgba(153, 100, 76, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-60, rgba(153, 100, 76, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-60{color:var(--wood-60, rgba(153, 100, 76, 0.6));fill:var(--wood-60, rgba(153, 100, 76, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80{background-color:var(--wood-80, rgba(153, 100, 76, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-80, rgba(153, 100, 76, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-80{color:var(--wood-80, rgba(153, 100, 76, 0.8));fill:var(--wood-80, rgba(153, 100, 76, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web{display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;opacity:0;-webkit-transition:0.2s;transition:0.2s}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.force-opacity{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.visible{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.visible yoo-button{margin-right:var(--spacing-08, 0.5rem)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web yoo-button{z-index:1;margin-right:var(--spacing-16, 1rem)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web yoo-context-menu{z-index:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web:hover{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:auto;bottom:auto;left:0rem}:host yoo-ion-item-sliding yoo-ion-item-options.hovered .options-container.web{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0rem 0.5rem;background-color:var(--stable, #adadad);border:none;visibility:hidden}:host yoo-ion-item-sliding yoo-ion-item-options button .text-action{font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\")}:host yoo-ion-item-sliding yoo-ion-item-options button yoo-icon{width:60px;margin-top:0.1rem;font-size:var(--font-size-18, 1.125rem)}:host yoo-ion-item-sliding.item-sliding-active-slide{overflow:visible}:host yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item{border-radius:0.5rem;-webkit-box-shadow:0.125rem 0 0.25rem 0 var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0.125rem 0 0.25rem 0 var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item-options button{visibility:visible}:host yoo-ion-list,:host yoo-virtual-scroll{position:relative;margin-top:0.5rem}:host yoo-ion-list yoo-ion-item,:host yoo-virtual-scroll yoo-ion-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0 var(--spacing-16, 1rem)}:host yoo-ion-list yoo-entity,:host yoo-virtual-scroll yoo-entity{width:100%}:host yoo-ion-list .more-container,:host yoo-virtual-scroll .more-container{padding-left:0.5rem;color:var(--stable, #adadad)}@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 370px){:host yoo-entity.empty-entity{width:5.2rem !important;height:0}:host yoo-entity.empty-entity.photos{width:5.7rem !important;height:0}}@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 370px){:host yoo-entity.empty-entity{width:5.2rem !important;height:0}}@media only screen and (min-width: 400px){:host yoo-entity.empty-entity{width:7.6rem;height:0}:host yoo-entity.empty-entity.photos{width:7.6rem !important;height:0}}:host .grid-cell{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:1rem}:host .grid-cell yoo-entity.empty-entity{width:7.1rem !important;height:0}:host .grid-cell yoo-entity.empty-entity.photos{width:6.6rem;height:0}:host .grid-cell .entity-inner-container.card-cell{min-width:90px}:host .grid-media{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:center;justify-content:center;margin-top:1rem}:host yoo-entity.empty-entity.card-cell.giphy,:host yoo-entity.empty-entity.card-cell.photos,:host yoo-entity.empty-entity.card-cell.unsplash{width:7.5rem !important}:host yoo-entity.empty-entity.card-media.medium{width:9.25rem !important}:host yoo-entity.empty-entity.card-media.large{width:18.5rem !important}:host ::slotted(.missions-page.grid-extra-opts[slot=before-scroll]){margin:var(--spacing-08, 0.5rem)}:host ::slotted(.missions-page.grid-extra-opts[slot=before]){margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.web) .join-line{top:2.25rem}:host(.web) .empty-state{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.web) .container-base .header-container .header-title{margin:var(--spacing-16, 1rem) 0 0}:host(.web) yoo-empty-state{height:var(--empty-state-height, 12rem)}:host(.web) ::slotted(.missions-page.grid-extra-opts[slot=before-scroll]){margin-left:0 !important}:host(.web) .sub-item-container .relative{position:relative}:host(.web) .sub-item-container yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:auto;bottom:auto;left:0rem;padding-right:var(--spacing-04, 0.25rem)}:host(.form-grid) yoo-ion-item.selected{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.form-grid.mobile) yoo-virtual-scroll yoo-ion-item,:host(.form-grid.mobile) yoo-ion-list yoo-ion-item{padding:0}:host(.form-grid:not(.not-scrollable)),:host(.form-grid.wizard:not(.not-scrollable)){position:absolute;top:0;right:0;bottom:0;left:0;margin-top:var(--spacing-08, 0.5rem)}:host(.form-grid:not(.not-scrollable)) .container-base,:host(.form-grid.wizard:not(.not-scrollable)) .container-base{height:100%}:host(:not(.web)) .grid-cell yoo-entity.selected:after{display:none !important}:host(.mobile.autocomplete) .container-base{background:var(--light, #ffffff)}:host(.mobile.autocomplete) .container-base yoo-loader.autocomplete{height:auto}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-form-input{padding-left:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-form-input:not(.with-toggle){padding-right:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header .dynamic-ordering-header-container .selected-text{padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header .dynamic-ordering-header-container yoo-button{max-width:9rem;padding-right:var(--spacing-08, 0.5rem)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-navbar{--bottom-shadow:0 0.0625rem 0 0 var(--stable-alt-60, rgba(208, 208, 208, 0.6));background:var(--light, #ffffff)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-items.autocomplete-spacing{margin-right:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base yoo-ion-list,:host(.mobile.autocomplete) .container-base yoo-virtual-scroll{margin-top:0}:host(.mobile.autocomplete) .container-base .grid-cell{margin-top:var(--spacing-02, 0.125rem)}:host(.mobile.autocomplete) .container-base .add-tag-mobile{z-index:10000;-ms-flex-pack:justify;justify-content:space-between;height:100%}:host(.mobile.autocomplete) .container-base .add-tag-mobile .text-container{padding:var(--spacing-56, 3.5rem) var(--spacing-64, 4rem) 0 var(--spacing-64, 4rem);text-align:center}:host(.mobile.autocomplete) .container-base .add-tag-mobile .add-tag-button-container{width:100%;padding:var(--spacing-16, 1rem) 0 var(--spacing-48, 3rem) 0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.mobile.autocomplete) .container-base .add-tag-mobile .add-tag-button-container yoo-button{padding:0 var(--spacing-16, 1rem)}:host(.radio-button-choice) .container-base{margin:0 !important}:host(.radio-button-choice) yoo-virtual-scroll yoo-ion-item-sliding yoo-ion-item-options .options-container,:host(.radio-button-choice) yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{opacity:1}:host(.radio-button-choice) .body-container .entity-inner-container{height:100%}:host(.radio-button-choice) .body-container.card-list .item.item-ios yoo-entity,:host(.radio-button-choice) .body-container.card-list .item.item-md yoo-entity{--padding-left-content-container:0;--padding-right-content-container-card-list:2.5rem;--overflow-card-heading-text-card-list:visible;--text-overflow-card-heading-text-card-list:clip;--white-space-card-heading-text-card-list:normal;--font-size-icon-check-selected:var(--icon-size-02, 1.5rem);max-width:none}:host(.radio-button-choice) .body-container.card-list .item.item-ios yoo-entity.selected,:host(.radio-button-choice) .body-container.card-list .item.item-md yoo-entity.selected{font-weight:var(--font-weight-400, 400)}:host(.radio-button-choice) yoo-empty-state{display:none}:host(.bordered){border:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host(.map){height:100%}:host(.map) .container-base{position:relative;height:100%}:host(.map) .container-base yoo-navbar{background:var(--light, #ffffff)}:host(.map) .container-base .map-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.map) .container-base .map-scroll-container .absolute.web{bottom:1rem;height:auto}:host(.map) .container-base .map-scroll-container yoo-ion-scroll{position:absolute;top:unset;bottom:var(--spacing-16, 1rem);min-height:5.75rem;margin:0 0 var(--spacing-16, 1rem) 0}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container{position:absolute;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;margin-left:var(--spacing-16, 1rem);padding-right:var(--spacing-16, 1rem)}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container .entity-container{min-width:21.5625rem;margin-right:var(--spacing-04, 0.25rem)}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container .entity-container yoo-entity{--entity-background:cssvar(light) !important;--margin:0 !important}:host(.web:not(.framed):not(.noabsolute)) .container-base.columns .horizontal-scroll-parent,:host(.web:not(.framed).empty) .container-base.columns .horizontal-scroll-parent{position:relative;height:100%}:host(.web:not(.framed):not(.noabsolute)) .container-base.columns .horizontal-scroll,:host(.web:not(.framed).empty) .container-base.columns .horizontal-scroll{position:absolute;top:0;right:0;bottom:0;left:0}:host(.web.dialog:not(.framed):not(.card-list):not(.card-course-row)) yoo-entity-query-builder{margin-left:var(--spacing-04, 0.25rem)}:host(.web.dialog:not(.framed):not(.card-list):not(.card-course-row)) .total-header{padding-bottom:0}:host(.web.dialog:not(.framed):not(.card-list):not(.card-course-row)) .container-base{margin-left:0}:host(.web:not(.framed)) yoo-ion-item-sliding.hovered:not(.dragging){background:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host(.web:not(.framed)) yoo-entity.photos.card-list{margin-bottom:0}:host(.web:not(.framed)) .container-base{width:auto;margin-left:var(--spacing-16, 1rem);background:transparent}:host(.web:not(.framed)) .container-base.columns{position:relative}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll{overflow-x:auto;overflow-y:hidden;-webkit-transition:0.3s;transition:0.3s}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%;height:100%}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content.with-header yoo-ion-scroll{height:calc(100% - 3rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content.with-header yoo-ion-scroll.empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:calc(100% - 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container.with-more{min-width:calc(100% - 2.5rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container.with-more .heading-title{margin-left:0}:host(.web:not(.framed)) .container-base .grid-cell{-ms-flex-pack:center;justify-content:center}:host(.web:not(.framed)) .container-base .gradient-overlay{position:absolute;bottom:0;z-index:2;width:6rem;height:100%}:host(.web:not(.framed)) .container-base .gradient-overlay.has-heading{max-height:calc(100% - var(--spacing-40, 2.5rem))}:host(.web:not(.framed)) .container-base .gradient-overlay.left{left:-1rem;background:var(--linear-gradient-left, linear-gradient(to left, rgba(255, 255, 255, 0), white))}:host(.web:not(.framed)) .container-base .gradient-overlay.right{right:0;background:var(--linear-gradient-right, linear-gradient(to right, rgba(255, 255, 255, 0), white))}:host(.web:not(.framed)) .container-base .title-container{display:-ms-flexbox;display:flex;margin-right:1rem;padding:1rem 0;padding-bottom:0;color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-14, 0.875rem)}:host(.web:not(.framed)) .container-base .title-container .heading-title{-ms-flex:1;flex:1;min-width:15rem;margin-left:1rem}:host(.web:not(.framed)) .container-base .title-container .heading-title.resized{-ms-flex:none;flex:none;min-width:unset}:host(.web:not(.framed)) .container-base .title-container .columns-title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.web:not(.framed)) .container-base .title-container .columns-title-container yoo-context-menu{padding-right:1rem}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header{position:relative;padding-right:1rem;padding-left:1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header yoo-tooltip{-ms-flex-pack:start;justify-content:flex-start}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area{position:absolute;top:0;right:auto;bottom:0;left:0;width:1rem;cursor:col-resize;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area .resize-border{width:0.0625rem;height:100%;background:var(--stable-alt, #d0d0d0);opacity:0}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area:hover .resize-border,:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area.show .resize-border{opacity:1}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content yoo-icon{margin-top:0.2rem;margin-right:0.2rem}:host(.web:not(.framed)) .container-base .entity-container{overflow:hidden}:host(.web:not(.framed)) .container-base .entity-inner-container.card-list:not(.entitycomments),:host(.web:not(.framed)) .container-base .entity-inner-container.card-course-row,:host(.web:not(.framed)) .container-base .entity-inner-container.card-battle,:host(.web:not(.framed)) .container-base .entity-inner-container.card-notification{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base .entity-inner-container.card-media{margin-bottom:var(--spacing-16, 1rem)}:host(.web:not(.framed)) .container-base.keep-selection .title-container .heading-title{margin-left:2rem}:host(.web:not(.framed)) .container-base.keep-selection .entity-container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.keep-selection .entity-container .entity-inner-container.card-list{width:auto;border-bottom:none}:host(.web:not(.framed)) .container-base.keep-selection .entity-inner-container:not(.card-cell):not(.card-cell-color):not(.card-media):not(.card-template):not(.autocomplete-selection-mode){padding-left:var(--spacing-32, 2rem)}:host(.web:not(.framed)) .body-container.card-list-color{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem)}:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item.item-ios,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item.item-md,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item-options-end,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) yoo-ion-item{min-height:unset;padding:0}:host(.web:not(.framed)) .body-container .entity-inner-container.overflow-visible{overflow:visible}:host(.no-padding-container) .container-base{margin:0 !important}:host(.no-padding-container) .container-base .body-container{margin:0 !important}:host(.no-padding-container) .container-base .map-scroll-container .absolute.web{bottom:0 !important}:host(.hide-main-column-header) .title-container{display:none !important}:host(.mobile.ag-grid){height:100%}:host(.mobile.ag-grid) .container-base{height:100%}:host(.mobile.kanban){height:100%}:host(.mobile.kanban) .container-base{position:relative;display:-ms-flexbox;display:flex;height:100%}:host(.mobile.kanban) .container-base yoo-kanban{position:initial;-ms-flex:1;flex:1}:host(.kanban) .container-base.keep-selection .title-container .heading-title{margin-left:0 !important}:host(.web.ag-grid.full-width) .container-base{width:100%}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base{margin:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base yoo-navbar:not(.expanded-autocomplete){padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dropdown-header .form-radio-container{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dropdown-header .form-radio-container yoo-form-radio{grid-auto-columns:unset}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dynamic-ordering-header-container:not(.no-search):not(.filters-visible){padding-top:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .selected-text{padding-left:var(--spacing-08, 0.5rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container{margin-top:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container yoo-ion-item-sliding .hover-container yoo-ion-item-options yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:0rem;bottom:auto;left:auto;padding-right:var(--spacing-04, 0.25rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container .entity-inner-container{padding:0 var(--spacing-32, 2rem) 0 var(--spacing-08, 0.5rem);border-bottom:none}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .grid-cell{-ms-flex-pack:justify;justify-content:space-between;padding-bottom:var(--spacing-16, 1rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .grid-cell .card-cell{min-width:6rem;min-height:4.75rem}:host(.web.autocomplete-selection-mode:not(.empty)) yoo-ion-item.selected{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.framed.quickview) .frame-container.web{padding:0}:host(.framed.quickview) .frame-container.web .container{padding:0;overflow:visible;-webkit-box-shadow:none;box-shadow:none}:host(.framed.quickview) .frame-container.web .container .frame-header{margin-bottom:var(--spacing-08, 0.5rem);background:transparent;cursor:pointer}:host(.framed.quickview) .frame-container.web .container .frame-header .row .text-container .heading{font-size:var(--font-size-14, 0.875rem)}:host(.framed.quickview) .frame-container.web .container yoo-virtual-scroll yoo-virtual-item,:host(.framed.quickview) .frame-container.web .container yoo-ion-list,:host(.framed.quickview) .frame-container.web .container .grid-media{height:auto;background:var(--light, #ffffff);-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(.framed.quickview) .frame-container.web .container .grid-media{margin-top:0;padding:var(--spacing-16, 1rem) 0}:host(.framed.shadow){--framed-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));--framed-radius:var(--spacing-08, 0.5rem);--framed-margin:0 var(--spacing-04, 0.25rem)}:host(.framed){height:100%}:host(.framed) .empty-state-container{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.framed) .empty-state-container .empty-state{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-16, 1rem);-ms-flex-align:center;align-items:center;margin:var(--spacing-16, 1rem) 0 0;padding:0;overflow:hidden}:host(.framed) .empty-state-container .empty-state yoo-empty-state{-ms-flex:75%;flex:75%;width:min(var(--empty-state-size, 75%), 12rem);height:min(var(--empty-state-size, 75%), 12rem);margin:0;padding:0}:host(.framed) .empty-state-container .empty-state yoo-empty-state.large.with-button{-ms-flex:50%;flex:50%;width:min(var(--empty-state-size-with-button, 50%), 12rem);height:min(var(--empty-state-size-with-button, 50%), 12rem)}:host(.framed) .empty-state-container .empty-state div{margin:0;padding:0}:host(.framed) .empty-state-container .empty-state div.with-button{font-size:var(--font-size-14, 0.875rem)}:host(.framed) .empty-state-container .empty-state yoo-button{width:100%}@media only screen and (max-width: 1024px){:host(.framed) .empty-state-container .empty-state.web div.with-button,:host(.framed) .empty-state-container .empty-state.tablet div.with-button{display:none}}:host(.framed) .empty-state-container.widget-battles .empty-state yoo-empty-state{-ms-flex:35%;flex:35%;width:min(var(--empty-state-size-with-battles, 35%), 12rem);height:min(var(--empty-state-size-with-battles, 35%), 12rem)}:host(.framed) .frame-container{position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:var(--spacing-16, 1rem);border-radius:var(--framed-radius);-webkit-box-shadow:var(--framed-shadow);box-shadow:var(--framed-shadow)}:host(.framed) .frame-container.web,:host(.framed) .frame-container.emulate{height:100%;margin:var(--framed-margin)}:host(.framed) .frame-container.web.none,:host(.framed) .frame-container.emulate.none{display:initial}:host(.framed) .frame-container.web .container .frame-header .row .text-container,:host(.framed) .frame-container.emulate .container .frame-header .row .text-container{-ms-flex-align:start;align-items:flex-start}:host(.framed) .frame-container.web .container .frame-header .row .text-container .heading,:host(.framed) .frame-container.emulate .container .frame-header .row .text-container .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-16, 1rem);cursor:pointer}:host(.framed) .frame-container .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}@media only screen and (max-width: 370px) and (-webkit-min-device-pixel-ratio: 3){:host(.framed) .frame-container .container yoo-entity.photos{width:6.4rem !important;height:6.4rem !important;margin-bottom:0.4rem}}:host(.framed) .frame-container .container .list-container,:host(.framed) .frame-container .container .grid-cell{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;margin:0;overflow:hidden}:host(.framed) .frame-container .container .list-container{position:relative;-ms-flex-direction:column;flex-direction:column}:host(.framed) .frame-container .container .list-container yoo-ion-list{width:100%}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item,:host(.framed) .frame-container .container yoo-ion-list,:host(.framed) .frame-container .container ion-list{-ms-flex:1;flex:1;margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;overflow:hidden}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item,:host(.framed) .frame-container .container ion-list yoo-ion-item{--padding-entity:0;--padding-content-container-card-list:0.5rem 0;margin-top:0 !important;margin-bottom:var(--spacing-08, 0.5rem);padding:0}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item:not(.card-list-color),:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item:not(.card-list-color),:host(.framed) .frame-container .container ion-list yoo-ion-item:not(.card-list-color){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1) !important}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item yoo-card-list,:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item yoo-card-list,:host(.framed) .frame-container .container ion-list yoo-ion-item yoo-card-list{--border-bottom-outer-container:none !important}:host(.framed) .frame-container .frame-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--spacing-08, 0.5rem)}:host(.framed) .frame-container .frame-header .row{z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host(.framed) .frame-container .frame-header .row .icon-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:0.5rem;color:var(--app-color, #5a30f4);cursor:pointer}:host(.framed) .frame-container .frame-header .row .icon-container yoo-icon{color:var(--app-color, #5a30f4)}:host(.framed) .frame-container .frame-header .text-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:start;align-items:flex-start;overflow:hidden}:host(.framed) .frame-container .frame-header .text-container .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host(.framed) .bottom-overlay{position:absolute;bottom:0;width:100%;height:2rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(22%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(61%, var(--light, #ffffff)));background:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 22%, var(--light, #ffffff) 61%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#00ffffff\", endColorstr=\"#ffffff\",GradientType=0 )}:host(.framed) yoo-widget-tile{position:relative;width:100%}:host(.framed) yoo-widget-tile .tile.icon-container{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host(.framed) yoo-widget-tile .tile.title{position:absolute;bottom:var(--spacing-08, 0.5rem);left:var(--spacing-08, 0.5rem)}:host(.framed) yoo-widget-tile yoo-badge.tile{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem)}:host(.framed.two-columns){--empty-state-size:100%}:host(.framed.two-columns) .container{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.framed.two-columns) .empty-state{margin:0}:host(.framed.two-columns) .empty-state yoo-empty-state{padding-top:var(--spacing-16, 1rem)}:host(.framed.two-columns) .entity-inner-container{height:100%}:host(.framed.two-columns) .frame-container .container yoo-ion-list yoo-ion-item{height:100%;padding:0;border:none}:host(.framed.two-columns) .frame-header{grid-column:1/-1}:host(.framed.waitliststats) .bottom-overlay{display:none}:host(.table) yoo-card-list{--border-bottom-outer-container:none}:host(.framed.horizontal) .frame-container{padding:0;padding-top:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.framed.horizontal) .frame-container .body-container.card-list-color{padding:0;padding-bottom:var(--spacing-08, 0.5rem)}:host(.framed.horizontal) .frame-container .frame-header .row .icon-container{margin-right:var(--spacing-16, 1rem)}:host(.missiondescriptions.card-list-color) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.missiondescriptions.card-list-color) yoo-ion-list yoo-ion-item{margin:none !important;border-bottom:none !important}:host(.widget:not(.card-list-color)) .container-horizontal{padding:0;padding-top:0.5rem !important;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15))}:host(.framed.horizontal.card-list-color) .frame-container .container-horizontal .frame-header .text-container .heading{font-weight:normal}:host(.framed.no-padding) .frame-container{padding:0}:host(.framed.full-width) .frame-container{padding:0.0625rem 0;padding-bottom:0}:host(.framed.full-width) .frame-container .container{border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(.framed.full-width) .frame-container .container .icon-container{display:none}:host(.framed.full-width.web.photos.card-cell) .frame-container .container-base .grid-cell{display:grid;grid-row-gap:var(--spacing-16, 1rem);grid-template-columns:120px 120px 120px 120px 120px 120px}:host(.framed.full-width.web.photos.card-cell) .frame-container .container-base .grid-cell .entity-inner-container{justify-self:center}:host(.lessons.web) .entity-inner-container.card-list{border-bottom:none !important}:host(.lessons.web) yoo-ion-item-divider{margin-left:var(--spacing-32, 2rem)}:host(.lessons.web) .join-line{left:1.9375rem}:host(.lessons.mobile){margin-top:var(--spacing-08, 0.5rem)}:host(.lessons.mobile) yoo-ion-item-divider{width:calc(100% - 3rem)}:host(.lessons) .container-base{position:relative}:host(.lessons) yoo-ion-item-divider{margin-left:var(--spacing-48, 3rem);padding:0 1rem}:host(.lessons) .join-line{position:absolute;left:1.7rem;z-index:1;width:var(--spacing-02, 0.125rem);background-color:var(--app-color, #5a30f4)}:host(.card-cell.channel:not(.empty)) .frame-container,:host(.card-cell.channels:not(.empty)) .frame-container,:host(.card-cell.contacts:not(.empty)) .frame-container,:host(.card-cell.locations:not(.empty)) .frame-container{padding-bottom:0}:host(.card-cell-color) .grid-cell{display:grid !important;grid-template-columns:var(--grid-template-columns, repeat(2, minmax(0, 1fr)));gap:var(--grid-template-gap, var(--spacing-08, 0.5rem))}:host(.card-cell-color) .entity-inner-container{width:100%;height:100%}:host(.card-cell-color.small) .grid-cell{grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.card-cell.channel) .frame-container .container-base .grid-cell,:host(.card-cell.channels) .frame-container .container-base .grid-cell,:host(.card-cell.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.medium.locations) .frame-container .container-base .grid-cell{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.small) .empty-state .empty-state-details,:host(.medium) .empty-state .empty-state-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;width:unset}:host(.card-cell.small.channel) yoo-empty-state,:host(.card-cell.small.channels) yoo-empty-state,:host(.card-cell.small.contacts) yoo-empty-state,:host(.card-cell.small.locations) yoo-empty-state,:host(.small.card-campaign) yoo-empty-state,:host(.small.card-feed-row) yoo-empty-state,:host(.small.card-inbox) yoo-empty-state{display:none}:host(.card-cell.medium.channel),:host(.card-cell.medium.channels),:host(.card-cell.medium.contacts),:host(.card-cell.medium.locations),:host(.medium.card-campaign),:host(.medium.card-calendar),:host(.medium.card-feed-row),:host(.medium.card-inbox){--empty-state-size:100%}:host(.card-cell.medium.channel) .empty-state,:host(.card-cell.medium.channels) .empty-state,:host(.card-cell.medium.contacts) .empty-state,:host(.card-cell.medium.locations) .empty-state,:host(.medium.card-campaign) .empty-state,:host(.medium.card-calendar) .empty-state,:host(.medium.card-feed-row) .empty-state,:host(.medium.card-inbox) .empty-state{-ms-flex-direction:row;flex-direction:row;margin:var(--spacing-08, 0.5rem) 0 0}:host(.card-cell.medium.channel) .empty-state>*,:host(.card-cell.medium.channels) .empty-state>*,:host(.card-cell.medium.contacts) .empty-state>*,:host(.card-cell.medium.locations) .empty-state>*,:host(.medium.card-campaign) .empty-state>*,:host(.medium.card-calendar) .empty-state>*,:host(.medium.card-feed-row) .empty-state>*,:host(.medium.card-inbox) .empty-state>*{-ms-flex:1 !important;flex:1 !important}:host(.card-cell.medium.channel) .frame-container .container-base .grid-cell,:host(.card-cell.medium.channels) .frame-container .container-base .grid-cell,:host(.card-cell.medium.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.medium.locations) .frame-container .container-base .grid-cell{-ms-flex-line-pack:center;align-content:center}:host(.card-cell.channel) .frame-container .container-base .grid-cell,:host(.card-cell.channels) .frame-container .container-base .grid-cell{grid-gap:var(--spacing-02, 0.125rem) var(--spacing-16, 1rem)}:host(.card-cell.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.locations) .frame-container .container-base .grid-cell{grid-gap:var(--spacing-16, 1rem)}:host(.card-cell-color:not(.framed.small)) .grid-cell{display:grid !important;grid-template-columns:var(--grid-template-columns, repeat(2, minmax(0, 1fr)));gap:var(--grid-template-gap, var(--spacing-16, 1rem))}:host(.card-cell-image) .grid-cell{display:grid !important;gap:var(--spacing-08, 0.5rem)}:host(.card-cell-image) .entity-inner-container{height:100%}:host(.card-cell-image.inventories) yoo-entity{--card-image-title-line-clamp:4}:host(.card-cell-image.inventories) .grid-cell{grid-template-rows:repeat(2, minmax(0, 1fr));grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.card-cell-image.inventories.medium) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.card-cell-image.inventories.small) yoo-entity{--card-image-title-line-clamp:3}:host(.card-cell-image.inventories.small) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.card-cell-image.photos) yoo-entity{--card-image-border-radius:var(--border-radius-04, 0.25rem);--card-image-overlay:transparent}:host(.card-cell-image.photos) .grid-cell{grid-template-rows:repeat(3, minmax(0, 1fr));grid-template-columns:repeat(3, minmax(0, 1fr));padding:0 var(--spacing-16, 1rem)}:host(.communities) .empty-state-container{-ms-flex-align:start;align-items:flex-start}:host(.communities.main) yoo-navbar{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.card-cell-image.photos.medium) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));margin:0 calc(var(--spacing-08, 0.5rem) * -1);padding:0}:host(.card-cell-image.communities) yoo-entity{--card-image-border-radius:var(--border-radius-08, 0.5rem);--card-image-overlay:transparent}:host(.card-cell-image.communities) .container-base .grid-cell{padding:0 var(--spacing-16, 1rem)}:host(.card-cell-image.communities.web) .container-base .grid-cell{display:-ms-flexbox !important;display:flex !important;gap:var(--spacing-24, 1.5rem);-ms-flex-pack:start;justify-content:flex-start}:host(.card-cell-image.communities.web) .container-base .grid-cell .entity-inner-container.card-cell-image{width:13.875rem;height:11.5rem}:host(.card-cell-image.communities.mobile) .container-base .grid-cell{grid-auto-rows:8.5rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--spacing-16, 1rem)}:host(.card-cell-image.live-videos) .grid-cell{display:grid;grid-auto-rows:9.125rem;grid-template-columns:repeat(6, minmax(0, 1fr));gap:var(--spacing-08, 0.5rem);padding:0 var(--spacing-24, 1.5rem)}:host(.card-cell-image.live-videos) yoo-entity yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-16, 1rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-32, 2rem)}:host(.card-cell-image.live-videos.mobile) .grid-cell{grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.card-image) yoo-entity{--card-image-border-radius:var(--border-radius-04, 0.25rem);--card-image-height:5.5rem;--card-image-title-font-size:var(--font-size-18, 1.125rem);--card-image-title-font-weight:normal;--card-image-title-line-clamp:2}:host(.card-image) .list-container,:host(.card-image) yoo-virtual-scroll{margin-bottom:var(--spacing-16, 1rem)}:host(.card-image) yoo-ion-item+yoo-ion-item,:host(.card-image) yoo-virtual-item+yoo-virtual-item yoo-ion-item{margin-top:var(--spacing-16, 1rem)}:host(.card-image.communities){--card-image-height:11.5rem}:host(.course-detail.web.lessons) .container-base yoo-collapsible{background:transparent;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.course-detail.web.lessons) .container-base yoo-collapsible div[slot=title]{padding-left:var(--spacing-24, 1.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host(.course-detail.web.lessons) yoo-virtual-scroll yoo-virtual-item yoo-ion-item-divider,:host(.course-detail.web.lessons) yoo-ion-list yoo-ion-item-divider{background-color:transparent}:host(.course-detail.web.lessons) yoo-virtual-scroll yoo-virtual-item .sub-item-container yoo-ion-item .entity-inner-container,:host(.course-detail.web.lessons) yoo-ion-list .sub-item-container yoo-ion-item .entity-inner-container{border-bottom-color:transparent}:host(.card-list.mobile.lessons) .container-base yoo-collapsible.lesson-detail div[slot=title]{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-48, 3rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host(.card-list.mobile.lessons) .container-base yoo-collapsible.lesson-detail yoo-ion-item{padding:0}:host(.card-course-row){position:relative;height:100%}:host(.card-course-row) .container-base{background:var(--light, #ffffff)}:host(.badges) .body-container.card-sticky{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.badges) .grid-cell{-ms-flex-pack:end !important;justify-content:flex-end !important;margin-left:-1rem}:host(.badges) .grid-cell .entity-inner-container,:host(.badges) .grid-cell yoo-entity:not(.empty-entity){-ms-flex:1;flex:1;min-width:33.33%}:host(.web.badges) .grid-cell{margin-right:0 !important}:host(.web.badges) .grid-cell .entity-inner-container,:host(.web.badges) .grid-cell yoo-entity:not(.empty-entity){-ms-flex:0 !important;flex:0 !important;min-width:inherit !important}:host(.web.files) .grid-cell yoo-entity.empty-entity{width:6rem !important}:host(.layout-01-list.web:not(.framed)) .container-base{margin:0}:host(.layout-01-list.web:not(.framed)) .container-base .entity-inner-container{border-bottom:none}:host(.layout-01-list.web:not(.framed)) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.layout-01-list.web:not(.framed)) .container-base yoo-ion-list{padding:0 var(--spacing-16, 1rem)}:host(.feedsComments) .entity-inner-container,:host(.questionsAnswers) .entity-inner-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.feedsComments) .header-container,:host(.questionsAnswers) .header-container{-ms-flex-pack:start;justify-content:flex-start;margin-top:var(--spacing-16, 1rem);border-top:8px solid var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host(.feedsComments) .header-container .header-title,:host(.questionsAnswers) .header-container .header-title{-ms-flex:inherit;flex:inherit;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin:0;padding:1rem;padding-bottom:0.25rem;font-weight:normal;font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\");font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal}:host(.questionsAnswers.margin){--top-margin:0.5rem}:host(.questionsAnswers){--top-margin:2.5rem}:host(.questionsAnswers) .entity-inner-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.no-margin) .container yoo-virtual-scroll yoo-virtual-item,:host(.no-margin) .container yoo-ion-list{margin-left:0 !important}:host(.web.no-margin) .container-base{margin-left:0 !important}:host(.padding-left){padding-left:var(--spacing-16, 1rem) !important}:host(.empty:not(.framed)){height:100%}:host(.plans.empty),:host(.productbatch.empty){height:auto}:host(.photos-tab) .container-base .search-toggle-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.photos-tab) .container-base .search-toggle-container .toggle-container{position:relative;top:0;-ms-flex-item-align:center;align-self:center;padding-left:var(--spacing-16, 1rem)}:host(.border-radius) .container-base{border-radius:0.25rem}:host(.web-links) .container-base{background:transparent}:host(.web-links) .container-base .body-container{margin-top:0;padding-top:0}:host(.web-links) .container-base .body-container yoo-ion-item{margin:var(--spacing-08, 0.5rem) 1rem var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding:0 !important;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host(.web-links) .container-base .body-container yoo-ion-item.first{margin-top:0;padding-top:0}:host(.no-background) .container-base{background:transparent}:host(.card-feed) yoo-virtual-scroll yoo-virtual-item,:host(.card-feed) yoo-ion-list{margin-bottom:var(--spacing-16, 1rem)}:host(.card-feed) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.card-feed) yoo-ion-list yoo-ion-item .entity-inner-container{background:var(--light, #ffffff)}:host(.card-feed-row:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.card-feed-row:not(.framed)) yoo-ion-list yoo-ion-item{margin:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;padding:0 0 var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light)}:host(.card-feed.web.main-feed){width:100%}:host(.card-feed.web.main-feed) yoo-ion-item.selected{background:unset}:host(.card-feed.web.main-feed) yoo-ion-item .entity-inner-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.card-feed.web.main-feed) .container-base{margin:0;overflow:hidden;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-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(.card-feed.web.main-feed) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.card-feed.web.main-feed) .container-base yoo-ion-list{margin-top:0}:host(.card-feed.web.main-feed) .container-base .top-grid.web{margin:0;border-bottom:0}:host(.card-location:not(.framed)) .entity-inner-container{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.half){background:var(--light-10, rgba(255, 255, 255, 0.1))}:host(.half) .scroll-spacer{height:2.75rem}:host(.feedsComments){position:relative;display:-ms-flexbox;display:flex;width:100%;height:100%}:host(.feedsComments) .container-base{width:100% !important}:host(.feedsComments) .container-base .body-container .options-container{margin-right:var(--spacing-16, 1rem)}:host(.autocomplete){height:100%}:host(.autocomplete) .container-base yoo-loader.autocomplete{height:45%}:host(.autocomplete) .container-base yoo-navbar{--top-container-padding:0;background:var(--light, #ffffff)}:host(.autocomplete) .container-base .dropdown-header{position:-webkit-sticky;position:sticky;top:0;z-index:2}:host(.autocomplete) .container-base .dropdown-header yoo-empty-state{height:var(--empty-state-height)}:host(.tree){display:-ms-flexbox;display:flex;height:100%}:host(.tree) .container-base{-ms-flex:1;flex:1;margin-left:0 !important}:host(.giphy) .grid-cell{margin-top:0}:host(.course-detail-full-width) .container-base yoo-ion-item-divider{margin:0 18rem}:host(.course-detail-full-width) .container-base yoo-ion-item{margin:0 18rem}:host(.course-detail-full-width) .container-base .join-line{margin:0 18rem}:host(.course-detail-full-width) .container-base yoo-virtual-scroll yoo-virtual-item yoo-ion-item-divider span,:host(.course-detail-full-width) .container-base yoo-ion-list yoo-ion-item-divider span{font-size:var(--font-size-16, 1rem)}:host(.course-detail-full-width) .container-base .entity-inner-container yoo-entity{--height-lessons-outer-container-card-list:5.5rem;--justify-content-content-container-card-list:center;--heading-font-size-card-list:var(--font-size-16, 1rem)}:host(.web.coursecategory) .header-title{padding-bottom:0.5rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web.coursecategory) .header-title div:first-child{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.web.coursecategory) .header-title div:first-child .total-number{padding-left:0.25rem}:host(.card-sticky.courses) yoo-ion-slides{margin-left:-1rem}:host(.card-course) yoo-ion-slides{padding-bottom:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky.full-width) .container-base{margin-left:var(--spacing-16, 1rem) !important}:host(.web.feeds.card-sticky) .empty-state-container{-ms-flex-align:start;align-items:flex-start}:host(.web.feeds.card-sticky) yoo-ion-item{margin:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4));-webkit-box-shadow:none;box-shadow:none}:host(.web.feeds.card-sticky) .header-container{padding-bottom:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky) .header-container .icon-container,:host(.web.feeds.card-sticky) .header-container .header-title{margin:0}:host(.web.feeds.card-sticky) .container-base{margin-right:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky) .entity-inner-container{min-height:4.5625rem;margin-bottom:var(--spacing-16, 1rem)}:host(.web.plans.card-sticky) .header-title{padding-top:1rem;padding-bottom:0.75rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web.card-plan) yoo-ion-item.selected:not(.card-plan){background-color:var(--light, #ffffff)}:host(.web.card-plan) yoo-ion-item.selected:not(.card-plan) .entity-inner-container{background-color:var(--light, #ffffff)}:host(.badges.card-sticky) yoo-ion-slides{margin-left:-1rem}:host(.badges.card-sticky) yoo-ion-slides.body-container{width:auto}:host(.broadcasts.web:not(.framed)) .container-base .grid-cell .entity-inner-container.card-cell{margin-right:0;margin-left:0}:host(.broadcasts) .container-base .grid-cell{-ms-flex-pack:justify;justify-content:space-between;margin-top:var(--spacing-08, 0.5rem)}:host(.broadcasts) .container-base .grid-cell .entity-inner-container.card-cell{min-width:49.5%;height:278px;margin-top:var(--spacing-02, 0.125rem)}:host(.broadcasts) .container-base .grid-cell .entity-inner-container.card-cell:first-of-type{min-width:100%;height:375px;margin-top:0}:host(.card-sticky.mobile) .container-base.container-horizontal yoo-ion-scroll{min-height:300px}:host(.card-sticky.mobile) .container-base.container-horizontal.compact yoo-ion-scroll{min-height:170px}:host(.none){display:none}:host(.icons.card-cell) .container-base .grid-cell .entity-inner-container.card-cell{width:3rem;min-width:3rem;margin:0 var(--spacing-04, 0.25rem);padding:0}:host(.icons.card-cell) .container-base .grid-cell yoo-entity.empty-entity{width:3.5rem !important}:host(.web.force-select:not(.framed)) .container-base .header-container .header-title,:host(.force-select) .container-base .header-container .header-title{margin:0}:host(.web.force-select:not(.framed)) .container-base .grid-cell,:host(.force-select) .container-base .grid-cell{-ms-flex-pack:distribute;justify-content:space-around;margin-right:0}:host(.web.force-select:not(.framed)) .container-base .grid-cell .entity-inner-container,:host(.force-select) .container-base .grid-cell .entity-inner-container{margin:0;margin-left:0}:host(.giphy.web.card-cell.medium:not(.framed)) .container-base .grid-cell{margin-right:0}:host(.giphy.web.card-cell.medium:not(.framed)) .container-base .grid-cell .entity-inner-container.card-cell{margin:0 var(--spacing-08, 0.5rem)}:host(.channel.web.card-chat:not(.framed)) .container-base,:host(.channels.web.card-chat:not(.framed)) .container-base{margin:0}:host(.channel.web.card-chat:not(.framed)) yoo-navbar,:host(.channels.web.card-chat:not(.framed)) yoo-navbar{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:var(--spacing-16, 1rem)}:host(.channel.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.channel.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item,:host(.channels.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.channels.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item{padding-left:0.5rem}:host(.channel.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.channel.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item .entity-inner-container,:host(.channels.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.channels.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item .entity-inner-container{border-bottom:none}@media (orientation: landscape){:host(.framed.tablet:not(.emulate-preview):not(.widget)) .frame-container{padding:0}:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base{-ms-flex-align:center;align-items:center}:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base yoo-ion-list{width:50%}}:host(.flex){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.flex) .container-base{-ms-flex:1;flex:1}:host(.with-padding-top) .container-base{padding-top:var(--spacing-16, 1rem)}:host(.hide-infinite-scroll) .container-base yoo-ion-infinite-scroll{display:none}:host(.web.expanded-grid){min-height:32.5rem;padding:0 6.25rem 0 6.25rem}:host(.web.expanded-grid) .container-base{margin:0 !important}:host(.web.expanded-grid) .container-base yoo-loader{min-height:32.5rem}:host(.web.expanded-grid) .container-base .dropdown-header{padding-top:var(--spacing-16, 1rem);background:var(--light, #ffffff);background-clip:padding-box}:host(.web.expanded-grid) .container-base .dropdown-header .filters-visible{padding-top:3.5rem}:host(.web.expanded-grid) .container-base .dropdown-header.form-radio-operators{padding-top:0}:host(.web.expanded-grid) .container-base .dropdown-header.form-radio-operators .form-radio-container{padding-bottom:var(--spacing-08, 0.5rem)}:host(.web.expanded-grid) .container-base .empty-new-tag{min-height:26rem}:host(.web.expanded-grid) .container-base .empty-new-tag yoo-button{width:12.5rem}:host(.web.expanded-grid) .container-base yoo-navbar{padding:0;background-color:var(--light, #ffffff);border:none;--bottom-shadow:0}:host(.web.expanded-grid) .container-base yoo-navbar.search-only{padding-bottom:var(--spacing-04, 0.25rem)}:host(.web.expanded-grid) .container-base yoo-navbar .search-container-inner{width:100%}:host(.web.expanded-grid) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.web.expanded-grid) .container-base yoo-ion-list{padding-bottom:var(--spacing-32, 2rem)}:host(.card-template) yoo-ion-scroll .grid-content-slot>div{display:grid;grid-gap:var(--spacing-16, 1rem) var(--spacing-16, 1rem);grid-template-columns:repeat(5, minmax(0, 1fr));-ms-flex-pack:center;justify-content:center;padding:1.1rem;padding-top:0}:host(.card-template) yoo-ion-scroll .grid-content-slot>div yoo-entity{cursor:pointer}:host(.calendar){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;height:100%}:host(.mobile) .entity-inner-container.card-notification{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.card-list.calendarEvents) .sub-item-container{margin-top:var(--spacing-04, 0.25rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.course-live-preview.web) .container-base{margin-right:var(--spacing-16, 1rem)}:host(.autocomplete.expanded-grid.card-cell.icons) .container-base .grid-cell{padding-bottom:var(--spacing-96, 6rem)}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item,:host(.leaderboard.web) yoo-ion-list{width:100%}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.leaderboard.web) yoo-ion-list yoo-ion-item{width:100%}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-container,:host(.leaderboard.web) yoo-ion-list yoo-ion-item .entity-container{-ms-flex-align:center;align-items:center;height:var(--spacing-40, 2.5rem);margin:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem) var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));opacity:1}:host(.leaderboard.web) .card-list{border-bottom:none !important}:host(.leaderboard.mobile) yoo-ion-item:first-of-type{padding-top:var(--spacing-08, 0.5rem)}:host(.leaderboard.mobile) yoo-ion-item:not(:first-of-type){padding-top:var(--spacing-16, 1rem)}:host(.leaderboard.mobile:not(.with-footer)) yoo-ion-item:last-of-type{padding-bottom:var(--spacing-08, 0.5rem)}:host(.leaderboard.mobile.with-footer) yoo-ion-item:last-of-type{padding-bottom:var(--leaderboard-footer-height)}:host(.leaderboard.mobile.with-footer) yoo-virtual-scroll{padding-bottom:var(--leaderboard-footer-height)}:host(.leaderboard.mobile.with-footer) yoo-virtual-scroll yoo-ion-item{--leaderboard-footer-height:0}:host(.web:not(.framed).violetproducts) .container-base .entity-inner-container.card-list,:host(.web:not(.framed).violetbasketitems) .container-base .entity-inner-container.card-list{border-bottom:none}:host(.card-list-color) yoo-ion-list yoo-ion-item:first-of-type{margin-top:var(--spacing-16, 1rem)}:host(.battles){height:100%}:host(.battles) yoo-card-placeholder{width:100%;margin:0}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.battles) yoo-ion-list yoo-ion-item{padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item:not(:last-of-type) .entity-inner-container,:host(.battles) yoo-ion-list yoo-ion-item:not(:last-of-type) .entity-inner-container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.battles) yoo-ion-list yoo-ion-item .entity-inner-container{padding:var(--spacing-08, 0.5rem) 0}:host(.pages) .container-base yoo-navbar{--top-container-padding:0;padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host(.form-grid.web.local) yoo-ion-item-divider{--padding-start:0}:host(.form-grid.web.local) .entity-inner-container{padding:0 !important}:host(.form-grid.web.local) .entity-inner-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.form-grid.web.local) .search-container-inner{width:100%}:host(.form-grid.web.local) .search-container-inner yoo-form-input.grid-search.web{max-width:25rem}:host(.form-grid.web.local.charttype) yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:0rem;bottom:auto;left:auto;padding-right:var(--spacing-08, 0.5rem)}:host(.form-grid.web.local.charttype) yoo-icon.position[name=circle]{display:none}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag{-ms-flex-pack:space-evenly;justify-content:space-evenly;height:100%;min-height:10.5rem;margin:0 var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag .text-container{font-size:var(--font-size-14, 0.875rem);text-align:center}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag .add-tag-button-container{width:100%}:host(.web.autocomplete-selection-mode.empty-tags:not(.expanding-grid):not(.emails)) .container-base{width:17.5rem}:host(.web.card-chat) .container-base .list-container{margin:0 var(--spacing-08, 0.5rem)}:host(.mobile.card-campaign:not(.framed)) yoo-navbar,:host(.mobile.card-location:not(.framed)) yoo-navbar{background-color:var(--stable-ultralight, #fafafa)}:host(.mobile.card-campaign:not(.framed)) .container-base .list-container,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll,:host(.mobile.card-location:not(.framed)) .container-base .list-container,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll{background-color:var(--stable-ultralight, #fafafa)}:host(.mobile.card-campaign:not(.framed)) .container-base .list-container .entity-inner-container.card-campaign,:host(.mobile.card-campaign:not(.framed)) .container-base .list-container .entity-inner-container.card-location,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-campaign,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-location,:host(.mobile.card-location:not(.framed)) .container-base .list-container .entity-inner-container.card-campaign,:host(.mobile.card-location:not(.framed)) .container-base .list-container .entity-inner-container.card-location,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-campaign,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-location{padding:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.mobile.card-campaign:not(.framed)) .body-container.card-campaign yoo-ion-item,:host(.mobile.card-campaign:not(.framed)) .body-container.card-location yoo-ion-item,:host(.mobile.card-location:not(.framed)) .body-container.card-campaign yoo-ion-item,:host(.mobile.card-location:not(.framed)) .body-container.card-location yoo-ion-item{margin-bottom:var(--spacing-08, 0.5rem) !important}:host(.no-overlay) .bottom-overlay{display:none}:host(.learning-manager.card-course-info){background-color:var(--stable-ultralight, #fafafa)}";
 const FOCUS_MAP_ZOOM = 16;
 const GRID_RERENDER_DELAY = 525;
@@ -350,6 +352,7 @@ const YooGridComponent = class {
       gridCurrentSearch === null || gridCurrentSearch === void 0 ? void 0 : gridCurrentSearch.datasourceSuccess(values);
     }
     this.itemList = this.items;
+    this.setFormFieldValue(); // once we get the total we can update the query to have the proper total
   }
   async getGridSelection() {
     var _a;
@@ -542,6 +545,33 @@ const YooGridComponent = class {
       }
     }, 300);
   }
+  async updateTreePath(route, purge = true) {
+    if (this.isTree()) {
+      this.gridApi.refreshServerSideStore({ route, purge });
+    }
+  }
+  async expandTreePath(routes) {
+    var _a;
+    if (this.isTree() && routes.length > 0) {
+      if (((_a = this.gridApi.getSelectedNodes()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        this.gridApi.getSelectedNodes().forEach((node) => this.gridApi.deselectNode(node));
+      }
+      this.expandPath(routes[0], routes.length === 1);
+      await new Promise(resolve => setTimeout(resolve, 500));
+      routes.shift();
+      await this.expandTreePath(routes);
+    }
+  }
+  expandPath(route, last) {
+    const node = this.gridApi.getRowNode(route);
+    if (last && node) {
+      node.setSelected(true, true, true);
+      this.gridApi.ensureNodeVisible(node, 'middle');
+    }
+    else {
+      node === null || node === void 0 ? void 0 : node.setExpanded(true);
+    }
+  }
   async disconnect() {
     this.disconnected = true;
   }
@@ -569,6 +599,11 @@ const YooGridComponent = class {
       this.slidesOptions.spaceBetween = 0;
       this.slidesOptions.slidesPerView = 'auto';
     }
+    if (this.displayType === 'card-cell' && this.direction === 'horizontal') {
+      this.slidesOptions.slidesPerView = 10;
+      this.slidesOptions.spaceBetween = 0;
+      this.slidesOptions.slidesPerView = 'auto';
+    }
     if (!index$1.isWeb(this.host)) {
       this.setDisplayIcon();
     }
@@ -788,7 +823,8 @@ const YooGridComponent = class {
       });
     }
   }
-  updateGridConfig() {
+  async updateGridConfig() {
+    var _a;
     this.finalGridConfig = {
       ...this.gridConfig,
       treeData: this.isTree(),
@@ -800,16 +836,16 @@ const YooGridComponent = class {
         return params.data[this.idAttributeName || '_id'];
       },
       onGridReady: (params) => {
-        var _a, _b;
+        var _a, _b, _c;
         this.gridApi = params.api;
         this.columnApi = params.columnApi;
-        if (this.gridState && this.gridState.columnState && this.gridState.columnState.length > 0 && !this.disconnected) {
+        if (((_b = (_a = this.gridState) === null || _a === void 0 ? void 0 : _a.columnState) === null || _b === void 0 ? void 0 : _b.length) > 0 && !this.disconnected) {
           this.columnApi.applyColumnState({ state: this.gridState.columnState, applyOrder: true });
         }
         if (this.gridApi.destroyCalled) {
           return;
         }
-        this.isEmptyAgGrid = !this.disconnected && ((_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.getDisplayedRowCount()) <= 0;
+        // this.isEmptyAgGrid = !this.disconnected && this.gridApi?.getDisplayedRowCount() <= 0;
         if (!this.isLocal && !this.disconnected) {
           this.gridApi.setServerSideDatasource({
             getRows: (p) => {
@@ -882,13 +918,16 @@ const YooGridComponent = class {
           });
         }
         else if (!this.disconnected) {
-          this.isEmptyAgGrid = !(((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0);
+          this.isEmptyAgGrid = !(((_c = this.items) === null || _c === void 0 ? void 0 : _c.length) > 0);
           this.gridApi.setRowData(this.items);
         }
       },
       onRowClicked: (event) => {
-        var _a, _b;
-        if (event.node && event.node.data && !this.disconnected && (((_b = (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.getEditingCells()) === null || _b === void 0 ? void 0 : _b.length) || 0) === 0 && !this.disableRowClick) {
+        var _a, _b, _c;
+        if (this.isReadonly) {
+          return;
+        }
+        if (((_a = event.node) === null || _a === void 0 ? void 0 : _a.data) && !this.disconnected && (((_c = (_b = this.gridApi) === null || _b === void 0 ? void 0 : _b.getEditingCells()) === null || _c === void 0 ? void 0 : _c.length) || 0) === 0 && !this.disableRowClick) {
           this.onItemSelect(event.node.data, false);
         }
       },
@@ -896,17 +935,26 @@ const YooGridComponent = class {
         this.cellEdited.emit(params);
       },
       onSelectionChanged: (params) => {
-        if (this.disconnected) {
+        if (this.disconnected || this.isReadonly) {
           return;
         }
         if (!this.isSelectAll) {
-          this.selection = params.api.getSelectedRows();
+          this.selection = this.selection || [];
+          params.api.forEachNode((node) => {
+            const index = this.findIndex(node.data);
+            if (node.isSelected() === true && index < 0) {
+              this.selection.push(node.data);
+            }
+            else if (node.isSelected() !== true && index >= 0) {
+              this.selection.splice(index, 1);
+            }
+          });
           this.selected.emit(this.multiple ? this.selection : this.selection.length > 0 ? this.selection[0] : null);
         }
         else {
           this.selectionRemoved = [];
           params.api.forEachNode((node) => {
-            if (node.isSelected() === false) {
+            if (node.isSelected() === false && this.findIndex(node.data, true) < 0) {
               this.selectionRemoved.push(node.data);
             }
           });
@@ -916,7 +964,6 @@ const YooGridComponent = class {
         this.setFormFieldValue();
       },
       onFirstDataRendered: () => {
-        // params
         setTimeout(() => {
           if (this.sizeColumnsToFit && !this.disconnected) {
             this.gridApi.sizeColumnsToFit();
@@ -931,7 +978,9 @@ const YooGridComponent = class {
           return [];
         }
       },
-      isServerSideGroup: this.isTree() ? (item) => !(item && (item.isLeaf)) : null,
+      isServerSideGroup: this.isTree() ? (item) => {
+        return !(item === null || item === void 0 ? void 0 : item.isLeaf);
+      } : null,
       getServerSideGroupKey: this.isTree()
         ? (dataItem) => {
           return dataItem._id;
@@ -940,18 +989,23 @@ const YooGridComponent = class {
     };
     if (this.isTree()) {
       this.finalGridConfig.groupDisplayType = 'custom';
-      // this.finalGridConfig.groupSuppressAutoColumn = true;
+      this.finalGridConfig.serverSideStoreType = 'full';
     }
     this.finalGridConfig.rowModelType = this.finalGridConfig.rowModelType || 'serverSide';
     if (this.gridDomLayout) {
       this.finalGridConfig.domLayout = this.gridDomLayout;
     }
-    if (this.finalGridConfig && this.finalGridConfig.columnDefs) {
+    if ((_a = this.finalGridConfig) === null || _a === void 0 ? void 0 : _a.columnDefs) {
       const selectionColumn = this.finalGridConfig.columnDefs.find((c) => c.checkboxSelection === true || c.checkboxSelection === false);
       if (selectionColumn) {
-        selectionColumn.hide = !this.isSelectionMode;
+        selectionColumn.hide = !this.isSelectionMode || this.isReadonly;
       }
     }
+    if (this.isReadonly) {
+      this.finalGridConfig.suppressRowClickSelection = true;
+      this.finalGridConfig.suppressCellFocus = true;
+      this.finalGridConfig.suppressRowHoverHighlight = true;
+    }
   }
   onGridStateUpdate() {
     if (this.columnApi && !this.disconnected) {
@@ -1038,16 +1092,19 @@ const YooGridComponent = class {
         const ids = lodash.compact((_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((s) => s === null || s === void 0 ? void 0 : s._id));
         if (ids.length > 0) {
           this.isLoading = true;
-          index$1.getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids } }).then((ret) => {
+          index$1.getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
             this.items = ret || [];
             if (this.isAgGrid()) {
               if (this.isLocal) {
                 this.gridApi.setRowData(this.items);
               }
               else {
+                //this.gridApi.setRowData([]);
                 this.gridApi.setServerSideDatasource({
                   getRows: (p) => {
-                    p.success({ rowData: this.items, rowCount: this.items.length });
+                    const items = this.items.slice(p.request.startRow || 0, p.request.endRow);
+                    p.success({ rowData: items, rowCount: this.items.length });
+                    this.updateGridSelectAllState();
                   }
                 });
               }
@@ -1330,7 +1387,8 @@ const YooGridComponent = class {
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('form-choice') &&
       !this.host.classList.contains('force-select');
-    if (index$1.isWeb(this.host) &&
+    if (!this.disconnected &&
+      index$1.isWeb(this.host) &&
       checkBoxClick &&
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('force-select') &&
@@ -1338,13 +1396,13 @@ const YooGridComponent = class {
       this.multiple) {
       this.checked.emit(selection);
     }
-    else if (!blockEmit) {
+    else if (!this.disconnected && !blockEmit) {
       this.selected.emit(value);
     }
-    if (this.isAgGrid()) {
+    if (!this.disconnected && this.isAgGrid()) {
       this.updateGridSelectAllState(value);
     }
-    else {
+    else if (!this.disconnected) {
       this.setFormFieldValue();
     }
   }
@@ -1366,7 +1424,7 @@ const YooGridComponent = class {
       return this.total || 0;
     }
     else if (this.multiple) {
-      return this.isSelectAll ? this.total - (((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.length) || 0) : ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) || (this.isAutoComplete ? undefined : this.total) || 0;
+      return this.isSelectAll && this.total > 0 ? this.total - (((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.length) || 0) : ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) || (this.isAutoComplete ? undefined : this.total) || 0;
     }
     else if (this.total > 0) { //  && this.isSelectAll
       let total = this.total;
@@ -1442,9 +1500,9 @@ const YooGridComponent = class {
   }
   onSearchInputChange(ev) {
     ev.stopPropagation();
-    if ((ev === null || ev === void 0 ? void 0 : ev.detail) !== this.searchText && this.isSelectedToggleView) {
-      this.isSelectedToggleView = false;
-    }
+    // if (ev?.detail !== this.searchText && this.isSelectedToggleView) { // dont understand why we need this
+    //   this.isSelectedToggleView = false;
+    // }
     this.isLoading = false;
     this.searchText = ev.detail;
     this.isFirstLoadAfterDisconnect = false;
@@ -1917,8 +1975,7 @@ const YooGridComponent = class {
     ]);
   }
   renderRefresh() {
-    return (!this.hideRefreshButton &&
-      !this.isLocal && (index.h("yoo-tooltip", { content: index$1.translate('REFRESH'), hoverable: true, placement: "bottom" }, index.h("yoo-button", { shape: "circular", fill: "transparent", rippleType: "unbounded", onClick: () => this.pullToRefresh() }, index.h("yoo-icon", { name: "refresh", color: "stable" })))));
+    return (!this.hideRefreshButton && !this.isReadonly && !this.isLocal && (index.h("yoo-tooltip", { content: index$1.translate('REFRESH'), hoverable: true, placement: "bottom" }, index.h("yoo-button", { shape: "circular", fill: "transparent", rippleType: "unbounded", onClick: () => this.pullToRefresh() }, index.h("yoo-icon", { name: "refresh", color: "stable" })))));
   }
   shouldRenderEntityQueryBuilder() {
     return index$1.isWeb(this.host) && !this.isAutoComplete && (this.gridIsExpanded || !this.gridIsExpanded) && (this.showFilters || this.showAdvancedQueryBuilder);
@@ -1933,6 +1990,7 @@ const YooGridComponent = class {
       renderEntityQueryBuilder && this.renderEntityQueryBuilder(actions),
       !renderEntityQueryBuilder && this.renderSearchInput(),
       index$1.isWeb(this.host) && !renderEntityQueryBuilder && index.h("span", { class: "flex" }),
+      index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.renderDisplayMode(),
       index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.renderRefresh(),
       !index$1.isWeb(this.host) && (index.h("yoo-items", { class: {
           // 'margin-left': !isWeb(this.host) && this.isToggleModeVisible(),
@@ -2043,7 +2101,7 @@ const YooGridComponent = class {
     ];
   }
   renderDisplayMode() {
-    var _a;
+    var _a, _b;
     if (index$1.isWeb(this.host) && this.displayType === 'card-media') {
       const buttonsResize = [
         {
@@ -2059,12 +2117,15 @@ const YooGridComponent = class {
         { icon: 'large-without-info', handler: () => this.onMediaResize('large', true), iconColor: this.displaySize === 'large' && this.useCellOverlay ? 'app-color' : 'stable' },
         { icon: 'large-with-info', handler: () => this.onMediaResize('large', false), iconColor: this.displaySize === 'large' && !this.useCellOverlay ? 'app-color' : 'stable' }
       ];
-      return (index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => (event.target.childNodes[0]['color'] = 'app-color'), onContextMenuClosed: (event) => (event.target.childNodes[0]['color'] = 'stable') }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index.h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))));
+      return [
+        index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => (event.target.childNodes[0]['color'] = 'app-color'), onContextMenuClosed: (event) => (event.target.childNodes[0]['color'] = 'stable') }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index.h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))),
+        ((_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.length) > 1 && index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())
+      ];
     }
     if (!this.isToggleModeVisible()) {
       return;
     }
-    if (((_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.length) > 1) {
+    if (((_b = this.displayTypes) === null || _b === void 0 ? void 0 : _b.length) > 1) {
       return index$1.isWeb(this.host) ? (index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())) : (this.renderChangeDisplayButtonMobile());
     }
   }
@@ -2120,6 +2181,7 @@ const YooGridComponent = class {
         // icon: 'pull-to-refresh',
         text: index$1.translate('UPDATEVIEW'),
         isVisible: () => !!this.customView,
+        hasDivider: true,
         handler: () => {
           this.customViewSaved.emit({ view: this.customView, showEditForm: false });
         }
@@ -2127,6 +2189,7 @@ const YooGridComponent = class {
       {
         // icon: 'save',
         text: index$1.translate('SAVEASNEWVIEW'),
+        hasDivider: true,
         handler: () => {
           this.customViewSaved.emit(null);
         }
@@ -2135,6 +2198,7 @@ const YooGridComponent = class {
         // icon: 'cross',
         text: index$1.translate('RESETVIEW'),
         color: 'danger',
+        hasDivider: true,
         iconColor: 'danger',
         textClass: 'danger',
         isVisible: () => !!this.customView,
@@ -2199,13 +2263,13 @@ const YooGridComponent = class {
     var _a;
     const showDisplaySize = ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.findIndex((f) => f.showInCard)) > -1;
     // Block select all for card cell web for documents
-    return (index.h("yoo-entity-query-builder", { ref: (el) => (this.entityQueryBuilderElement = el), model: this.model, hideSorts: this.isAgGrid() || this.isKanban() || this.hideSorts, showAdvancedQueryBuilder: this.showAdvancedQueryBuilder, values: this.sortsAndFilters, isToggleSelected: this.isSelectedToggleView, isSelectAllToggled: this.isSelectAll, showSelectionOnlyToggle: this.showSelectionOnlyToggle, customViewsId: this.customViewsId, customView: this.customView, customViews: this.customViews, onChanged: (ev) => this.applySortsAndFilters(ev.detail), onToggleSelected: (ev) => this.onToggleSelected(ev), onFieldFetchData: (ev) => {
+    return (index.h("yoo-entity-query-builder", { ref: (el) => (this.entityQueryBuilderElement = el), model: this.model, hideSorts: this.isAgGrid() || this.isKanban() || this.hideSorts, showAdvancedQueryBuilder: this.showAdvancedQueryBuilder, values: this.sortsAndFilters, readonly: this.isReadonly, isToggleSelected: this.isSelectedToggleView, isSelectAllToggled: this.isSelectAll, showSelectionOnlyToggle: this.showSelectionOnlyToggle, customViewsId: this.customViewsId, customView: this.customView, customViews: this.customViews, onChanged: (ev) => this.applySortsAndFilters(ev.detail), onToggleSelected: (ev) => this.onToggleSelected(ev), onFieldFetchData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchData.emit(ev.detail);
       }, onFieldFetchCustomData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchCustomData.emit(ev.detail);
-      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, index$1.isWeb(this.host) && (index.h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), index.h("slot", { name: "search-buttons-before" }))), index$1.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateFieldSelect(), index$1.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), index$1.isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), index$1.isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), index$1.isWeb(this.host) && this.renderDisplayMode(), this.renderCustomViews(), index$1.isWeb(this.host) && this.renderRefresh(), index$1.isWeb(this.host) && this.renderExports(), actions.length > 0 && (index.h("yoo-items", { class: { 'margin-left': !index$1.isWeb(this.host) && this.isToggleModeVisible() } }, actions
+      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, index$1.isWeb(this.host) && !this.isReadonly && (index.h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), index.h("slot", { name: "search-buttons-before" }))), index$1.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateFieldSelect(), index$1.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), index$1.isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), index$1.isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), index$1.isWeb(this.host) && this.renderDisplayMode(), this.renderCustomViews(), index$1.isWeb(this.host) && this.renderRefresh(), index$1.isWeb(this.host) && this.renderExports(), actions.length > 0 && (index.h("yoo-items", { class: { 'margin-left': !index$1.isWeb(this.host) && this.isToggleModeVisible() } }, actions
       .map((a) => index$1.toButton(a, this))
       .map((button) => button_factory.getButton({
       ...button,
@@ -2292,7 +2356,8 @@ const YooGridComponent = class {
       return this.renderSelectAllHeader();
     }
     const title = index$1.translate(this.heading);
-    let renderSearchOrAutocomplete = (this.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!index$1.isWeb(this.host) && this.allowCustomTag)) &&
+    let renderSearchOrAutocomplete = !this.isReadonly &&
+      (this.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!index$1.isWeb(this.host) && this.allowCustomTag)) &&
       ((this.filteredItems && this.filteredItems.length > 0) ||
         this.allowCustomTag ||
         this.searchText ||
@@ -2312,7 +2377,7 @@ const YooGridComponent = class {
       this.renderTotalHeader(),
       this.renderLinkHeader(),
       this.renderTabs(),
-      this.isFramed && (this.heading) ? (index.h("div", { class: "frame-header" }, index.h("div", { class: "row" }, index.h("div", { class: "text-container", onClick: () => this.onHeadingClick() }, this.heading ? (this.isLoading && this.total <= 0 ? (index.h("yoo-card-placeholder", { displayType: this.displayType, entityType: this.entityType, header: this.progressCss })) : (index.h("span", { class: "heading" }, title, this.total > 0 && !this.hideTotal && ` - ${this.formattedTotal}`))) : null), this.showSeeAll !== false && (index.h("div", { class: { 'icon-container': true, widget: this.isWidget }, onClick: () => this.onHeadingClick() }, index$1.translate('SEEALL'))), this.isWidget && this.isHome && (index.h("div", { class: { 'icon-container': true }, onClick: (ev) => this.onWidgetEdit(ev) }, index.h("yoo-icon", { name: "more", size: index$1.isWeb(this.host) ? 'small' : 'medium', color: "stable" }))), index.h("slot", { name: "header" })), this.renderProgressBar())) : this.forceHeading ? (index.h("div", { class: "header-container" }, index.h("div", { class: "header-title" }, index.h("div", null, this.total > 0 || !this.hideHeadingIfEmpty ? title : null, !this.hideTotal && this.renderTotalNumber())), (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') && this.renderDisplayMode(), this.showSeeAll && this.total > 0 && (index.h("div", { class: "icon-container", onClick: () => this.onHeadingClick() }, index$1.translate('SEEALL'))))) : (this.renderProgressBar()),
+      this.isFramed && (this.heading) ? (index.h("div", { class: "frame-header" }, index.h("div", { class: "row" }, index.h("div", { class: "text-container", onClick: () => this.onHeadingClick() }, this.heading ? (this.isLoading && this.total <= 0 ? (index.h("yoo-card-placeholder", { displayType: this.displayType, entityType: this.entityType, header: this.progressCss })) : (index.h("span", { class: "heading" }, title, this.total > 0 && !this.hideTotal && ` - ${this.formattedTotal}`))) : null), this.showSeeAll !== false && (index.h("div", { class: { 'icon-container': true, widget: this.isWidget }, onClick: () => this.onHeadingClick() }, index$1.translate('YOOBICSEEALL'))), this.isWidget && this.isHome && (index.h("div", { class: { 'icon-container': true }, onClick: (ev) => this.onWidgetEdit(ev) }, index.h("yoo-icon", { name: "more", size: index$1.isWeb(this.host) ? 'small' : 'medium', color: "stable" }))), index.h("slot", { name: "header" })), this.renderProgressBar())) : this.forceHeading ? (index.h("div", { class: "header-container" }, index.h("div", { class: "header-title" }, index.h("div", null, this.total > 0 || !this.hideHeadingIfEmpty ? title : null, !this.hideTotal && this.renderTotalNumber())), (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') && this.renderDisplayMode(), this.showSeeAll && this.total > 0 && (index.h("div", { class: "icon-container", onClick: () => this.onHeadingClick() }, index$1.translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
       (this.gridIsExpanded && this.forceHideSearch) || this.isFramed || this.hideToolbar || (!renderSearchOrAutocomplete && !renderEntityTags) ? null : (index.h("yoo-navbar", { centerTitle: false, class: {
           'grid': !this.isAutoComplete,
           'card-inbox': (_f = (_e = this.host) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.contains('card-inbox'),
@@ -2333,7 +2398,7 @@ const YooGridComponent = class {
           'no-padding': this.isFormField,
           'overflow-hidden': this.isMap(),
           'expanded-autocomplete': this.isAutoComplete && this.gridIsExpanded && index$1.isWeb(this.host)
-        } }, renderEntityTags && this.renderEntitySearchTags(renderSearchOrAutocomplete), renderSearchOrAutocomplete && (this.isMap() ? this.renderAddressAutocomplete() : this.renderSearch()), index.h("div", { slot: "content", class: "w-100" }, index$1.isWeb(this.host) && !this.isAutoComplete && !this.shouldRenderEntityQueryBuilder() && this.renderToggleSelectAll(true), index.h("slot", { name: "nav-bar-bottom" }))))
+        } }, renderEntityTags && this.renderEntitySearchTags(renderSearchOrAutocomplete), renderSearchOrAutocomplete && (this.isMap() ? this.renderAddressAutocomplete() : this.renderSearch()), index.h("div", { slot: "content", class: "w-100" }, index$1.isWeb(this.host) && !this.isAutoComplete && !this.isReadonly && !this.shouldRenderEntityQueryBuilder() && this.renderToggleSelectAll(true), index.h("slot", { name: "nav-bar-bottom" }))))
     ];
   }
   alwaysRenderTagsAndFilters() {
@@ -2380,11 +2445,10 @@ const YooGridComponent = class {
     return (index.h("div", { class: "select-all-container" }, index.h("div", { class: "selected-text" }, `${selectedCount || 0} ${index$1.translate('SELECTED')}`), index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onForceSelectAll(showClear) }, index$1.translate(showClear ? 'CLEAR' : 'SELECTALL'))));
   }
   renderEmptyStateButton(customStyle) {
-    const buttonSize = index$1.isWeb(this.host) || (!this.extraClass || this.extraClass === 'large') ? 'large' : 'medium';
+    const buttonSize = (!this.extraClass && index$1.isWeb(this.host)) || this.extraClass.includes('large') ? 'large' : this.extraClass.includes('small') ? 'small' : 'medium';
     return (index.h("yoo-button", { class: { 'empty-button': true, expanded: customStyle }, size: buttonSize, color: "app-color", onClick: () => this.emptyStateHandler() }, index$1.translate(this.emptyStateButtonText)));
   }
   renderEmptyState() {
-    const isLarge = !this.extraClass || this.extraClass === 'large';
     const type = this.emptyState || this.entityType || 'error';
     const displayEmptyState = type && type !== 'none' && !this.hideEmptyState;
     const header = index$1.translate(this.emptyStateHeader || index$1.EMPTYSTATE_TITLE_MAP[type]);
@@ -2393,7 +2457,7 @@ const YooGridComponent = class {
     const customStyle = this.entityType === 'feeds';
     return [
       index.h("slot", { name: "before" }),
-      displayEmptyState && (index.h("div", { class: `empty-state-container ${this.extraClass}` }, index.h("div", { class: { 'empty-state': true, padding: customStyle, ...commonHelpers.getAppContext(this.host) } }, this.emptyStateTextPosition === 'top' && [!!header && index.h("h4", null, header), index.h("div", null, text)], this.emptyStateAnimated ? (index.h("yoo-lottie", { autoplay: true, loop: true, type: type })) : (index.h("yoo-empty-state", { class: { [this.displayType]: true, [this.extraClass || 'large']: true, 'with-button': hasButton }, style: { height: this.isAutoComplete && !this.host.classList.contains('expanding-grid') && '5rem' }, type: type })), index.h("div", { class: "empty-state-details" }, this.emptyStateTextPosition === 'bottom' && [!!header && index.h("h4", { innerHTML: header }), index.h("div", { class: { 'with-button': hasButton }, innerHTML: text })], hasButton && !isLarge && this.renderEmptyStateButton(customStyle)), hasButton && isLarge && this.renderEmptyStateButton(customStyle)))),
+      displayEmptyState && (index.h("div", { class: `empty-state-container ${this.extraClass}` }, index.h("div", { class: { 'empty-state': true, padding: customStyle, ...commonHelpers.getAppContext(this.host) } }, !this.emptyStateNoDescription && this.emptyStateTextPosition === 'top' && [!!header && index.h("h4", null, header), index.h("div", null, text)], this.emptyStateAnimated ? (index.h("yoo-lottie", { autoplay: true, loop: true, type: type })) : (index.h("yoo-empty-state", { class: { [this.displayType]: true, [this.extraClass || 'large']: true, 'with-button': hasButton }, style: { height: this.isAutoComplete && !this.host.classList.contains('expanding-grid') && '5rem' }, type: type })), index.h("div", { class: "empty-state-details" }, !this.emptyStateNoDescription && this.emptyStateTextPosition === 'bottom' && [!!header && index.h("h4", { innerHTML: header }), index.h("div", { class: { 'with-button': hasButton }, innerHTML: text })], hasButton && this.renderEmptyStateButton(customStyle))))),
       index.h("slot", { name: "after" })
     ];
   }
@@ -2580,7 +2644,7 @@ const YooGridComponent = class {
                 [this.displaySize]: !!this.displaySize,
                 [this.displayType]: !!this.displayType,
                 [this.entityType]: !!this.entityType
-              } }))), index.h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })),
+              } }))), index.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
           index.h("slot", { name: "quickactions" }),
           index.h("slot", { name: "before" }),
           this.renderInfiniteScroll(),
@@ -2627,7 +2691,7 @@ const YooGridComponent = class {
         index.h("div", { class: "list-container" }, index.h("yoo-ion-list", { class: `body-container ${this.displayType}`, ref: (ev) => (this.ionListEl = ev) }, headers.map((header, index, array) => {
           var _a;
           return this.renderEntityItems(header, index, index === array.length - 1 ? (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length : array[index + 1].index, header.index);
-        }), index.h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })), this.renderInfiniteScroll(), this.renderScrollSpacer(), index.h("slot", { name: "quickactions" }))
+        }), index.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })), this.renderInfiniteScroll(), this.renderScrollSpacer(), index.h("slot", { name: "quickactions" }))
       ];
     }
     else if (this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && (!this.headerFn || this.isFramed)) {
@@ -2644,7 +2708,7 @@ const YooGridComponent = class {
           ? this.getItems().map((item, index) => this.showActionsAsMore
             ? this.renderItemWithMore(item, index)
             : this.renderItemSliding(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index))
-          : this.getItems().map((item, index) => this.renderItem(item, index)), index.h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })), index.h("slot", { name: "quickactions" }))),
+          : this.getItems().map((item, index) => this.renderItem(item, index)), index.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })), index.h("slot", { name: "quickactions" }))),
         !this.isSelectedToggleView && !this.host.classList.contains('live-preview-dropdown') && this.renderInfiniteScroll(),
         index.h("slot", { name: "after" }),
         this.renderScrollSpacer()
@@ -2768,12 +2832,12 @@ const YooGridComponent = class {
         if (!this.blockUnhoveer[itemSlidingId]) {
           (_b = (_a = this.itemsSliding[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('hovered');
         }
-      } }, index.h("yoo-ion-item", { lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'overflow-visible': this.secondaryActionsDropdown, 'no-padding': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('no-padding-item') } }, this.renderEntity(item, isLast, index$2)), (actions && actions.length > 0 && !this.secondaryActionsDropdown) || (index$1.isWeb(this.host) && this.keepSelection) ? (index.h("yoo-ion-item-options", { ref: (el) => (this.itemOptions[itemSlidingId] = el), onMouseEnter: () => { var _a, _b; return (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('hovered'); }, onMouseLeave: () => {
+      } }, index.h("yoo-ion-item", { lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'overflow-visible': this.secondaryActionsDropdown, 'no-padding': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('no-padding-item') } }, this.renderEntity(item, isLast, index$2)), ((actions === null || actions === void 0 ? void 0 : actions.length) > 0 && !this.secondaryActionsDropdown) || (index$1.isWeb(this.host) && this.keepSelection) ? (index.h("yoo-ion-item-options", { ref: (el) => (this.itemOptions[itemSlidingId] = el), onMouseEnter: () => { var _a, _b; return (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('hovered'); }, onMouseLeave: () => {
         var _a, _b;
         if (!this.blockUnhoveer[itemSlidingId]) {
           (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('hovered');
         }
-      } }, index.h("div", { class: { 'options-container': true, 'force-opacity': this.isSelectionMode || this.keepSelection, visible: this.displayActionsOnCard, web: index$1.isWeb(this.host) }, onClick: () => this.onItemSelect(item) }, !index$1.isWeb(this.host) && actions && actions.slice(0, hasMoreButton ? 2 : actions.length).map((action) => action && this.renderMobileItemOptionButtons(action, item)), !index$1.isWeb(this.host) && actions && hasMoreButton && (index.h("button", { class: "bg-stable-light", onClick: (ev) => {
+      } }, index.h("div", { class: { 'options-container': true, 'force-opacity': this.isSelectionMode || this.keepSelection, visible: this.displayActionsOnCard, web: index$1.isWeb(this.host) }, onClick: () => this.onItemSelect(item) }, !index$1.isWeb(this.host) && (actions === null || actions === void 0 ? void 0 : actions.slice(0, hasMoreButton ? 2 : actions.length).map((action) => action && this.renderMobileItemOptionButtons(action, item))), !index$1.isWeb(this.host) && actions && hasMoreButton && (index.h("button", { class: "bg-stable-light", onClick: (ev) => {
         ev.stopPropagation();
         this.presentActionSheet(actions.slice(2), item);
       } }, index.h("yoo-icon", { name: "more" }), index.h("span", { class: "text-action" }, index$1.translate('YOOBICMORE')))), index$1.isWeb(this.host) && this.renderWebItemOptionButtons(actions, item, index$2)), index$1.isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && this.isSelected(item) && (index.h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: "check", color: "app-color" })))) : null));
@@ -2898,6 +2962,7 @@ const YooGridComponent = class {
         'entity-inner-container': true,
         'sortable': this.sortable,
         [this.displayType]: true,
+        [this.entityType || '']: true,
         'collapsible': this.isCollapsibleCheck(),
         'no-kpi': this.hasNoKpi(item),
         'overflow-visible': this.secondaryActionsDropdown,
@@ -2907,7 +2972,7 @@ const YooGridComponent = class {
         if (this.displayType !== 'card-media') {
           this.onItemSelect(item);
         }
-      } }, this.sortable && index.h("yoo-icon", { name: "draggable", color: "stable", size: "medium" }), index.h("yoo-entity", { iconColor: this.getIconColor(item), useTranslate: this.useTranslate, onCollapsed: (ev) => this.onEntityCollapsed(ev), extraClass: this.extraClass, displaySize: this.displaySize, useCellOverlay: this.useCellOverlay, direction: this.direction, index: index$2, onViewMoreToggled: (ev) => {
+      } }, this.sortable && index.h("yoo-icon", { name: "draggable", color: "stable", size: "medium" }), index.h("yoo-entity", { iconColor: this.getIconColor(item), useTranslate: this.useTranslate, onCollapsed: (ev) => this.onEntityCollapsed(ev), extraClass: this.extraClass, displaySize: this.displaySize, useCellOverlay: this.useCellOverlay, direction: this.direction, index: index$2, entityMapping: this.entityMapping, onViewMoreToggled: (ev) => {
         ev.stopPropagation();
         this.viewMoreToggled.emit(item);
       }, onMediaSelected: (ev) => {
@@ -2917,11 +2982,11 @@ const YooGridComponent = class {
         'selected': ((_a = this.initialSelection) === null || _a === void 0 ? void 0 : _a.length) === 1 && ((_b = this.initialSelection[0]) === null || _b === void 0 ? void 0 : _b._id) === (item === null || item === void 0 ? void 0 : item._id),
         'selected check-selected': item && this.isSelected(item) && !this.showGlobalActions,
         'selected check-selected-left': item && this.isSelected(item) && this.showGlobalActions && this.isSelectionMode,
-        'check-unselected': ((this.host.classList.contains('radio-button-choice') && !this.isSelected(item)) || (this.multiple && !this.isSelected(item))) && !this.showGlobalActions,
+        'check-unselected': ((this.host.classList.contains('radio-button-choice') && !this.isSelected(item)) || (this.multiple && !this.isSelected(item))) && !this.showGlobalActions && this.keepSelection !== false,
         'check-unselected-left': ((this.host.classList.contains('radio-button-choice') && !this.isSelected(item)) || (this.multiple && !this.isSelected(item))) &&
           this.showGlobalActions &&
           this.isSelectionMode,
-        'child': item && (item.isChild || !!(item === null || item === void 0 ? void 0 : item.parentRef)),
+        'child': item && (item.isChild || (!!item.parentRef && item.folderType !== 'article')),
         'last': isLast,
         'form-choice': this.host.classList.contains('form-choice'),
         'framed': this.isFramed,
@@ -2937,7 +3002,8 @@ const YooGridComponent = class {
         'collapsed': this.isMap(),
         'selected card-template': this.displayType === 'card-template' && this.isSelected(item),
         'form': this.host.classList.contains('form'),
-        'table': this.host.classList.contains('table')
+        'table': this.host.classList.contains('table'),
+        'block': this.host.classList.contains('radio-button-choice')
       }, item: item, items: this.entityType === 'photos' ? this.filteredItems : undefined, displayType: this.displayType, entityType: this.entityType, profileSummary: this.profileSummary, icons: this.icons, topActions: this.topActions, bottomActions: this.bottomActions, secondaryActions: this.secondaryActions, customModel: this.customModel, isCollapsible: this.isCollapsibleCheck(), isMap: this.isMap(), isFramed: this.isFramed, isPdf: this.isPdf, unreadCounts: this.unreadCounts, playerCommand: this.currentActivePlayerId, secondaryActionsDropdown: this.secondaryActionsDropdown, selected: this.isSelected(item), valuesColor: (_d = this.valuesColor) === null || _d === void 0 ? void 0 : _d.find((e) => (item._id ? e.key === item._id : item.icon ? e.key === item.title : e.key === item)), highlighted: this.entityType === 'lessons' && this.getLessonHighlight(item), hideUIFields: this.hideUIFields })));
     if (index$1.isWeb(this.host) && this.columns && this.columns.length) {
       return this.renderEntityWithColumns(item, content, index$2);
@@ -3019,7 +3085,7 @@ const YooGridComponent = class {
     }
   }
   renderProgress() {
-    return (this.mainProgressValue >= 0 && (index.h("div", { class: "grid-progress" }, index.h("yoo-progress-bar", { class: "app-color", animated: this.animated, metric: "percentage", percentValueColorScheme: false, value: this.total > 0 ? (this.mainProgressValue * 100) / this.total : 0 }))));
+    return (this.mainProgressValue >= 0 && (index.h("div", { class: "grid-progress" }, index.h("yoo-progress-bar", { animated: this.animated, metric: "percentage", percentValueColorScheme: false, value: this.total > 0 ? (this.mainProgressValue * 100) / this.total : 0 }))));
   }
   renderBase() {
     var _a, _b, _c, _d, _e;