@yoobic/yobi 8.2.3 → 8.2.4

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 (5) hide show
  1. package/dist/cjs/yoo-ion-modal.cjs.entry.js +1 -1
  2. package/dist/collection/components/2.molecules/modal/modal.css +1 -1
  3. package/dist/design-system/yoo-ion-modal.entry.js +1 -1
  4. package/dist/esm/yoo-ion-modal.entry.js +1 -1
  5. package/package.json +1 -1
package/dist/cjs/yoo-ion-modal.cjs.entry.js CHANGED
@@ -45,7 +45,7 @@ function detachComponent(delegate, element) {
45
45
  return Promise.resolve();
46
46
  }
47
47
 
48
- const modalCss = ".bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color, #5a30f4) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #ffc043) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #d84c96) !important}.info.sc-yoo-ion-modal{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight.sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight.sc-yoo-ion-modal{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ed6e33) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood.sc-yoo-ion-modal{background-color:var(--wood, #99644c) !important}.wood.sc-yoo-ion-modal{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 7rem);margin:0 auto;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:var(--spacing-48, 3rem) !important;width:100%;max-height:inherit}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.preview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 20rem);height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:0}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{right:auto;left:0;width:24.5rem}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:75vw}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:var(--border-radius-16, 1rem) var(--border-radius-16, 1rem) 0 0}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:104px;right:0;bottom:0;left:inherit;width:calc(100% - 25rem - 15rem);max-height:initial;border-radius:0}.right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:40rem;-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))}.right-panel.location-missions.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(75vw - 25rem)}.right-panel.location-missions.extra-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:273px}.floating.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.floating.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0;-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))}.menu-collapsed .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem - 4.5rem)}.menu-collapsed .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:40rem}.page-expanded .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem)}.page-expanded .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:44.5rem}.webpart.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:fixed}.webpart.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:fixed;max-width:calc(100% - 7rem);max-height:calc(100% - 7rem)}.webpart.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-width:100%;max-height:100%}";
48
+ const modalCss = ".bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color, #5a30f4) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #ffc043) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #d84c96) !important}.info.sc-yoo-ion-modal{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight.sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight.sc-yoo-ion-modal{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ed6e33) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood.sc-yoo-ion-modal{background-color:var(--wood, #99644c) !important}.wood.sc-yoo-ion-modal{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 7rem);margin:0 auto;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:var(--spacing-48, 3rem) !important;width:100%;max-height:inherit}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.preview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 20rem);height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:0}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{right:auto;left:0;width:24.5rem}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:75vw}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:var(--border-radius-16, 1rem) var(--border-radius-16, 1rem) 0 0}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h:not(.emulate-preview)>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:104px;right:0;bottom:0;left:inherit;width:calc(100% - 25rem - 15rem);max-height:initial;border-radius:0}.right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:40rem;-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))}.right-panel.location-missions.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(75vw - 25rem)}.right-panel.location-missions.extra-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:273px}.floating.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.floating.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0;-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))}.menu-collapsed .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem - 4.5rem)}.menu-collapsed .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:40rem}.page-expanded .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem)}.page-expanded .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:44.5rem}.webpart.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:fixed}.webpart.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:fixed;max-width:calc(100% - 7rem);max-height:calc(100% - 7rem)}.webpart.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-width:100%;max-height:100%}";
49
49
 
50
50
  const LIFECYCLE_MAP = {
51
51
  ionModalDidPresent: 'ionViewDidEnter',
package/dist/collection/components/2.molecules/modal/modal.css CHANGED
@@ -595,7 +595,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
595
595
  display: none;
596
596
  }
597
597
 
