npm - @yoobic/yobi - Versions diffs - 8.2.2 → 8.3.0-2 - Mend

@yoobic/yobi 8.2.2 → 8.3.0-2

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 (1373) hide show

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

@@ -2,28 +2,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-fc264952.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-require('./index-e0c3e65b.js');
-const button_factory = require('./button.factory-0133597a.js');
-const index$3 = require('./index-7b6831ef.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const filtersHelpers = require('./filters-helpers-98be04f6.js');
-const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
-const gridRenderers = require('./grid-renderers-3ac73ae6.js');
+require('./index-ace37ae7.js');
+const button_factory = require('./button.factory-a01664d3.js');
+const index$2 = require('./index-af722ca5.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const filtersHelpers = require('./filters-helpers-2b779aac.js');
+const formInputHelpers = require('./form-input-helpers-a2843dc0.js');
+const gridRenderers = require('./grid-renderers-66983c8b.js');
+const overlays = require('./overlays-b6c94fc8.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-1ff4deca.js');
-require('./index-5951fd43.js');
-require('./incentive-helpers-7c50738b.js');
-require('./missions-helpers-a2279e7c.js');
-require('./form-helpers-3480a64b.js');
+require('./index-933cab98.js');
+require('./index-0455f2ed.js');
+require('./incentive-helpers-a7243401.js');
+require('./missions-helpers-210de6b1.js');
+require('./form-helpers-93ee135f.js');
 require('./geolocation-helpers-c499cf4c.js');
 function shouldUseVirtualScroll(user, gridVirtualScrollEnabled, isFramedGrid) {
@@ -33,7 +34,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;--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(.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(.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(.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){overflow:hidden}: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) .container-base{width:100%}:host(.card-feed) .container-base yoo-ion-slides{width:100%}: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(.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;
@@ -141,6 +142,14 @@ const YooGridComponent = class {
     };
     this.items = [];
     this.extraClass = '';
+    this.slidesOptions = {
+      slidesPerView: this.preventSlidePerView() ? 'auto' : 1.2,
+      spaceBetween: 16,
+      slidesOffsetBefore: 15,
+      slidesOffsetAfter: 15,
+      autoplay: false,
+      freeMode: this.slidesFreeMode
+    };
     this.markers = [];
     this.headerDivs = [];
     this.visibleColumns = [];
@@ -151,18 +160,10 @@ const YooGridComponent = class {
     this.itemsSliding = {};
     this.itemOptions = {};
     this.blockUnhoveer = {};
-    this.horizontalSlidesAnim = new index$1.HorizontalSlidesAnimation();
+    this.horizontalSlidesAnim = new overlays.HorizontalSlidesAnimation();
     this.maxPageCount = 0;
     this.itemList = [];
     this.hasBeenFiltered = false;
-    this.slidesOptions = {
-      slidesPerView: this.preventSlidePerView() ? 'auto' : 1.2,
-      spaceBetween: 16,
-      slidesOffsetBefore: 15,
-      slidesOffsetAfter: 15,
-      autoplay: false,
-      freeMode: this.slidesFreeMode
-    };
     this.areItemsDisabled = false;
     this.isSearchBarHidden = false;
     this.columnHeaderElements = [];
@@ -176,16 +177,16 @@ const YooGridComponent = class {
     this.filtersUpdated = false;
     this.filterOptions = [
       {
-        type: index$2.FormFilterAutocompleteOperator.is,
+        type: index$1.FormFilterAutocompleteOperator.is,
         active: true
       },
       {
-        type: index$2.FormFilterAutocompleteOperator.isNot,
+        type: index$1.FormFilterAutocompleteOperator.isNot,
         active: false
       }
     ];
     this.renderVirtualItem = (item, index) => {
-      if (this.hasSecondaryActions || (this.keepSelection && index$1.isWeb(this.host))) {
+      if (this.hasSecondaryActions || (this.keepSelection && overlays.isWeb(this.host))) {
         if (this.showActionsAsMore) {
           return this.renderItemWithMore(item, index);
         }
@@ -199,20 +200,20 @@ const YooGridComponent = class {
     };
   }
   get isShowAdvancedFiltersDisplayedIntoSearch() {
-    return this.showSearch !== false && !index$1.isWeb(this.host) && !this.hideAdvancedFilters;
+    return this.showSearch !== false && !overlays.isWeb(this.host) && !this.hideAdvancedFilters;
   }
   get hasSecondaryActions() {
     var _a;
     return ((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.length) && ['card-list', 'card-inbox', 'card-inbox-ongoing', 'card-notification', 'card-plan', 'card-chat'].includes(this.displayType);
   }
   get formattedTotal() {
-    return index$1.pipes.number.transform(this.total) + (this.total > 0 && this.totalMax && this.totalMax === this.total ? '+' : '');
+    return overlays.pipes.number.transform(this.total) + (this.total > 0 && this.totalMax && this.totalMax === this.total ? '+' : '');
   }
   get showSelectAllFinal() {
     return this.showSelectAll && !(this.isFormField && this.isReadonly);
   }
   onGlobaActionsChange() {
-    this.isSelectionMode = ((this.globalActions && this.globalActions.length > 0) || index$1.isWeb(this.host) || this.isFormField) && this.multiple && !this.blockSelectionMode;
+    this.isSelectionMode = ((this.globalActions && this.globalActions.length > 0) || overlays.isWeb(this.host) || this.isFormField) && this.multiple && !this.blockSelectionMode;
   }
   onCollectionNameChange() {
     this.items = [];
@@ -227,13 +228,13 @@ const YooGridComponent = class {
     }
   }
   onInitialSelectionChanged() {
-    this.selection = [].concat(this.initialSelection || []).filter((value) => index$1.isPresent(value));
+    this.selection = [].concat(this.initialSelection || []).filter((value) => overlays.isPresent(value));
     this.removeUserIdFromSelection();
-    if (!index$1.isWeb(this.host) && this.dynamicOrdering && !this.itemsHaveBeenReordered && !this.isLocal) {
+    if (!overlays.isWeb(this.host) && this.dynamicOrdering && !this.itemsHaveBeenReordered && !this.isLocal) {
       this.itemsHaveBeenReordered = true;
       this.items = this.getOrderedItems();
     }
-    else if (index$1.isWeb(this.host) &&
+    else if (overlays.isWeb(this.host) &&
       this.dynamicOrdering &&
       !this.itemsHaveBeenReordered &&
       !this.isLocal &&
@@ -268,10 +269,6 @@ const YooGridComponent = class {
       }
     }
   }
-  onCurrentPageChanged() {
-    var _a;
-    this.isLocal && this.isAutoComplete && ((_a = this.infiniteScroll) === null || _a === void 0 ? void 0 : _a.complete());
-  }
   onDataChanged(newItems) {
     var _a, _b, _c;
     this.updateItemsSlidingOnUpdate = true;
@@ -373,10 +370,10 @@ const YooGridComponent = class {
     return this.getSelection();
   }
   async forceFieldUpdate(field) {
-    if (field.type === index$2.FormFieldType.address && this.addressAutocomplete) {
+    if (field.type === index$1.FormFieldType.address && this.addressAutocomplete) {
       this.addressAutocomplete.updateValues(field.tmpValues);
     }
-    if (field.type === index$2.FormFieldType.audience) {
+    if (field.type === index$1.FormFieldType.audience) {
       this.updateValues(field.tmpValues, field.tmpTotal, field.gridCurrentSearch);
     }
   }
@@ -403,7 +400,7 @@ const YooGridComponent = class {
       return;
     }
     const items = (this.host.shadowRoot || this.host).querySelectorAll('yoo-ion-item');
-    index$1.safeScrollIntoView(items === null || items === void 0 ? void 0 : items[index]);
+    overlays.safeScrollIntoView(items === null || items === void 0 ? void 0 : items[index]);
   }
   async pullToRefresh(refresher) {
     this.setCurrentPage(0);
@@ -518,7 +515,7 @@ const YooGridComponent = class {
   }
   async getQuery() {
     var _a;
-    return index$1.getAsyncExtraData({
+    return overlays.getAsyncExtraData({
       type: 'grid-query',
       params: {
         collectionName: this.collectionName,
@@ -595,7 +592,7 @@ const YooGridComponent = class {
     this.selection = [].concat(this.initialSelection || []);
     this.removeUserIdFromSelection();
     if (!this.displaySize) {
-      this.displaySize = index$1.isWeb(this.host) ? 'small' : 'medium';
+      this.displaySize = overlays.isWeb(this.host) ? 'small' : 'medium';
     }
     if (this.entityType === 'courses-small') {
       this.slidesOptions.spaceBetween = 10;
@@ -613,7 +610,7 @@ const YooGridComponent = class {
       this.slidesOptions.spaceBetween = 0;
       this.slidesOptions.slidesPerView = 'auto';
     }
-    if (!index$1.isWeb(this.host)) {
+    if (!overlays.isWeb(this.host)) {
       this.setDisplayIcon();
     }
     this.updateGridConfig();
@@ -636,13 +633,13 @@ const YooGridComponent = class {
         this.onTagSelect();
       }
     }
-    if (!index$1.isWeb(this.host)) {
+    if (!overlays.isWeb(this.host)) {
       this.keyboardWillShowListener = this.onKeyboardWillShow.bind(this);
       window.addEventListener('keyboardWillShow', this.keyboardWillShowListener);
       this.keyboardWillHideListener = lodash.debounce(this.onKeyboardWillHide, 500).bind(this);
       window.addEventListener('keyboardWillHide', this.keyboardWillHideListener);
       if (this.isWidget) {
-        index$3.assignPressActions(this.frameContainerEl, this, (ev) => this.onWidgetEdit(ev));
+        index$2.assignPressActions(this.frameContainerEl, this, (ev) => this.onWidgetEdit(ev));
       }
     }
     // Only runs for grids with slides
@@ -661,7 +658,7 @@ const YooGridComponent = class {
     if (!this.markersOnly) {
       this.flyToPosition();
     }
-    if (!index$1.isWeb(this.host)) {
+    if (!overlays.isWeb(this.host)) {
       this.setDisplayIcon();
     }
     this.onForceInputFocused();
@@ -672,7 +669,7 @@ const YooGridComponent = class {
   }
   connectedCallback() {
     if (this.disconnected) {
-      this.horizontalSlidesAnim = new index$1.HorizontalSlidesAnimation();
+      this.horizontalSlidesAnim = new overlays.HorizontalSlidesAnimation();
       this.updateSlides(true);
       this.disconnected = false;
     }
@@ -680,7 +677,7 @@ const YooGridComponent = class {
   disconnectedCallback() {
     this.disconnected = true;
     this.isFirstLoadAfterDisconnect = !this.searchText; // if there is search text we need to requery the data after disconnecting
-    if (!index$1.isWeb(this.host)) {
+    if (!overlays.isWeb(this.host)) {
       window.removeEventListener('keyboardWillShow', this.keyboardWillShowListener);
       window.removeEventListener('keyboardWillHide', this.keyboardWillHideListener);
     }
@@ -691,7 +688,7 @@ const YooGridComponent = class {
   removeUserIdFromSelection() {
     var _a;
     if (this.entityType === 'groups') {
-      this.selection = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(index$1.MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(index$1.MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(index$1.MONGODB_ID_REGEX)); });
+      this.selection = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(overlays.MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(overlays.MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(overlays.MONGODB_ID_REGEX)); });
     }
   }
   setCurrentPage(page) {
@@ -739,7 +736,7 @@ const YooGridComponent = class {
       items = [...selectedItems, ...unselectedItems];
     }
     if (this.isLocal && this.searchText) {
-      items = index$1.filterListByText(items, this.searchText, (_a = this.model) === null || _a === void 0 ? void 0 : _a.fields);
+      items = overlays.filterListByText(items, this.searchText, (_a = this.model) === null || _a === void 0 ? void 0 : _a.fields);
     }
     if (this.entityType === 'emails') {
       let itemsMissingId = [];
@@ -788,7 +785,7 @@ const YooGridComponent = class {
   }
   useVirtualScroll() {
     var _a, _b;
-    return shouldUseVirtualScroll((_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.user, (_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.virtualScrollEnabled, this.isFramed);
+    return shouldUseVirtualScroll((_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.user, (_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.virtualScrollEnabled, this.isFramed);
   }
   transformSelectionToObject(selectedItems) {
     selectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((selectedItem) => {
@@ -1040,7 +1037,7 @@ const YooGridComponent = class {
     }
     else if ((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.displaySubItemsAsSlides) {
       const slideContainers = commonHelpers.querySelectorAllDeep(this.host, 'yoo-ion-slides.sub-item-container');
-      if (!index$1.isAnimationsDisabled() && (slideContainers === null || slideContainers === void 0 ? void 0 : slideContainers.length) > 0) {
+      if (!overlays.isAnimationsDisabled() && (slideContainers === null || slideContainers === void 0 ? void 0 : slideContainers.length) > 0) {
         slideContainers.forEach((slideParent) => {
           const slides = slideParent.querySelectorAll(`yoo-ion-slide${forceAnimation === true ? '' : ':not(.gsap_animated)'}`);
           slides.forEach((el) => {
@@ -1050,7 +1047,7 @@ const YooGridComponent = class {
           });
           if (slides.length > 0 || forceAnimation) {
             slideParent === null || slideParent === void 0 ? void 0 : slideParent.update();
-            new index$1.HorizontalSlidesAnimation().addElements(slides, true);
+            new overlays.HorizontalSlidesAnimation().addElements(slides, true);
           }
         });
       }
@@ -1060,7 +1057,7 @@ const YooGridComponent = class {
     this.keyboardHidden.emit();
   }
   async animateStickySlides(forceAnimation) {
-    if (!index$1.isAnimationsDisabled() && this.slides) {
+    if (!overlays.isAnimationsDisabled() && this.slides) {
       const slides = this.slides.querySelectorAll(`yoo-ion-slide${forceAnimation === true ? '' : ':not(.gsap_animated)'}`);
       slides.forEach((el) => {
         if (el && el.classList && !el.classList.contains('gsap_animated')) {
@@ -1101,7 +1098,7 @@ 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, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
+          overlays.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) {
@@ -1161,8 +1158,8 @@ const YooGridComponent = class {
     else if (this.hasMapFields()) {
       this.mapGeolocField =
         this.mapGeolocField ||
-          ((_c = (_b = this.campaignFields) === null || _b === void 0 ? void 0 : _b.find((f) => index$1.isMapField(f))) === null || _c === void 0 ? void 0 : _c.name) ||
-          ((_f = (_e = (_d = this.customModel) === null || _d === void 0 ? void 0 : _d.formFields) === null || _e === void 0 ? void 0 : _e.find((f) => index$1.isMapField(f) || f.type === index$2.FormFieldType.location)) === null || _f === void 0 ? void 0 : _f.name);
+          ((_c = (_b = this.campaignFields) === null || _b === void 0 ? void 0 : _b.find((f) => overlays.isMapField(f))) === null || _c === void 0 ? void 0 : _c.name) ||
+          ((_f = (_e = (_d = this.customModel) === null || _d === void 0 ? void 0 : _d.formFields) === null || _e === void 0 ? void 0 : _e.find((f) => overlays.isMapField(f) || f.type === index$1.FormFieldType.location)) === null || _f === void 0 ? void 0 : _f.name);
       (_g = this.filteredItems) === null || _g === void 0 ? void 0 : _g.forEach((item, index) => {
         const geoLoc = lodash.get(item, this.mapGeolocField + (this.suffix || '') + '._geoloc');
         if ((geoLoc === null || geoLoc === void 0 ? void 0 : geoLoc.length) === 2) {
@@ -1197,7 +1194,7 @@ const YooGridComponent = class {
     if (this.isFormField && !noLoading) {
       this.isLoading = true;
     }
-    if (this.isAutoComplete && index$1.isWeb(this.host) && this.entityType === 'files' && this.gridIsExpanded) {
+    if (this.isAutoComplete && overlays.isWeb(this.host) && this.entityType === 'files' && this.gridIsExpanded) {
       const minPageSizeForScroll = 36;
       this.pageSize = Math.max(minPageSizeForScroll, this.pageSize);
     }
@@ -1333,19 +1330,19 @@ const YooGridComponent = class {
     if (isBlocked) {
       return;
     }
-    const index$2 = this.findIndex(item);
+    const index$1 = this.findIndex(item);
     let selection;
     if (this.multiple && (!this.isSelectionMode || checkBoxClick || this.isFormField || this.host.classList.contains('force-select') || this.host.classList.contains('autocomplete-selection-mode'))) {
       // make sure at least one item selected when preventNoneSelection is set to trun in multiple selection mode
-      if (((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.preventNoneSelection) && this.multiple && index$2 >= 0 && ((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) === 1) {
+      if (((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.preventNoneSelection) && this.multiple && index$1 >= 0 && ((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) === 1) {
         return;
       }
-      if (index$2 >= 0) {
-        this.selection.splice(index$2, 1);
+      if (index$1 >= 0) {
+        this.selection.splice(index$1, 1);
         this.selection = [...this.selection];
       }
       else {
-        if (index$1.isPresent(this.maxSelectionNumber) && this.maxSelectionNumber >= 0 && this.multiple && this.selection && this.selection.length >= this.maxSelectionNumber) {
+        if (overlays.isPresent(this.maxSelectionNumber) && this.maxSelectionNumber >= 0 && this.multiple && this.selection && this.selection.length >= this.maxSelectionNumber) {
           return;
         }
         this.selection = [...this.selection, item];
@@ -1355,10 +1352,10 @@ const YooGridComponent = class {
       if (this.maxSelectionNumber === 0 && this.selection) {
         return;
       }
-      if (index$2 >= 0 && this.keepSelection && this.disableSingleDeselection) {
+      if (index$1 >= 0 && this.keepSelection && this.disableSingleDeselection) {
         return;
       }
-      else if (index$2 >= 0 && this.keepSelection) {
+      else if (index$1 >= 0 && this.keepSelection) {
         this.selection = [];
       }
       else {
@@ -1372,7 +1369,7 @@ const YooGridComponent = class {
       selection = lodash.compact(this.selection).map((s) => {
         const id = s[this.idAttributeName || '_id'];
         // be aware that sometimes we use the boolean value "false" as the id (for the mission validation states for example), so must test the value is not null or not undefined
-        return index$1.isPresent(id) ? id : s;
+        return overlays.isPresent(id) ? id : s;
       });
     }
     else if (this.isSelectionMode &&
@@ -1392,12 +1389,12 @@ const YooGridComponent = class {
       this.selection &&
       this.selection.length > 0 &&
       !checkBoxClick &&
-      index$1.isWeb(this.host) &&
+      overlays.isWeb(this.host) &&
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('form-choice') &&
       !this.host.classList.contains('force-select');
     if (!this.disconnected &&
-      index$1.isWeb(this.host) &&
+      overlays.isWeb(this.host) &&
       checkBoxClick &&
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('force-select') &&
@@ -1525,7 +1522,7 @@ const YooGridComponent = class {
   }
   onForceInputFocused() {
     var _a;
-    if (this.isAutoComplete && index$1.isWeb(this.host)) {
+    if (this.isAutoComplete && overlays.isWeb(this.host)) {
       (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();
     }
   }
@@ -1584,31 +1581,31 @@ const YooGridComponent = class {
     else {
       retVal = this.filteredItems;
     }
-    retVal = retVal.filter((v) => !index$1.isNullOrUndefined(v));
+    retVal = retVal.filter((v) => !overlays.isNullOrUndefined(v));
     return retVal;
   }
   getAddTagButtonString() {
     var _a;
     if (this.entityType === 'emails') {
-      return index$1.translate('ADDNEWEMAIL');
+      return overlays.translate('ADDNEWEMAIL');
     }
     else if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.id) === 'memos') {
-      return index$1.translate('ADD');
+      return overlays.translate('ADD');
     }
     else {
-      return index$1.translate('ADDAPPROVE');
+      return overlays.translate('ADDAPPROVE');
     }
   }
   getTagDescription() {
     var _a;
     if (this.entityType === 'emails') {
-      return index$1.translate('NEWEMAILFOUNDDESCRIPTION');
+      return overlays.translate('NEWEMAILFOUNDDESCRIPTION');
     }
     else if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.id) === 'memos') {
-      return index$1.translate('NEWTASKFOUNDDESCRIPTION');
+      return overlays.translate('NEWTASKFOUNDDESCRIPTION');
     }
     else {
-      return index$1.translate('NEWVALUEFOUNDDESCRIPTION', { value: this.searchText || '' });
+      return overlays.translate('NEWVALUEFOUNDDESCRIPTION', { value: this.searchText || '' });
     }
   }
   isNewTag() {
@@ -1639,7 +1636,7 @@ const YooGridComponent = class {
         this.fieldFetchCustomData.emit(ev.detail);
       };
       dialogSortsAndFilters.addEventListener('fieldFetchCustomData', fieldFetchCustomDataListener);
-      index$1.showModal(dialogSortsAndFilters, { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts }, 'transparent', 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
+      overlays.showModal(dialogSortsAndFilters, { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts }, 'transparent', 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           this.applySortsAndFilters(ret.data);
           this.filtersUpdated = !this.filtersUpdated;
@@ -1666,7 +1663,7 @@ const YooGridComponent = class {
     }, 500);
   }
   onHideShowSearchBar(ev) {
-    if (index$1.isWeb(this.host) && this.searchContainer) {
+    if (overlays.isWeb(this.host) && this.searchContainer) {
       this.isSearchBarHidden = commonHelpers.hideShowSearchBar(ev, this.searchContainer, this.horizontalScroll, this.isSearchBarHidden);
     }
   }
@@ -1831,7 +1828,7 @@ const YooGridComponent = class {
       });
     });
     const searchData = ev.detail;
-    const formSearch = { field: { type: index$2.FormFieldType.address }, search: searchData, grid: this };
+    const formSearch = { field: { type: index$1.FormFieldType.address }, search: searchData, grid: this };
     this.fieldFetchData.emit(formSearch);
   }
   onAddressChanged(ev) {
@@ -1889,7 +1886,7 @@ const YooGridComponent = class {
     this.selected.emit((_a = ev.detail) === null || _a === void 0 ? void 0 : _a.entity);
   }
   isWebTab() {
-    return index$1.isWeb(this.host) && (this.isPhotosTab() || this.host.classList.contains('history-tab'));
+    return overlays.isWeb(this.host) && (this.isPhotosTab() || this.host.classList.contains('history-tab'));
   }
   isPhotosTab() {
     return this.host.classList.contains('photos-tab');
@@ -1930,13 +1927,13 @@ const YooGridComponent = class {
     if (this.scrollable) {
       list.push('scrollable');
     }
-    if ((((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && index$1.isWeb(this.host)) {
+    if ((((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && overlays.isWeb(this.host)) {
       list.push('columns');
     }
     if (this.isCalendar()) {
       list.push('calendar');
     }
-    if (index$1.isWeb(this.host) && (this.keepSelection || this.multiple)) {
+    if (overlays.isWeb(this.host) && (this.keepSelection || this.multiple)) {
       list.push('keep-selection');
     }
     if (this.extraClass) {
@@ -1957,34 +1954,34 @@ const YooGridComponent = class {
   renderDropdownFormRadio() {
     var _a;
     const formOptions = this.filterOptions.map((filterOption) => filterOption.type);
-    if (index$1.isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
+    if (overlays.isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
       return (index.h("div", { class: "form-radio-container" }, index.h("yoo-form-radio", { options: formOptions, flow: "column", size: "medium", value: this.selectedFilterOperator || formOptions[0], onInputChanged: (ev) => this.onToggleFormRadio(ev) }, formOptions.map((option, index$1) => (index.h("span", { slot: index$1.toString() }, option))))));
     }
   }
   renderSearchInput() {
     var _a, _b, _c;
     return (this.showSearch !== false && [
-      !index$1.isWeb(this.host) && this.shouldRenderToggleSelectAll() && index.h("yoo-button", { class: "select-all", disabled: this.isSelectedToggleView, shape: "circular", fill: "transparent", rippleType: "unbounded", color: this.isSelectAll ? 'app-color' : 'stable', onClick: () => this.onToggleSelectAll() }, index.h("yoo-icon", { name: "select-all", color: this.isSelectAll ? 'app-color' : 'stable' })),
-      (index$1.isWeb(this.host) || this.hideAdvancedFilters || this.showFilters === false) ? null : index.h("yoo-button", { class: "margin-right filters", color: "light", onClick: () => this.onShowFilterAdvanced(), fill: "transparent", shape: "circular", rippleType: "bounded" }, index.h("yoo-icon", { name: "filter", color: "stable", slot: "start", size: "medium" }), this.getActiveFiltersCount() > 0 && (index.h("yoo-badge", { color: "app-color", slot: "end", class: "count floating", text: `${this.getActiveFiltersCount()}` }))),
+      !overlays.isWeb(this.host) && this.shouldRenderToggleSelectAll() && index.h("yoo-button", { class: "select-all", disabled: this.isSelectedToggleView, shape: "circular", fill: "transparent", rippleType: "unbounded", color: this.isSelectAll ? 'app-color' : 'stable', onClick: () => this.onToggleSelectAll() }, index.h("yoo-icon", { name: "select-all", color: this.isSelectAll ? 'app-color' : 'stable' })),
+      (overlays.isWeb(this.host) || this.hideAdvancedFilters || this.showFilters === false) ? null : index.h("yoo-button", { class: "margin-right filters", color: "light", onClick: () => this.onShowFilterAdvanced(), fill: "transparent", shape: "circular", rippleType: "bounded" }, index.h("yoo-icon", { name: "filter", color: "stable", slot: "start", size: "medium" }), this.getActiveFiltersCount() > 0 && (index.h("yoo-badge", { color: "app-color", slot: "end", class: "count floating", text: `${this.getActiveFiltersCount()}` }))),
       index.h("yoo-form-input", { ref: (el) => (this.input = el), debounce: 1200, autocapitalize: "none", autocorrect: "off", disabled: this.isSelectAll, class: {
           search: true,
-          flex: !index$1.isWeb(this.host),
-          web: index$1.isWeb(this.host),
+          flex: !overlays.isWeb(this.host),
+          web: overlays.isWeb(this.host),
           'grid-search': !this.isAutoComplete,
           [((_a = this.gridExtraOptions) === null || _a === void 0 ? void 0 : _a.searchBarCssClass) || '']: true,
           'with-toggle': this.isToggleModeVisible(),
-          'drop-down': this.isAutoComplete && index$1.isWeb(this.host),
+          'drop-down': this.isAutoComplete && overlays.isWeb(this.host),
           'expanded-searchbar': this.gridIsExpanded,
           'no-dropdown-scroll': ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) <= 8,
           empty: !((_c = this.filteredItems) === null || _c === void 0 ? void 0 : _c.length)
-        }, "icon-prefix": "search", size: index$1.isWeb(this.host) ? 'medium' : 'large', value: this.searchText, placeholder: this.searchBarPlaceholder ? index$1.translateMulti(this.searchBarPlaceholder) : index$1.translate('SEARCH'), hideOptional: true, onInputChanged: (ev) => this.onSearchInputChange(ev), onInputFocused: () => this.onSearchInputFocused(), onInputBlurred: () => this.onSearchInputBlurred(), onEnterPressed: (ev) => this.onSearchInputEnterPressed(ev) })
+        }, "icon-prefix": "search", size: overlays.isWeb(this.host) ? 'medium' : 'large', value: this.searchText, placeholder: this.searchBarPlaceholder ? overlays.translateMulti(this.searchBarPlaceholder) : overlays.translate('SEARCH'), hideOptional: true, onInputChanged: (ev) => this.onSearchInputChange(ev), onInputFocused: () => this.onSearchInputFocused(), onInputBlurred: () => this.onSearchInputBlurred(), onEnterPressed: (ev) => this.onSearchInputEnterPressed(ev) })
     ]);
   }
   renderRefresh() {
-    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" })))));
+    return (!this.hideRefreshButton && !this.isReadonly && !this.isLocal && (index.h("yoo-tooltip", { content: overlays.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);
+    return overlays.isWeb(this.host) && !this.isAutoComplete && (this.gridIsExpanded || !this.gridIsExpanded) && (this.showFilters || this.showAdvancedQueryBuilder);
   }
   renderSearch() {
     let actions = [];
@@ -1995,20 +1992,20 @@ const YooGridComponent = class {
     return [
       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: {
+      overlays.isWeb(this.host) && !renderEntityQueryBuilder && index.h("span", { class: "flex" }),
+      overlays.isWeb(this.host) && !renderEntityQueryBuilder && this.renderDisplayMode(),
+      overlays.isWeb(this.host) && !renderEntityQueryBuilder && this.renderRefresh(),
+      !overlays.isWeb(this.host) && (index.h("yoo-items", { class: {
           // 'margin-left': !isWeb(this.host) && this.isToggleModeVisible(),
-          'autocomplete-spacing': !index$1.isWeb(this.host) && this.host.classList.contains('autocomplete') && this.showSelectAllFinal
+          'autocomplete-spacing': !overlays.isWeb(this.host) && this.host.classList.contains('autocomplete') && this.showSelectAllFinal
         }, slot: "end" }, actions
-        .map((a) => index$1.toButton(a, this))
+        .map((a) => overlays.toButton(a, this))
         .map((button) => button_factory.getButton({
         ...button,
         color: button.color || 'stable',
         cssClass: `${button.cssClass || ''}`
-      })), index.h("slot", { name: "search-buttons-before" }), !index$1.isWeb(this.host) && this.isKanban() && this.renderDisplaySize(), this.renderDisplayMode(), !index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.multiple && this.entityType === 'files' && this.renderFileUpload(), index.h("slot", { name: "search-buttons" }))),
-      !index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.renderCustomViews()
+      })), index.h("slot", { name: "search-buttons-before" }), !overlays.isWeb(this.host) && this.isKanban() && this.renderDisplaySize(), this.renderDisplayMode(), !overlays.isWeb(this.host) && !renderEntityQueryBuilder && this.multiple && this.entityType === 'files' && this.renderFileUpload(), index.h("slot", { name: "search-buttons" }))),
+      !overlays.isWeb(this.host) && !renderEntityQueryBuilder && this.renderCustomViews()
     ];
   }
   setDisplayIcon() {
@@ -2057,7 +2054,7 @@ const YooGridComponent = class {
     var _a;
     const buttons = (_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.map((displayType) => ({
       icon: this.getIconFromDisplayType(displayType),
-      text: index$1.translate(displayType.toUpperCase()),
+      text: overlays.translate(displayType.toUpperCase()),
       iconColor: this.displayType === displayType ? 'app-color' : 'stable',
       handler: () => this.onChangeDisplay(displayType)
     }));
@@ -2077,7 +2074,7 @@ const YooGridComponent = class {
       { icon: 'small-without-info', handler: () => this.onKanbanResize('medium'), iconColor: this.displaySize !== 'large' ? 'app-color' : 'stable' },
       { icon: 'large-without-info', handler: () => this.onKanbanResize('large'), iconColor: this.displaySize === 'large' ? 'app-color' : 'stable' }
     ];
-    return (index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYSIZE'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => {
+    return (index.h("yoo-tooltip", { content: overlays.translate('CHANGEDISPLAYSIZE'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => {
         var _a, _b;
         if (((_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.length) > 0) {
           event.target.childNodes[0]['color'] = 'app-color';
@@ -2090,7 +2087,7 @@ const YooGridComponent = class {
       } }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index.h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))));
   }
   onFileSelect(ev) {
-    index$1.getAsyncExtraData({ type: 'file-upload', params: { file: ev.target.files[0], origin: this.origin } }).then(async (ret) => {
+    overlays.getAsyncExtraData({ type: 'file-upload', params: { file: ev.target.files[0], origin: this.origin } }).then(async (ret) => {
       if (ret === null || ret === void 0 ? void 0 : ret.length) {
         this.onFetchData();
         setTimeout(() => {
@@ -2108,7 +2105,7 @@ const YooGridComponent = class {
   }
   renderDisplayMode() {
     var _a, _b;
-    if (index$1.isWeb(this.host) && this.displayType === 'card-media') {
+    if (overlays.isWeb(this.host) && this.displayType === 'card-media') {
       const buttonsResize = [
         {
           icon: 'small-without-info',
@@ -2124,36 +2121,36 @@ const YooGridComponent = class {
         { 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" })))),
-        ((_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())
+        index.h("yoo-tooltip", { content: overlays.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: overlays.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())
       ];
     }
     if (!this.isToggleModeVisible()) {
       return;
     }
     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());
+      return overlays.isWeb(this.host) ? (index.h("yoo-tooltip", { content: overlays.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())) : (this.renderChangeDisplayButtonMobile());
     }
   }
   renderExports() {
-    if (index$1.isWeb(this.host) && this.showExport && this.total > 0) {
+    if (overlays.isWeb(this.host) && this.showExport && this.total > 0) {
       const buttons = [
         {
           icon: 'file-excel',
-          text: index$1.translate('EXCEL'),
+          text: overlays.translate('EXCEL'),
           handler: () => {
             this.exported.emit('xlsx');
           }
         },
         {
           icon: 'file-csv',
-          text: index$1.translate('CSV'),
+          text: overlays.translate('CSV'),
           handler: () => {
             this.exported.emit('csv');
           }
         }
       ];
-      return (index.h("yoo-tooltip", { content: index$1.translate('EXPORT'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttons }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { size: "medium", name: "export", color: "stable" })))));
+      return (index.h("yoo-tooltip", { content: overlays.translate('EXPORT'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttons }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { size: "medium", name: "export", color: "stable" })))));
     }
   }
   renderCustomViews() {
@@ -2164,15 +2161,15 @@ const YooGridComponent = class {
     if (this.floatingFilters) {
       return;
     }
-    const customViewsButtons = ((_b = (_a = this.customViews) === null || _a === void 0 ? void 0 : _a.slice(0, MAX_CUSTOM_VIEWS)) === null || _b === void 0 ? void 0 : _b.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, index$1.getSession(), index$1.getAuthentication(), this.customViewLoaded.emit, this.customViewRemoved.emit, (c) => this.customViewSaved.emit({ view: c, showEditForm: true })))) || [];
-    const moreCustomViewsButtons = ((_d = (_c = this.customViews) === null || _c === void 0 ? void 0 : _c.slice(MAX_CUSTOM_VIEWS)) === null || _d === void 0 ? void 0 : _d.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, index$1.getSession(), index$1.getAuthentication(), this.customViewLoaded.emit, this.customViewRemoved.emit, (c) => this.customViewSaved.emit({ view: c, showEditForm: true })))) || [];
+    const customViewsButtons = ((_b = (_a = this.customViews) === null || _a === void 0 ? void 0 : _a.slice(0, MAX_CUSTOM_VIEWS)) === null || _b === void 0 ? void 0 : _b.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, overlays.getSession(), overlays.getAuthentication(), this.customViewLoaded.emit, this.customViewRemoved.emit, (c) => this.customViewSaved.emit({ view: c, showEditForm: true })))) || [];
+    const moreCustomViewsButtons = ((_d = (_c = this.customViews) === null || _c === void 0 ? void 0 : _c.slice(MAX_CUSTOM_VIEWS)) === null || _d === void 0 ? void 0 : _d.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, overlays.getSession(), overlays.getAuthentication(), this.customViewLoaded.emit, this.customViewRemoved.emit, (c) => this.customViewSaved.emit({ view: c, showEditForm: true })))) || [];
     let buttons = [];
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       buttons = buttons.concat(customViewsButtons || []);
       if ((moreCustomViewsButtons === null || moreCustomViewsButtons === void 0 ? void 0 : moreCustomViewsButtons.length) > 0) {
         buttons.push({
           icon: 'list-view',
-          text: index$1.translate('YOOBICMORE'),
+          text: overlays.translate('YOOBICMORE'),
           separator: true,
           isVisible: () => { var _a; return ((_a = this.customViews) === null || _a === void 0 ? void 0 : _a.length) > 0; },
           subMenu: moreCustomViewsButtons
@@ -2185,7 +2182,7 @@ const YooGridComponent = class {
     buttons = buttons.concat([
       {
         // icon: 'pull-to-refresh',
-        text: index$1.translate('UPDATEVIEW'),
+        text: overlays.translate('UPDATEVIEW'),
         isVisible: () => !!this.customView,
         hasDivider: true,
         handler: () => {
@@ -2194,7 +2191,7 @@ const YooGridComponent = class {
       },
       {
         // icon: 'save',
-        text: index$1.translate('SAVEASNEWVIEW'),
+        text: overlays.translate('SAVEASNEWVIEW'),
         hasDivider: true,
         handler: () => {
           this.customViewSaved.emit(null);
@@ -2202,7 +2199,7 @@ const YooGridComponent = class {
       },
       {
         // icon: 'cross',
-        text: index$1.translate('RESETVIEW'),
+        text: overlays.translate('RESETVIEW'),
         color: 'danger',
         hasDivider: true,
         iconColor: 'danger',
@@ -2216,7 +2213,7 @@ const YooGridComponent = class {
     if (this.forceCustomViewIcon && !this.isAgGrid()) {
       buttons.unshift({
         icon: 'action-plan',
-        text: index$1.translate(this.hideUIFields ? 'SHOWUIFIELDS' : 'HIDEUIFIELDS'),
+        text: overlays.translate(this.hideUIFields ? 'SHOWUIFIELDS' : 'HIDEUIFIELDS'),
         separator: true,
         handler: () => {
           this.hideUIFields = !this.hideUIFields;
@@ -2224,26 +2221,26 @@ const YooGridComponent = class {
         }
       });
     }
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       return [
-        index.h("yoo-tooltip", { content: index$1.translate('SAVEDFILTERSHELP'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttons, class: "customview-menu width-unset" }, index.h("div", { class: "customview-container" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })), index.h("span", { class: { 'customview-title': true, 'app-color': !!this.customView } }, ((_e = this.customView) === null || _e === void 0 ? void 0 : _e.name) || index$1.translate('SAVEDFILTERS')))))
+        index.h("yoo-tooltip", { content: overlays.translate('SAVEDFILTERSHELP'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttons, class: "customview-menu width-unset" }, index.h("div", { class: "customview-container" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })), index.h("span", { class: { 'customview-title': true, 'app-color': !!this.customView } }, ((_e = this.customView) === null || _e === void 0 ? void 0 : _e.name) || overlays.translate('SAVEDFILTERS')))))
       ];
     }
     else if (this.customViewsId) {
-      return (index.h("yoo-button", { slot: "end", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => index$1.showActionSheet(buttons) }, index.h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })));
+      return (index.h("yoo-button", { slot: "end", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => overlays.showActionSheet(buttons) }, index.h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })));
     }
   }
   renderAddressAutocomplete() {
     return [
       this.showSearch && (index.h("yoo-form-autocomplete", { ref: (el) => (this.addressAutocomplete = el), size: "medium" //{isWeb(this.host) ? 'medium' : 'large'}
         ,
-        class: { 'map-locations': true, web: index$1.isWeb(this.host) }, iconPrefix: "pin", multiple: false, isLocal: false, entityType: "googlemaps", displayType: "card-list", emptyState: "map", clearable: false, hideTags: true, onFetchData: (ev) => this.onAddressFetchData(ev), onInputChanged: (ev) => this.onAddressChanged(ev) })),
+        class: { 'map-locations': true, web: overlays.isWeb(this.host) }, iconPrefix: "pin", multiple: false, isLocal: false, entityType: "googlemaps", displayType: "card-list", emptyState: "map", clearable: false, hideTags: true, onFetchData: (ev) => this.onAddressFetchData(ev), onInputChanged: (ev) => this.onAddressChanged(ev) })),
       index.h("span", { class: "flex" }),
       index.h("slot", { name: "search-buttons" }),
-      index$1.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(),
+      overlays.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(),
       this.renderDisplayMode(),
       this.renderCustomViews(),
-      index$1.isWeb(this.host) && this.renderRefresh(),
+      overlays.isWeb(this.host) && this.renderRefresh(),
       this.renderExports()
     ];
   }
@@ -2258,7 +2255,7 @@ const YooGridComponent = class {
   }
   renderToggleSelectAll(useRadio) {
     if (this.shouldRenderToggleSelectAll()) {
-      const content = this.isSelectedToggleView ? index$1.translate('UNTOGGLETOSELECTALL') : index$1.translate('GRIDSELECTALL');
+      const content = this.isSelectedToggleView ? overlays.translate('UNTOGGLETOSELECTALL') : overlays.translate('GRIDSELECTALL');
       if (useRadio) {
         return index.h("div", { class: "select-all-checkbox", onClick: () => this.onToggleSelectAll() }, index.h("yoo-form-checkbox", { onInputChanged: (ev) => ev.stopPropagation(), size: "small", color: "app-color", value: this.isSelectAll }), index.h("span", { class: "title" }, content));
       }
@@ -2275,18 +2272,18 @@ const YooGridComponent = class {
       }, 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) && !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))
+      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, overlays.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" }))), overlays.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateFieldSelect(), overlays.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), overlays.isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), overlays.isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), overlays.isWeb(this.host) && this.renderDisplayMode(), this.renderCustomViews(), overlays.isWeb(this.host) && this.renderRefresh(), overlays.isWeb(this.host) && this.renderExports(), actions.length > 0 && (index.h("yoo-items", { class: { 'margin-left': !overlays.isWeb(this.host) && this.isToggleModeVisible() } }, actions
+      .map((a) => overlays.toButton(a, this))
       .map((button) => button_factory.getButton({
       ...button,
       color: button.color || 'stable',
       cssClass: `${button.cssClass || ''}`
-    })))), index$1.isWeb(this.host) && (index.h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, index.h("slot", { name: "nav-bar-entity-right" }))), index.h("slot", { name: "search-buttons" })));
+    })))), overlays.isWeb(this.host) && (index.h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, index.h("slot", { name: "nav-bar-entity-right" }))), index.h("slot", { name: "search-buttons" })));
   }
   renderEntitySearchTags(renderSearchOrAutocomplete) {
     var _a;
-    const showAdvancedFilters = (!index$1.isWeb(this.host) && this.showSearch !== false) || (index$1.isWeb(this.host) && !!this.model) || this.forceTagFilters;
-    return ((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("yoo-entity-search-tags", { slot: this.hideTags || !this.tags || (this.tags && this.tags.length === 0) ? 'start' : renderSearchOrAutocomplete ? 'content' : '', expandedTags: this.gridIsExpanded, hideTags: this.hideTags || !this.tags || !this.tags.length, sortsAndFilters: this.sortsAndFilters, onFilterAdvanced: () => this.onShowFilterAdvanced(), tags: index$1.isWeb(this.host) && !this.gridIsExpanded ? [] : this.tags, values: this.selectedTags || [], hideAdvancedFilters: !showAdvancedFilters || this.isShowAdvancedFiltersDisplayedIntoSearch, onSelected: (ev) => this.onTagSelect(ev), disabled: this.isSelectAll }));
+    const showAdvancedFilters = (!overlays.isWeb(this.host) && this.showSearch !== false) || (overlays.isWeb(this.host) && !!this.model) || this.forceTagFilters;
+    return ((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (index.h("yoo-entity-search-tags", { slot: this.hideTags || !this.tags || (this.tags && this.tags.length === 0) ? 'start' : renderSearchOrAutocomplete ? 'content' : '', expandedTags: this.gridIsExpanded, hideTags: this.hideTags || !this.tags || !this.tags.length, sortsAndFilters: this.sortsAndFilters, onFilterAdvanced: () => this.onShowFilterAdvanced(), tags: overlays.isWeb(this.host) && !this.gridIsExpanded ? [] : this.tags, values: this.selectedTags || [], hideAdvancedFilters: !showAdvancedFilters || this.isShowAdvancedFiltersDisplayedIntoSearch, onSelected: (ev) => this.onTagSelect(ev), disabled: this.isSelectAll }));
   }
   onTabSelected(ev) {
     this.selectedTab = this.tabs[ev.detail.nextIndex];
@@ -2348,12 +2345,12 @@ const YooGridComponent = class {
   renderTotalHeader() {
     const total = this.getTotalSelected() || 0;
     if ((this.isFormField || this.showGridTotalHeader) && this.showGridTotalHeader !== false && (this.collectionName || this.entityType)) {
-      return index.h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: index$1.isWeb(this.host) } }, index.h("span", { class: "total" }, total), index.h("span", { class: "title" }, index$1.translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
+      return index.h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: overlays.isWeb(this.host) } }, index.h("span", { class: "total" }, total), index.h("span", { class: "title" }, overlays.translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
     }
   }
   renderLinkHeader() {
     if (this.headerLink) {
-      return index.h("yoo-link", { class: "link-header", onClick: () => this.headerLinkHandler ? this.headerLinkHandler() : null }, index.h("span", { innerHTML: index$1.translate(this.headerLink) }));
+      return index.h("yoo-link", { class: "link-header", onClick: () => this.headerLinkHandler ? this.headerLinkHandler() : null }, index.h("span", { innerHTML: overlays.translate(this.headerLink) }));
     }
   }
   renderHeader(renderEntityTags) {
@@ -2361,29 +2358,29 @@ const YooGridComponent = class {
     if ((_b = (_a = this.gridExtraOptions) === null || _a === void 0 ? void 0 : _a.forceSelectAllOptions) === null || _b === void 0 ? void 0 : _b.selectAll) {
       return this.renderSelectAllHeader();
     }
-    const title = index$1.translate(this.heading);
+    const title = overlays.translate(this.heading);
     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.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!overlays.isWeb(this.host) && this.allowCustomTag)) &&
       ((this.filteredItems && this.filteredItems.length > 0) ||
         this.allowCustomTag ||
         this.searchText ||
         this.alwaysRenderTagsAndFilters() ||
         ((_d = this.displayTypes) === null || _d === void 0 ? void 0 : _d.length) > 1 ||
         this.isAgGrid());
-    if ((this.showSearch || this.showFilters) && index$1.isWeb(this.host)) {
+    if ((this.showSearch || this.showFilters) && overlays.isWeb(this.host)) {
       renderSearchOrAutocomplete = true;
     }
     if (this.getActiveFiltersCount()) {
       renderSearchOrAutocomplete = true;
     }
-    if (this.entityType == 'files' && this.isAutoComplete && index$1.isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
+    if (this.entityType == 'files' && this.isAutoComplete && overlays.isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
       renderSearchOrAutocomplete = false;
     }
     return [
       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('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.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() }, overlays.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: overlays.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() }, overlays.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'),
@@ -2392,19 +2389,19 @@ const YooGridComponent = class {
           'questions': (_m = (_l = this.host) === null || _l === void 0 ? void 0 : _l.classList) === null || _m === void 0 ? void 0 : _m.contains('questions'),
           'notifications': (_p = (_o = this.host) === null || _o === void 0 ? void 0 : _o.classList) === null || _p === void 0 ? void 0 : _p.contains('notifications'),
           'form': this.isFormField,
-          'web': index$1.isWeb(this.host),
+          'web': overlays.isWeb(this.host),
           'no-shadow': !!renderSearchOrAutocomplete,
           'search-only': renderSearchOrAutocomplete && !renderEntityTags,
           'transparent': renderEntityTags && !this.hideTags && !renderSearchOrAutocomplete,
           'tags-only': renderEntityTags && !this.hideTags && !renderSearchOrAutocomplete,
           'hide-tags': this.hideTags || !this.tags || !this.tags.length,
           'hide-filters': this.hideAdvancedFilters,
-          'autocomplete': this.isAutoComplete && index$1.isWeb(this.host),
-          'autocomplete-dialog-no-tags': this.isAutoComplete && !index$1.isWeb(this.host) && (!renderEntityTags || ((_q = this.tags) === null || _q === void 0 ? void 0 : _q.length) === 0),
+          'autocomplete': this.isAutoComplete && overlays.isWeb(this.host),
+          'autocomplete-dialog-no-tags': this.isAutoComplete && !overlays.isWeb(this.host) && (!renderEntityTags || ((_q = this.tags) === null || _q === void 0 ? void 0 : _q.length) === 0),
           '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.isReadonly && !this.shouldRenderEntityQueryBuilder() && this.renderToggleSelectAll(true), index.h("slot", { name: "nav-bar-bottom" }))))
+          'expanded-autocomplete': this.isAutoComplete && this.gridIsExpanded && overlays.isWeb(this.host)
+        } }, renderEntityTags && this.renderEntitySearchTags(renderSearchOrAutocomplete), renderSearchOrAutocomplete && (this.isMap() ? this.renderAddressAutocomplete() : this.renderSearch()), index.h("div", { slot: "content", class: "w-100" }, overlays.isWeb(this.host) && !this.isAutoComplete && !this.isReadonly && !this.shouldRenderEntityQueryBuilder() && this.renderToggleSelectAll(true), index.h("slot", { name: "nav-bar-bottom" }))))
     ];
   }
   alwaysRenderTagsAndFilters() {
@@ -2433,13 +2430,13 @@ const YooGridComponent = class {
           'dynamic-ordering-header-container': true,
           'filters-visible': this.showFilters && ((_b = this.tags) === null || _b === void 0 ? void 0 : _b.length) !== 0 && this.tags !== undefined,
           'no-search': !this.showSearch && !this.gridIsExpanded
-        } }, index.h("div", { class: "selected-text" }, `${totalSelected} ${index$1.translate('SELECTED')}`), index.h("div", { class: "dynamic-buttons-container" }, index$1.isWeb(this.host) && !this.gridIsExpanded ? (index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onExpandGrid() }, index$1.translate('EXPAND'))) : null, this.returnQuery && this.multiple && this.showSelectAllFinal && (index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onToggleSelectAll() }, index$1.translate('SELECTALL'))), this.multiple && (index.h("yoo-button", { animated: false, disabled: totalSelected <= 0, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.clearSelection() }, index$1.translate('CLEAR'))))));
+        } }, index.h("div", { class: "selected-text" }, `${totalSelected} ${overlays.translate('SELECTED')}`), index.h("div", { class: "dynamic-buttons-container" }, overlays.isWeb(this.host) && !this.gridIsExpanded ? (index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: overlays.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onExpandGrid() }, overlays.translate('EXPAND'))) : null, this.returnQuery && this.multiple && this.showSelectAllFinal && (index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: overlays.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onToggleSelectAll() }, overlays.translate('SELECTALL'))), this.multiple && (index.h("yoo-button", { animated: false, disabled: totalSelected <= 0, color: "app-color", fill: "transparent", size: overlays.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.clearSelection() }, overlays.translate('CLEAR'))))));
     }
   }
   renderFilesIcons() {
     var _a;
     const iconView = this.displayType === 'card-cell' ? 'list-view' : 'grid-view';
-    if (!this.isReadonly && this.entityType === 'files' && index$1.isWeb(this.host) && this.isAutoComplete) {
+    if (!this.isReadonly && this.entityType === 'files' && overlays.isWeb(this.host) && this.isAutoComplete) {
       return (index.h("div", { class: "file-icons-container" }, !this.gridIsExpanded ? (this.isUploading ? (index.h("yoo-loader", { size: "small" })) : (index.h("yoo-icon", { name: "file-upload", color: "stable", size: "small", onClick: () => this.fileUpload.emit(true) }))) : null, !!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) && index.h("yoo-icon", { name: iconView, class: iconView, color: "stable", size: "small", onClick: () => this.onChangeDisplayMobile() })));
     }
   }
@@ -2448,18 +2445,18 @@ const YooGridComponent = class {
     const showClear = this.isSelectAll && ((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.length) === 0;
     const forceSelectAllIds = ((_d = (_c = (_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.forceSelectAllOptions) === null || _c === void 0 ? void 0 : _c.allIds) === null || _d === void 0 ? void 0 : _d.length) || 0;
     const selectedCount = this.isSelectAll && forceSelectAllIds ? forceSelectAllIds - (((_e = this.selectionRemoved) === null || _e === void 0 ? void 0 : _e.length) || 0) : (_f = this.selection) === null || _f === void 0 ? void 0 : _f.length;
-    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'))));
+    return (index.h("div", { class: "select-all-container" }, index.h("div", { class: "selected-text" }, `${selectedCount || 0} ${overlays.translate('SELECTED')}`), index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: overlays.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onForceSelectAll(showClear) }, overlays.translate(showClear ? 'CLEAR' : 'SELECTALL'))));
   }
   renderEmptyStateButton(customStyle) {
-    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)));
+    const buttonSize = (!this.extraClass && overlays.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() }, overlays.translate(this.emptyStateButtonText)));
   }
   renderEmptyState() {
-    const type = this.emptyState || this.entityType || 'error';
+    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]);
-    const text = index$1.translate(this.emptyStateDescription || index$1.EMPTYSTATE_TEXT_MAP[type] || 'LISTEMPTY');
-    const hasButton = !!this.emptyStateButtonText && !!this.emptyStateHandler && (!index$1.isOffline() || this.emptyAllowOfflineAction);
+    const header = overlays.translate(this.emptyStateHeader || index$1.EMPTYSTATE_TITLE_MAP[type]);
+    const text = overlays.translate(this.emptyStateDescription || index$1.EMPTYSTATE_TEXT_MAP[type] || 'LISTEMPTY');
+    const hasButton = !!this.emptyStateButtonText && !!this.emptyStateHandler && (!overlays.isOffline() || this.emptyAllowOfflineAction);
     const customStyle = this.entityType === 'feeds';
     return [
       index.h("slot", { name: "before" }),
@@ -2491,20 +2488,20 @@ const YooGridComponent = class {
       longitude: -86.05512841352316
     };
     position.zoom = 3;
-    return (index.h("div", { class: "map-scroll-container" }, index.h("yoo-map", { ref: (el) => (this.gridMap = el), isGridMap: true, class: { absolute: index$1.isWeb(this.host), web: index$1.isWeb(this.host) }, markers: this.markers, markersOnly: this.markersOnly, position: position, onSelected: (event) => this.onMarkerSelected(event), onMapLoaded: () => {
+    return (index.h("div", { class: "map-scroll-container" }, index.h("yoo-map", { ref: (el) => (this.gridMap = el), isGridMap: true, class: { absolute: overlays.isWeb(this.host), web: overlays.isWeb(this.host) }, markers: this.markers, markersOnly: this.markersOnly, position: position, onSelected: (event) => this.onMarkerSelected(event), onMapLoaded: () => {
         this.onFetchData();
       }, onMapPositionUpdated: (ev) => this.currentPositionChanged.emit(ev.detail) }), !this.markersOnly && (index.h("yoo-ion-scroll", { class: "horizontal", ref: (el) => (this.mapScroll = el), scrollEvents: true, onIonScroll: (event) => this.onMapScroll(event) }, index.h("div", { class: "entities-container" }, (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => (index.h("div", { class: "entity-container-map", onClick: () => this.onMapEntityClicked(index$1) }, this.renderEntity(item, null, index$1)))))))));
   }
   hasMapFields() {
     var _a, _b, _c;
-    return (((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isMapField(f)).length) > 0 || ((_c = (_b = this.customModel) === null || _b === void 0 ? void 0 : _b.formFields) === null || _c === void 0 ? void 0 : _c.filter((f) => index$1.isMapField(f) || f.type === index$2.FormFieldType.location).length) > 0);
+    return (((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isMapField(f)).length) > 0 || ((_c = (_b = this.customModel) === null || _b === void 0 ? void 0 : _b.formFields) === null || _c === void 0 ? void 0 : _c.filter((f) => overlays.isMapField(f) || f.type === index$1.FormFieldType.location).length) > 0);
   }
   renderMapFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isMapField(f));
+    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isMapField(f));
     return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-autocomplete", { class: "map-field inline", size: "medium" //{isWeb(this.host) ? 'medium' : 'large'}
       ,
-      hideIcon: true, clearable: false, value: this.mapGeolocField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", placeholder: index$1.translate('CHOOSEMAPFIELD'), useTranslate: true, onInputChanged: (ev) => this.onMapFieldChange(ev) }));
+      hideIcon: true, clearable: false, value: this.mapGeolocField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", placeholder: overlays.translate('CHOOSEMAPFIELD'), useTranslate: true, onInputChanged: (ev) => this.onMapFieldChange(ev) }));
   }
   onMapFieldChange(ev) {
     if (ev === null || ev === void 0 ? void 0 : ev.detail) {
@@ -2515,17 +2512,17 @@ const YooGridComponent = class {
   }
   hasDateTimeFields() {
     var _a;
-    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isDateTimeField(f)).length) > 0;
+    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isDateTimeField(f)).length) > 0;
   }
   renderDateFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isDateTimeField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-autocomplete", { class: "date-field inline", size: index$1.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarDateField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", placeholder: index$1.translate('CHOOSEDATEFIELD'), useTranslate: true }));
+    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isDateTimeField(f));
+    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-autocomplete", { class: "date-field inline", size: overlays.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarDateField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", placeholder: overlays.translate('CHOOSEDATEFIELD'), useTranslate: true }));
   }
   renderCalendar() {
     var _a, _b, _c, _d, _e;
     this.calendarDateField =
-      this.calendarDateField || ((_b = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.find((f) => index$1.isDateTimeField(f))) === null || _b === void 0 ? void 0 : _b.name) || ((_e = (_d = (_c = this.customModel) === null || _c === void 0 ? void 0 : _c.formFields) === null || _d === void 0 ? void 0 : _d.find((f) => index$1.isDateTimeField(f))) === null || _e === void 0 ? void 0 : _e.name);
+      this.calendarDateField || ((_b = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.find((f) => overlays.isDateTimeField(f))) === null || _b === void 0 ? void 0 : _b.name) || ((_e = (_d = (_c = this.customModel) === null || _c === void 0 ? void 0 : _c.formFields) === null || _d === void 0 ? void 0 : _d.find((f) => overlays.isDateTimeField(f))) === null || _e === void 0 ? void 0 : _e.name);
     return (index.h("yoo-grid-calendar", { events: this.items, entityType: this.entityType, editable: this.editable && !this.calendarPreventMove, suffix: this.suffix, timeZone: this.calendarTimezone, titleField: this.calendarTitleField, dateField: this.calendarDateField, dateEndField: this.calendarDateEndField, showResourcesView: this.calendarShowResourcesView, calendarDefaultView: this.calendarDefaultView, durationField: this.calendarDurationField, durationFieldUnit: this.calendarDurationFieldUnit, slotDuration: this.calendarSlotDuration, openingHours: this.calendarOpeningHours, expandRows: this.calendarExpandRows, customModel: this.customModel, onDateChanged: (ev) => this.onCalendarDateChanged(ev), onDateSelected: (ev) => this.onCalendarDateSelected(ev), onItemSelected: (ev) => this.onCalendarItemSelected(ev) }, ' '));
   }
   hasKanbanColumnFields() {
@@ -2534,7 +2531,7 @@ const YooGridComponent = class {
   }
   renderKanbanColumnFieldSelect() {
     var _a;
-    return (index.h("yoo-form-autocomplete", { class: "kanban-column-field inline", size: index$1.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.kanbanColumnField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => filtersHelpers.isKanbanColumnField(f)), displayType: "card-list", placeholder: index$1.translate('CHOOSECOLUMNFIELD'), useTranslate: true, onInputChanged: (ev) => this.onKanbanColumnFieldChange(ev) }));
+    return (index.h("yoo-form-autocomplete", { class: "kanban-column-field inline", size: overlays.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.kanbanColumnField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => filtersHelpers.isKanbanColumnField(f)), displayType: "card-list", placeholder: overlays.translate('CHOOSECOLUMNFIELD'), useTranslate: true, onInputChanged: (ev) => this.onKanbanColumnFieldChange(ev) }));
   }
   onKanbanColumnFieldChange(ev) {
     this.kanbanColumnField = ev.detail;
@@ -2556,7 +2553,7 @@ const YooGridComponent = class {
   renderEntityItems(header, headerIndex, lastItemIndex, baseIndex = 0) {
     var _a, _b, _c, _d, _e, _f, _g;
     const items = (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.slice(header.index, lastItemIndex);
-    const itemHeader = ((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.hideHeaderCount) || this.entityType === 'calendarEvents' || this.entityType === 'missions' ? index$1.translateMulti(header.text) : `${index$1.translateMulti(header.text)} - ${items === null || items === void 0 ? void 0 : items.length}`;
+    const itemHeader = ((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.hideHeaderCount) || this.entityType === 'calendarEvents' || this.entityType === 'missions' ? overlays.translateMulti(header.text) : `${overlays.translateMulti(header.text)} - ${items === null || items === void 0 ? void 0 : items.length}`;
     const TagType = ((_c = this.gridExtraOptions) === null || _c === void 0 ? void 0 : _c.collapsible) ? 'yoo-collapsible' : 'div';
     const ItemTagType = ((_d = this.gridExtraOptions) === null || _d === void 0 ? void 0 : _d.displaySubItemsAsSlides) ? 'yoo-ion-slides' : 'div';
     const ItemSlideTagType = ((_e = this.gridExtraOptions) === null || _e === void 0 ? void 0 : _e.displaySubItemsAsSlides) ? 'yoo-ion-slide' : 'div';
@@ -2586,7 +2583,7 @@ const YooGridComponent = class {
             ...ionItemClass(item),
             'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item'),
             'item-visible': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('item-visible')
-          }, disabled: this.areItemsDisabled }, this.renderEntity(item, null, idx)), index$1.isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && (index.h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: this.isSelected(item) ? 'check' : 'circle', color: this.isSelected(item) ? 'app-color' : 'stable' }))));
+          }, disabled: this.areItemsDisabled }, this.renderEntity(item, null, idx)), overlays.isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && (index.h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: this.isSelected(item) ? 'check' : 'circle', color: this.isSelected(item) ? 'app-color' : 'stable' }))));
       }));
     return [
       index.h(TagType, { class: "no-padding", collapsed: this.gridExtraOptions && !(((_g = this.gridExtraOptions) === null || _g === void 0 ? void 0 : _g.expandFirstItem) && headerIndex === 0), slotHeader: true }, this.entityType === 'lessons' && this.displayType === 'card-list' ?
@@ -2622,11 +2619,11 @@ const YooGridComponent = class {
         })
           .filter((i) => i.text);
         return [
-          headers.map((header, index$2, array) => {
+          headers.map((header, index$1, array) => {
             var _a;
-            const end = index$2 === array.length - 1 ? (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length : array[index$2 + 1].index;
+            const end = index$1 === array.length - 1 ? (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length : array[index$1 + 1].index;
             return [
-              index.h("yoo-ion-item-divider", { class: { web: index$1.isWeb(this.host), first: index$2 === 0 } }, index.h("span", { class: "divider-inner" }, header.text)),
+              index.h("yoo-ion-item-divider", { class: { web: overlays.isWeb(this.host), first: index$1 === 0 } }, index.h("span", { class: "divider-inner" }, header.text)),
               index.h("div", { class: "grid-cell" }, this.filteredItems
                 .slice(header.index, end)
                 .map((item, index) => this.renderEntity(item, null, index)), lodash.range(7).map(() => (index.h("yoo-entity", { class: "empty-entity" })))),
@@ -2678,11 +2675,11 @@ const YooGridComponent = class {
       };
       return [
         index.h("slot", { name: "header" }),
-        index$1.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay left ${this.extraClass}` }),
+        overlays.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay left ${this.extraClass}` }),
         index.h("slot", { name: "before" }),
         index.h("yoo-ion-slides", { ref: (el) => (this.slides = el), class: newClass, options: options, onIonSlideTransitionEnd: (ev) => this.onHorizontalSlidingEnd(ev), onIonSlideDidChange: () => this.onIonSlideDidChange() }, (_d = this.filteredItems) === null || _d === void 0 ? void 0 :
           _d.map((item, index$1) => (index.h("yoo-ion-slide", { class: slideClass }, index.h("div", { ref: (el) => (this.itemSlideDiv = el), class: "slide" }, this.renderEntity(item, null, index$1))))), emptySlides),
-        index$1.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay right ${this.extraClass}` }),
+        overlays.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay right ${this.extraClass}` }),
         index.h("slot", { name: "after" })
       ];
     }
@@ -2710,7 +2707,7 @@ const YooGridComponent = class {
             loaded: !this.isLoading,
             'web-photos-tab': this.isPhotosTab(),
             'has-progress': this.progress >= 0 && this.total > 0 && this.isFramed
-          }, ref: (ev) => (this.ionListEl = ev) }, index.h("slot", { name: "header" }), this.hasSecondaryActions || (this.keepSelection && index$1.isWeb(this.host))
+          }, ref: (ev) => (this.ionListEl = ev) }, index.h("slot", { name: "header" }), this.hasSecondaryActions || (this.keepSelection && overlays.isWeb(this.host))
           ? this.getItems().map((item, index) => this.showActionsAsMore
             ? this.renderItemWithMore(item, index)
             : this.renderItemSliding(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index))
@@ -2721,7 +2718,7 @@ const YooGridComponent = class {
       ];
     }
     else if ((this.isLoading || this.isLoading === undefined) && this.isFormField && !this.isLocal) {
-      return index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" });
+      return index.h("yoo-loader", { class: { autocomplete: !overlays.isWeb(this.host), absolute: true }, size: "large" });
     }
     else if ((this.isLoading || this.isLoading === undefined) && !this.isAutoComplete && !this.isLocal && !this.isOffline) {
       // isLoading is undefined until the data is starting to get fetch
@@ -2729,13 +2726,13 @@ const YooGridComponent = class {
     }
     else if (!this.isFramed && !this.allowCustomTag && (this.direction !== 'horizontal' || this.emptyState)) {
       const isEmptyLivePreviewAutocomplete = ((_g = this.items) === null || _g === void 0 ? void 0 : _g.length) === 0 && this.host.classList.contains('live-preview-dropdown');
-      return this.hideEmptyState ? (index.h("slot", { name: "emptystate" })) : this.isAutoComplete && !this.allowCustomTag && this.isLoading && !isEmptyLivePreviewAutocomplete ? (index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" })) : ([index.h("slot", { name: "header" }), this.renderEmptyState()]);
+      return this.hideEmptyState ? (index.h("slot", { name: "emptystate" })) : this.isAutoComplete && !this.allowCustomTag && this.isLoading && !isEmptyLivePreviewAutocomplete ? (index.h("yoo-loader", { class: { autocomplete: !overlays.isWeb(this.host), absolute: true }, size: "large" })) : ([index.h("slot", { name: "header" }), this.renderEmptyState()]);
     }
     else if (this.isFramed && !this.isCompact && !this.allowCustomTag) {
-      return this.isAutoComplete && !this.allowCustomTag && this.isLoading ? (index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" })) : (this.renderEmptyState());
+      return this.isAutoComplete && !this.allowCustomTag && this.isLoading ? (index.h("yoo-loader", { class: { autocomplete: !overlays.isWeb(this.host), absolute: true }, size: "large" })) : (this.renderEmptyState());
     }
     else if (this.allowCustomTag && !this.host.classList.contains('empty-tags') && !this.host.classList.contains('empty')) {
-      return index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" });
+      return index.h("yoo-loader", { class: { autocomplete: !overlays.isWeb(this.host), absolute: true }, size: "large" });
     }
   }
   renderVirtualScroll() {
@@ -2759,7 +2756,7 @@ const YooGridComponent = class {
     ];
   }
   renderColumns(entry, itemIndex) {
-    if (!this.columns || !this.columns.length || !index$1.isWeb(this.host)) {
+    if (!this.columns || !this.columns.length || !overlays.isWeb(this.host)) {
       return;
     }
     const hiddenColumnButtons = this.getColumnHeaderHiddenButtons();
@@ -2790,11 +2787,11 @@ const YooGridComponent = class {
     if (this.forceAddNewTag || (this.allowCustomTag && (this.items ? this.items.length < 6 : null) && this.isNewTag() && this.searchText && this.searchText.length > 0)) {
       const searchText = this.forceAddNewTag ? `"${this.addNewTagText}"` : `"${this.searchText}"`;
       return (searchText &&
-        searchText !== '""' && (index.h("div", { class: { 'empty-new-tag': true, 'add-tag-mobile': !index$1.isWeb(this.host) } }, index.h("div", { class: "text-container" }, this.getTagDescription()), index.h("div", { class: "add-tag-button-container" }, index.h("yoo-button", { color: "app-color", disabled: this.isLoading || !this.searchText, size: index$1.isWeb(this.host) ? 'medium' : 'large', onClick: (ev) => this.onAddNewTag(ev) }, this.getAddTagButtonString())))));
+        searchText !== '""' && (index.h("div", { class: { 'empty-new-tag': true, 'add-tag-mobile': !overlays.isWeb(this.host) } }, index.h("div", { class: "text-container" }, this.getTagDescription()), index.h("div", { class: "add-tag-button-container" }, index.h("yoo-button", { color: "app-color", disabled: this.isLoading || !this.searchText, size: overlays.isWeb(this.host) ? 'medium' : 'large', onClick: (ev) => this.onAddNewTag(ev) }, this.getAddTagButtonString())))));
     }
   }
   presentActionSheet(actions, item) {
-    index$1.showActionSheet(actions.map((a) => ({
+    overlays.showActionSheet(actions.map((a) => ({
       icon: a.icon ? a.icon(item) : null,
       text: a.text ? a.text(item) : null,
       handler: () => (a.handler ? a.handler(item) : null)
@@ -2812,23 +2809,23 @@ const YooGridComponent = class {
         'item-visible': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('item-visible')
       }, disabled: this.areItemsDisabled }, this.renderEntity(item, index$1 === this.getItems().length - 1 && (index$1 > 1 || this.isFramed), index$1)));
   }
-  renderItemWithMore(item, index$2) {
+  renderItemWithMore(item, index$1) {
     var _a, _b;
     const actions = this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(item) : true));
-    return (index.h("yoo-ion-item", { key: item[this.idAttributeName || '_id'], lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'draggable': this.allowDragging, 'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item') } }, this.renderEntity(item, null, index$2), actions.length && !index$1.isWeb(this.host) && (index.h("div", { class: "more-container", onClick: () => this.presentActionSheet(actions, item) }, index.h("yoo-icon", { name: "more", color: "stable" }))), actions.length && index$1.isWeb(this.host) && (index.h("div", { class: "more-container" }, index.h("yoo-context-menu", { contentButtons: actions.map((a) => ({
+    return (index.h("yoo-ion-item", { key: item[this.idAttributeName || '_id'], lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'draggable': this.allowDragging, 'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item') } }, this.renderEntity(item, null, index$1), actions.length && !overlays.isWeb(this.host) && (index.h("div", { class: "more-container", onClick: () => this.presentActionSheet(actions, item) }, index.h("yoo-icon", { name: "more", color: "stable" }))), actions.length && overlays.isWeb(this.host) && (index.h("div", { class: "more-container" }, index.h("yoo-context-menu", { contentButtons: actions.map((a) => ({
         text: a.text(item),
         handler: () => a.handler(item)
       })), onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { name: "more", color: "stable" }))))));
   }
-  renderItemSliding(item, isLast = false, index$2) {
+  renderItemSliding(item, isLast = false, index$1) {
     var _a, _b, _c, _d;
     const actions = (_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((a) => (a.isVisible ? a.isVisible(item, this) : true)).filter((a) => (a.showInSliding ? a.showInSliding(item) : true));
-    const slidingType = index$1.isWeb(this.host) ? itemSliding_interface.ItemSlidingType.hover : itemSliding_interface.ItemSlidingType.swipe;
-    const itemSlidingStyle = this.secondaryActionsDropdown ? { position: 'relative', 'z-index': `${((_b = this.filteredItems) === null || _b === void 0 ? void 0 : _b.length) - index$2}` } : {};
+    const slidingType = overlays.isWeb(this.host) ? itemSliding_interface.ItemSlidingType.hover : itemSliding_interface.ItemSlidingType.swipe;
+    const itemSlidingStyle = this.secondaryActionsDropdown ? { position: 'relative', 'z-index': `${((_b = this.filteredItems) === null || _b === void 0 ? void 0 : _b.length) - index$1}` } : {};
     const hasMoreButton = (actions === null || actions === void 0 ? void 0 : actions.length) > 3;
-    const itemSlidingId = item[this.idAttributeName || '_id'] || `${index$2}`;
+    const itemSlidingId = item[this.idAttributeName || '_id'] || `${index$1}`;
     this.blockUnhoveer[itemSlidingId] = false;
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       setTimeout(() => this.enableWebOptionsContainers(), 1000);
     }
     return (index.h("yoo-ion-item-sliding", { key: itemSlidingId, itemSlidingType: slidingType, onIonDrag: async () => {
@@ -2838,22 +2835,22 @@ 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 === 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: () => {
+      } }, 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$1)), ((actions === null || actions === void 0 ? void 0 : actions.length) > 0 && !this.secondaryActionsDropdown) || (overlays.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 === 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) => {
+      } }, index.h("div", { class: { 'options-container': true, 'force-opacity': this.isSelectionMode || this.keepSelection, visible: this.displayActionsOnCard, web: overlays.isWeb(this.host) }, onClick: () => this.onItemSelect(item) }, !overlays.isWeb(this.host) && (actions === null || actions === void 0 ? void 0 : actions.slice(0, hasMoreButton ? 2 : actions.length).map((action) => action && this.renderMobileItemOptionButtons(action, item))), !overlays.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));
+      } }, index.h("yoo-icon", { name: "more" }), index.h("span", { class: "text-action" }, overlays.translate('YOOBICMORE')))), overlays.isWeb(this.host) && this.renderWebItemOptionButtons(actions, item, index$1)), overlays.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));
   }
   getColumnHeaderHiddenButtons() {
     const hiddenColumnButtons = this.columns
       .filter((column) => column.hidden && this.visibleColumns.indexOf(column) < 0)
       .map((column) => {
       return {
-        text: index$1.translate(column.title),
+        text: overlays.translate(column.title),
         handler: () => {
           this.showColumn(column);
         }
@@ -2869,7 +2866,7 @@ const YooGridComponent = class {
   }
   hasColumnsHeader() {
     var _a, _b;
-    return (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && index$1.isWeb(this.host) && !((_b = this.extraClass) === null || _b === void 0 ? void 0 : _b.includes('hide-main-column-header'));
+    return (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && overlays.isWeb(this.host) && !((_b = this.extraClass) === null || _b === void 0 ? void 0 : _b.includes('hide-main-column-header'));
   }
   getLessonHighlight(item) {
     return item.highlighted;
@@ -2882,11 +2879,11 @@ const YooGridComponent = class {
       return (index.h("div", { class: { 'title-container': true, 'with-more': hiddenColumnButtons.length > 0 } }, index.h("div", { class: "heading-title", ref: (el) => (this.headingTitle = el) }, (this.hideTotal || this.total < 0
         ? ''
         : (this.isSelectionMode || this.isFormField ? (totalSelected >= 0 ? totalSelected.toLocaleString() + '/' : '') : '') +
-          (Math.max(totalSelected, this.total || 0).toLocaleString() + ' ')) + index$1.translate(this.mainColumnHeader)), index.h("div", { class: "columns-title-container" }, (_a = this.columns) === null || _a === void 0 ? void 0 :
+          (Math.max(totalSelected, this.total || 0).toLocaleString() + ' ')) + overlays.translate(this.mainColumnHeader)), index.h("div", { class: "columns-title-container" }, (_a = this.columns) === null || _a === void 0 ? void 0 :
         _a.filter((column) => !column.hidden || this.visibleColumns.indexOf(column) >= 0).map((column, columnIndex) => {
           const classList = { 'column-header': true };
           classList[column.title.toLowerCase()] = true;
-          return (index.h("div", { style: { 'min-width': `${column.width}px`, 'max-width': `${column.width}px` }, class: classList, ref: (el) => (this.columnHeaderElements[columnIndex] = el) }, this.renderResizeBorder(columnIndex), index.h("div", { class: "column-header-content" }, column.hidden && index.h("yoo-icon", { name: "close", size: "small", onClick: () => this.hideColumn(column) }), index.h("div", { class: "truncate", innerHTML: index$1.translate(column.title) }))));
+          return (index.h("div", { style: { 'min-width': `${column.width}px`, 'max-width': `${column.width}px` }, class: classList, ref: (el) => (this.columnHeaderElements[columnIndex] = el) }, this.renderResizeBorder(columnIndex), index.h("div", { class: "column-header-content" }, column.hidden && index.h("yoo-icon", { name: "close", size: "small", onClick: () => this.hideColumn(column) }), index.h("div", { class: "truncate", innerHTML: overlays.translate(column.title) }))));
         }), hiddenColumnButtons.length > 0 && (index.h("yoo-context-menu", { class: "column-header", contentButtons: hiddenColumnButtons }, index.h("yoo-icon", { size: "medium", name: "more", color: "stable" }))))));
     }
   }
@@ -2915,7 +2912,7 @@ const YooGridComponent = class {
     }
   }
   renderWebItemOptionButton(action, item) {
-    return ((!action.forceInMoreMenu || !action.forceInMoreMenu(item)) && (index.h("yoo-button", { color: action.color ? action.color() : 'light', size: "medium", onClick: (ev) => this.onItemOptionSelect(action, item, ev) }, this.displayActionsOnCard && action.icon && index.h("yoo-icon", { size: "small", name: action.icon(item) }), this.displayActionsOnCard && (action === null || action === void 0 ? void 0 : action.icon(item)) ? null : index$1.translate(action.text(item)))));
+    return ((!action.forceInMoreMenu || !action.forceInMoreMenu(item)) && (index.h("yoo-button", { color: action.color ? action.color() : 'light', size: "medium", onClick: (ev) => this.onItemOptionSelect(action, item, ev) }, this.displayActionsOnCard && action.icon && index.h("yoo-icon", { size: "small", name: action.icon(item) }), this.displayActionsOnCard && (action === null || action === void 0 ? void 0 : action.icon(item)) ? null : overlays.translate(action.text(item)))));
   }
   renderWebItemOptionButtons(actions, item, index$1) {
     const maxDisplay = this.displayActionsOnCard ? 3 : 2;
@@ -2946,7 +2943,7 @@ const YooGridComponent = class {
     return (index.h("button", { onClick: (ev) => {
         this.onItemOptionSelect(action, item, ev);
         this.closeItemsSliding();
-      }, class: action.cssClass ? action.cssClass(item) : '' }, action.icon ? index.h("yoo-icon", { name: action.icon(item), color: ((_a = action.iconColor) === null || _a === void 0 ? void 0 : _a.call(action, item)) || 'light' }) : null, action.text ? index.h("span", { class: "text-action" }, index$1.translate(action.text(item))) : null));
+      }, class: action.cssClass ? action.cssClass(item) : '' }, action.icon ? index.h("yoo-icon", { name: action.icon(item), color: ((_a = action.iconColor) === null || _a === void 0 ? void 0 : _a.call(action, item)) || 'light' }) : null, action.text ? index.h("span", { class: "text-action" }, overlays.translate(action.text(item))) : null));
   }
   onItemOptionSelect(action, item, ev) {
     if (ev) {
@@ -2956,13 +2953,13 @@ const YooGridComponent = class {
       action.handler(item);
     }
     if (this.useVirtualScroll()) {
-      index$1.dispatchCustomEvent('itemHeightUpdated', ev === null || ev === void 0 ? void 0 : ev.srcElement);
+      overlays.dispatchCustomEvent('itemHeightUpdated', ev === null || ev === void 0 ? void 0 : ev.srcElement);
     }
   }
   renderEntityWithColumns(item, entityContent, itemIndex) {
     return (index.h("div", { class: "entity-container" }, index.h("div", { class: "left-container", ref: (el) => (this.leftContainers[itemIndex] = el) }, entityContent), this.renderColumns(item, itemIndex)));
   }
-  renderEntity(item, isLast = false, index$2) {
+  renderEntity(item, isLast = false, index$1) {
     var _a, _b, _c, _d;
     const content = (index.h("div", { class: {
         'entity-inner-container': true,
@@ -2978,7 +2975,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, entityMapping: this.entityMapping, 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$1, entityMapping: this.entityMapping, onViewMoreToggled: (ev) => {
         ev.stopPropagation();
         this.viewMoreToggled.emit(item);
       }, onMediaSelected: (ev) => {
@@ -3001,7 +2998,7 @@ const YooGridComponent = class {
         'no-kpi': this.hasNoKpi(item),
         'no-text-break': this.host.classList.contains('no-text-break'),
         'show-bookmark': this.host.classList.contains('show-bookmark') || ((_c = this.extraClass) === null || _c === void 0 ? void 0 : _c.includes('show-bookmark')),
-        'no-border': index$1.isWeb(this.host) && !this.isFramed,
+        'no-border': overlays.isWeb(this.host) && !this.isFramed,
         'autocomplete': this.host.classList.contains('autocomplete'),
         'search-entity': this.host.classList.contains('entity-search'),
         'selection-mode': this.host.classList.contains('autocomplete-selection-mode'),
@@ -3011,8 +3008,8 @@ const YooGridComponent = class {
         '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);
+    if (overlays.isWeb(this.host) && this.columns && this.columns.length) {
+      return this.renderEntityWithColumns(item, content, index$1);
     }
     return content;
   }
@@ -3021,11 +3018,11 @@ const YooGridComponent = class {
     return ((!this.isLocal || ((_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length) < ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length)) &&
       !this.isFramed &&
       this.entityType !== 'googlemaps' &&
-      (this.loadMoreButton ? (index.h("yoo-button", { fill: "transparent", color: "text-color", animated: false, onClick: () => this.onInfiniteScroll() }, index$1.translate('LOADMORE'))) : (index.h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScroll = el), onIonInfinite: (ev) => this.onInfiniteScroll(ev), disabled: this.infiniteScrollDisabled }, index.h("yoo-ion-infinite-scroll-content", null)))));
+      (this.loadMoreButton ? (index.h("yoo-button", { fill: "transparent", color: "text-color", animated: false, onClick: () => this.onInfiniteScroll() }, overlays.translate('LOADMORE'))) : (index.h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScroll = el), onIonInfinite: (ev) => this.onInfiniteScroll(ev), disabled: this.infiniteScrollDisabled }, index.h("yoo-ion-infinite-scroll-content", null)))));
   }
   renderPlaceholders() {
     if (this.direction === 'horizontal') {
-      return (index.h("yoo-ion-scroll", { class: { horizontal: true, relative: !index$1.isFirefox() } }, index.h("div", { class: 'entity-placeholder ' + this.extraClass }, this.renderPlaceholderContent(true))));
+      return (index.h("yoo-ion-scroll", { class: { horizontal: true, relative: !overlays.isFirefox() } }, index.h("div", { class: 'entity-placeholder ' + this.extraClass }, this.renderPlaceholderContent(true))));
     }
     else {
       return (index.h("div", { class: "list-container" }, index.h("yoo-ion-list", { class: 'body-container ' + this.displayType }, this.renderPlaceholderContent())));
@@ -3053,12 +3050,12 @@ const YooGridComponent = class {
   renderGlobalActions() {
     const numberOfSelectedItems = this.getSelectionCount();
     if (numberOfSelectedItems > 0) {
-      const message = index$1.translate(numberOfSelectedItems === 1 ? 'SELECTEDITEMSSINGLE' : 'SELECTEDITEMS', { n: '' });
+      const message = overlays.translate(numberOfSelectedItems === 1 ? 'SELECTEDITEMSSINGLE' : 'SELECTEDITEMS', { n: '' });
       const extraButtons = [
         ...(this.globalActions || []),
         {
           icon: () => 'cross',
-          text: () => index$1.translate('CLOSE'),
+          text: () => overlays.translate('CLOSE'),
           handler: () => {
             this.clearSelection(true);
             this.updateSelectAll(false);
@@ -3082,7 +3079,7 @@ const YooGridComponent = class {
       index.h("slot", { name: "before-scroll" }),
       index.h("yoo-ion-scroll", { slotName: "grid-content-slot" // set a name to fix "A problem repeatedly occurred with..." on Safari
         ,
-        class: { 'no-scrollbar': !index$1.isWeb(this.host) && !index$1.isForceScrollbar(), relative: isRelative, empty: isEmpty }, scrollEvents: true, onHideTabbar: (ev) => this.onHideShowSearchBar(ev), onIonScroll: (ev) => ev.stopPropagation() }, index.h("div", { class: "grid-content-slot", slot: "grid-content-slot" }, this.renderContent()))
+        class: { 'no-scrollbar': !overlays.isWeb(this.host) && !overlays.isForceScrollbar(), relative: isRelative, empty: isEmpty }, scrollEvents: true, onHideTabbar: (ev) => this.onHideShowSearchBar(ev), onIonScroll: (ev) => ev.stopPropagation() }, index.h("div", { class: "grid-content-slot", slot: "grid-content-slot" }, this.renderContent()))
     ]) : (this.renderContent());
   }
   updateMainProgress() {
@@ -3095,21 +3092,21 @@ const YooGridComponent = class {
   }
   renderBase() {
     var _a, _b, _c, _d, _e;
-    const renderEntityTags = (!index$1.isWeb(this.host) || (this.gridIsExpanded && (((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_c = (_b = this.model) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0))) &&
+    const renderEntityTags = (!overlays.isWeb(this.host) || (this.gridIsExpanded && (((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_c = (_b = this.model) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0))) &&
       this.isTagsVisible() &&
       ((this.items && this.items.length > 0) || this.hasSortsAndFilters() || this.alwaysRenderTagsAndFilters() || this.isAgGrid()) &&
       !this.host.classList.contains('learning-manager') && !this.host.classList.contains('course-info');
     return [
       this.showProgress && this.progressHandler && this.renderProgress(),
-      index.h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (index.h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_d = this.tags) === null || _d === void 0 ? void 0 : _d.length) === 0, 'form-radio-operators': this.showFormRadio } }, this.showFormRadio && this.renderDropdownFormRadio(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && index.h("slot", { name: "header" }), (((_e = this.columns) === null || _e === void 0 ? void 0 : _e.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && index$1.isWeb(this.host) && !this.isMap() ? (index.h("div", { class: "horizontal-scroll-parent" }, index.h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, index.h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
-      index$1.isWeb(this.host) && this.showGlobalActions && this.isSelectionMode && this.renderGlobalActions()
+      index.h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (index.h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_d = this.tags) === null || _d === void 0 ? void 0 : _d.length) === 0, 'form-radio-operators': this.showFormRadio } }, this.showFormRadio && this.renderDropdownFormRadio(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && index.h("slot", { name: "header" }), (((_e = this.columns) === null || _e === void 0 ? void 0 : _e.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && overlays.isWeb(this.host) && !this.isMap() ? (index.h("div", { class: "horizontal-scroll-parent" }, index.h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, index.h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
+      overlays.isWeb(this.host) && this.showGlobalActions && this.isSelectionMode && this.renderGlobalActions()
     ];
   }
   renderTile() {
-    return (index.h("yoo-widget-tile", { layout: "layout6x6", text: index$1.translate(this.heading), onClick: () => this.onHeadingClick() }, this.isWidget && index$1.isWeb(this.host) && (index.h("div", { class: "tile icon-container", onClick: (ev) => this.onWidgetEdit(ev) }, index.h("yoo-icon", { name: "more", size: "small", color: "stable" }))), this.total > 0 && !this.hideTotal && index.h("yoo-badge", { class: "tile", size: "extra-small", color: "app-color", shape: "circle", text: this.formattedTotal })));
+    return (index.h("yoo-widget-tile", { layout: "layout6x6", text: overlays.translate(this.heading), onClick: () => this.onHeadingClick() }, this.isWidget && overlays.isWeb(this.host) && (index.h("div", { class: "tile icon-container", onClick: (ev) => this.onWidgetEdit(ev) }, index.h("yoo-icon", { name: "more", size: "small", color: "stable" }))), this.total > 0 && !this.hideTotal && index.h("yoo-badge", { class: "tile", size: "extra-small", color: "app-color", shape: "circle", text: this.formattedTotal })));
   }
   renderBaseFramed() {
-    return (index.h("div", { ref: (el) => (this.frameContainerEl = el), class: { 'frame-container': true, web: index$1.isWeb(this.host) } }, this.frameSize !== 'small' && this.renderBase(), this.frameSize === 'small' && this.renderTile()));
+    return (index.h("div", { ref: (el) => (this.frameContainerEl = el), class: { 'frame-container': true, web: overlays.isWeb(this.host) } }, this.frameSize !== 'small' && this.renderBase(), this.frameSize === 'small' && this.renderTile()));
   }
   render() {
     var _a;
@@ -3141,7 +3138,6 @@ const YooGridComponent = class {
     "model": ["onModelChange"],
     "initialSelection": ["onInitialSelectionChanged"],
     "initialQuery": ["onInitialQueryChange"],
-    "currentPage": ["onCurrentPageChanged"],
     "items": ["onDataChanged"],
     "gridConfig": ["onGridConfigUpdate"],
     "search": ["onSearchUpdate"]