598
- :host(.fixed-pos) > .modal-wrapper {
598
+ :host(.fixed-pos:not(.emulate-preview)) > .modal-wrapper {
599
599
  position: fixed;
600
600
  }
601
601
 
package/dist/design-system/yoo-ion-modal.entry.js CHANGED
@@ -41,7 +41,7 @@ function detachComponent(delegate, element) {
41
41
  return Promise.resolve();
42
42
  }
43
43
 
44
- const modalCss = ".bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color, #5a30f4) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #ffc043) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #d84c96) !important}.info.sc-yoo-ion-modal{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight.sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight.sc-yoo-ion-modal{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ed6e33) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood.sc-yoo-ion-modal{background-color:var(--wood, #99644c) !important}.wood.sc-yoo-ion-modal{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 7rem);margin:0 auto;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:var(--spacing-48, 3rem) !important;width:100%;max-height:inherit}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.preview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 20rem);height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:0}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{right:auto;left:0;width:24.5rem}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:75vw}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:var(--border-radius-16, 1rem) var(--border-radius-16, 1rem) 0 0}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:104px;right:0;bottom:0;left:inherit;width:calc(100% - 25rem - 15rem);max-height:initial;border-radius:0}.right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:40rem;-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))}.right-panel.location-missions.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(75vw - 25rem)}.right-panel.location-missions.extra-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:273px}.floating.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.floating.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0;-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))}.menu-collapsed .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem - 4.5rem)}.menu-collapsed .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:40rem}.page-expanded .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem)}.page-expanded .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:44.5rem}.webpart.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:fixed}.webpart.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:fixed;max-width:calc(100% - 7rem);max-height:calc(100% - 7rem)}.webpart.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-width:100%;max-height:100%}";
44
+ const modalCss = ".bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color, #5a30f4) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #ffc043) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #d84c96) !important}.info.sc-yoo-ion-modal{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight.sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight.sc-yoo-ion-modal{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ed6e33) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood.sc-yoo-ion-modal{background-color:var(--wood, #99644c) !important}.wood.sc-yoo-ion-modal{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 7rem);margin:0 auto;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:var(--spacing-48, 3rem) !important;width:100%;max-height:inherit}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.preview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 20rem);height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:0}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{right:auto;left:0;width:24.5rem}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:75vw}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:var(--border-radius-16, 1rem) var(--border-radius-16, 1rem) 0 0}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h:not(.emulate-preview)>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:104px;right:0;bottom:0;left:inherit;width:calc(100% - 25rem - 15rem);max-height:initial;border-radius:0}.right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:40rem;-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))}.right-panel.location-missions.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(75vw - 25rem)}.right-panel.location-missions.extra-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:273px}.floating.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.floating.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0;-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))}.menu-collapsed .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem - 4.5rem)}.menu-collapsed .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:40rem}.page-expanded .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem)}.page-expanded .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:44.5rem}.webpart.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:fixed}.webpart.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:fixed;max-width:calc(100% - 7rem);max-height:calc(100% - 7rem)}.webpart.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-width:100%;max-height:100%}";
45
45
 
46
46
  const LIFECYCLE_MAP = {
47
47
  ionModalDidPresent: 'ionViewDidEnter',
package/dist/esm/yoo-ion-modal.entry.js CHANGED
@@ -41,7 +41,7 @@ function detachComponent(delegate, element) {
41
41
  return Promise.resolve();
42
42
  }
43
43
 
44
- const modalCss = ".bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color, #5a30f4) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #ffc043) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #d84c96) !important}.info.sc-yoo-ion-modal{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight.sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight.sc-yoo-ion-modal{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ed6e33) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood.sc-yoo-ion-modal{background-color:var(--wood, #99644c) !important}.wood.sc-yoo-ion-modal{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 7rem);margin:0 auto;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:var(--spacing-48, 3rem) !important;width:100%;max-height:inherit}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.preview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 20rem);height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:0}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{right:auto;left:0;width:24.5rem}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:75vw}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:var(--border-radius-16, 1rem) var(--border-radius-16, 1rem) 0 0}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:104px;right:0;bottom:0;left:inherit;width:calc(100% - 25rem - 15rem);max-height:initial;border-radius:0}.right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:40rem;-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))}.right-panel.location-missions.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(75vw - 25rem)}.right-panel.location-missions.extra-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:273px}.floating.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.floating.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0;-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))}.menu-collapsed .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem - 4.5rem)}.menu-collapsed .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:40rem}.page-expanded .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem)}.page-expanded .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:44.5rem}.webpart.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:fixed}.webpart.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:fixed;max-width:calc(100% - 7rem);max-height:calc(100% - 7rem)}.webpart.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-width:100%;max-height:100%}";
44
+ const modalCss = ".bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color, #5a30f4) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #ffc043) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #d84c96) !important}.info.sc-yoo-ion-modal{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight.sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight.sc-yoo-ion-modal{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ed6e33) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood.sc-yoo-ion-modal{background-color:var(--wood, #99644c) !important}.wood.sc-yoo-ion-modal{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 7rem);margin:0 auto;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:var(--spacing-48, 3rem) !important;width:100%;max-height:inherit}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.preview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 20rem);height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:0}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{right:auto;left:0;width:24.5rem}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:75vw}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:var(--border-radius-16, 1rem) var(--border-radius-16, 1rem) 0 0}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-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))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h:not(.emulate-preview)>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:104px;right:0;bottom:0;left:inherit;width:calc(100% - 25rem - 15rem);max-height:initial;border-radius:0}.right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:40rem;-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))}.right-panel.location-missions.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(75vw - 25rem)}.right-panel.location-missions.extra-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:273px}.floating.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.floating.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0;-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))}.menu-collapsed .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem - 4.5rem)}.menu-collapsed .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:40rem}.page-expanded .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem)}.page-expanded .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:44.5rem}.webpart.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:fixed}.webpart.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:fixed;max-width:calc(100% - 7rem);max-height:calc(100% - 7rem)}.webpart.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-width:100%;max-height:100%}";
45
45
 
46
46
  const LIFECYCLE_MAP = {
47
47
  ionModalDidPresent: 'ionViewDidEnter',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.2.3",
3
+ "version": "8.2.4",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",