oasys-lib 2.31.1-rc.0 → 2.32.0-rc.0

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 (8) hide show
  1. package/fesm2022/oasys-lib.mjs +49 -5
  2. package/fesm2022/oasys-lib.mjs.map +1 -1
  3. package/index.d.ts +8 -2
  4. package/index.d.ts.map +1 -1
  5. package/package.json +1 -1
  6. package/src/assets/bloomandwild/variables.css +1 -1
  7. package/src/assets/bloomon/variables.css +1 -1
  8. package/src/assets/global/scss-breakpoints.scss +1 -1
package/fesm2022/oasys-lib.mjs CHANGED
@@ -336,13 +336,13 @@ class LayoutBoxComponent {
336
336
  }
337
337
  }
338
338
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: LayoutBoxComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: TokenService }], target: i0.ɵɵFactoryTarget.Component });
339
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: LayoutBoxComponent, isStandalone: true, selector: "ui-box", inputs: { box_space: "box_space", box_role: "box_role", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width", box_border_color: "box_border_color", box_border_width: "box_border_width", box_border_style: "box_border_style", box_border_radius: "box_border_radius" }, host: { properties: { "class": "boxLayoutClasses" } }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width:766px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width:766px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width:766px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width:766px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width:766px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-gutter{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-gutter-small)}@media only screen and (max-width:766px){ui-box.ui-layout-box-gutter-mobile{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-mobile-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-gutter-tablet{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-tablet-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-gutter-laptop{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-laptop-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-gutter-desktop{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-desktop-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-left{padding-left:var(--oasys-gutter-small)!important}}ui-box.ui-layout-box-gutter-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-left{padding-left:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
339
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: LayoutBoxComponent, isStandalone: true, selector: "ui-box", inputs: { box_space: "box_space", box_role: "box_role", box_space_top: "box_space_top", box_space_right: "box_space_right", box_space_bottom: "box_space_bottom", box_space_left: "box_space_left", box_align_x: "box_align_x", box_align_y: "box_align_y", box_fill_mode: "box_fill_mode", box_background: "box_background", box_content_fill_width: "box_content_fill_width", box_border_color: "box_border_color", box_border_width: "box_border_width", box_border_style: "box_border_style", box_border_radius: "box_border_radius" }, host: { properties: { "class": "boxLayoutClasses" } }, providers: [TokenService], usesOnChanges: true, ngImport: i0, template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', isInline: true, styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width:766px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width:766px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width:766px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width:766px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width:766px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
340
340
  }
341
341
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: LayoutBoxComponent, decorators: [{
342
342
  type: Component,
343
343
  args: [{ selector: 'ui-box', template: '<div class="ui-box-content" [attr.role]="box_role"><ng-content></ng-content></div>', host: {
344
344
  '[class]': 'boxLayoutClasses',
345
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, providers: [TokenService], styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width:766px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width:766px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width:766px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width:766px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width:766px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-gutter{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-gutter-small)}@media only screen and (max-width:766px){ui-box.ui-layout-box-gutter-mobile{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-mobile-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-mobile-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-gutter-tablet{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-tablet-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-tablet-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-gutter-laptop{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-laptop-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-laptop-left{padding-left:var(--oasys-gutter-small)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-gutter-desktop{padding:var(--oasys-gutter-small)}ui-box.ui-layout-box-gutter-desktop-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-desktop-left{padding-left:var(--oasys-gutter-small)!important}}ui-box.ui-layout-box-gutter-top{padding-top:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-right{padding-right:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-bottom{padding-bottom:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-gutter-left{padding-left:var(--oasys-gutter-small)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var(--oasys-color-brand-background-primary);--oasys-color-brand-background-core-secondary: var(--oasys-color-brand-background-secondary);--oasys-color-brand-background-core-tertiary: var(--oasys-color-brand-background-tertiary);--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var(--oasys-color-brand-background-highlight);background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"] }]
345
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, providers: [TokenService], styles: ["ui-box{display:flex;justify-self:stretch;flex-direction:column}ui-box.ui-layout-box{border-width:0}ui-box.ui-layout-box-border-radius-soften{border-radius:var(--oasys-radius-soften)}ui-box.ui-layout-box-border-radius-layout{border-radius:var(--oasys-radius-layout)}ui-box.ui-layout-box-border-radius-round{border-radius:var(--oasys-radius-round)}ui-box.ui-layout-box-border-radius-rewards-primary{border-radius:var(--oasys-radius-rewards-primary)}ui-box.ui-layout-box-border-radius-rewards-secondary{border-radius:var(--oasys-radius-rewards-secondary)}ui-box.ui-layout-box-border-radius-rewards-icon{border-radius:var(--oasys-radius-rewards-icon)}ui-box.ui-layout-box-border-style-solid{border-style:var(--oasys-component-box-border-style-solid)}ui-box.ui-layout-box-border-style-dashed{border-style:var(--oasys-component-box-border-style-dashed)}ui-box.ui-layout-box-border-width-primary{border-width:var(--oasys-border-width-primary)}ui-box.ui-layout-box-border-width-prominent{border-width:var(--oasys-border-width-prominent)}ui-box.ui-layout-box-border-color-primary{border-color:var(--oasys-component-box-border-color-primary)}ui-box.ui-layout-box-border-color-primary-on-dark{border-color:var(--oasys-component-box-border-color-primary-on-dark)}ui-box.ui-layout-box-border-color-secondary{border-color:var(--oasys-component-box-border-color-secondary)}ui-box.ui-layout-box-border-color-selected{border-color:var(--oasys-component-box-border-color-selected)}ui-box.ui-layout-box-border-color-selectable{border-color:var(--oasys-component-box-border-color-selectable)}ui-box.ui-layout-box-none{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-none)}@media only screen and (max-width:766px){ui-box.ui-layout-box-none-mobile{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-mobile-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-mobile-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-none-tablet{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-tablet-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-tablet-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-none-laptop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-laptop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-laptop-left{padding-left:var(--oasys-spacing-none)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-none-desktop{padding:var(--oasys-spacing-none)}ui-box.ui-layout-box-none-desktop-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-desktop-left{padding-left:var(--oasys-spacing-none)!important}}ui-box.ui-layout-box-none-top{padding-top:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-right{padding-right:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-bottom{padding-bottom:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-none-left{padding-left:var(--oasys-spacing-none)!important}ui-box.ui-layout-box-tiny{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tiny)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tiny-mobile{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-mobile-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-mobile-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tiny-tablet{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-tablet-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-tablet-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tiny-laptop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-laptop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-laptop-left{padding-left:var(--oasys-spacing-tiny)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tiny-desktop{padding:var(--oasys-spacing-tiny)}ui-box.ui-layout-box-tiny-desktop-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-desktop-left{padding-left:var(--oasys-spacing-tiny)!important}}ui-box.ui-layout-box-tiny-top{padding-top:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-right{padding-right:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-bottom{padding-bottom:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tiny-left{padding-left:var(--oasys-spacing-tiny)!important}ui-box.ui-layout-box-tight{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-tight)}@media only screen and (max-width:766px){ui-box.ui-layout-box-tight-mobile{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-mobile-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-mobile-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-tight-tablet{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-tablet-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-tablet-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-tight-laptop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-laptop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-laptop-left{padding-left:var(--oasys-spacing-tight)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-tight-desktop{padding:var(--oasys-spacing-tight)}ui-box.ui-layout-box-tight-desktop-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-desktop-left{padding-left:var(--oasys-spacing-tight)!important}}ui-box.ui-layout-box-tight-top{padding-top:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-right{padding-right:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-bottom{padding-bottom:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-tight-left{padding-left:var(--oasys-spacing-tight)!important}ui-box.ui-layout-box-near{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-near)}@media only screen and (max-width:766px){ui-box.ui-layout-box-near-mobile{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-mobile-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-mobile-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-near-tablet{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-tablet-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-tablet-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-near-laptop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-laptop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-laptop-left{padding-left:var(--oasys-spacing-near)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-near-desktop{padding:var(--oasys-spacing-near)}ui-box.ui-layout-box-near-desktop-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-desktop-left{padding-left:var(--oasys-spacing-near)!important}}ui-box.ui-layout-box-near-top{padding-top:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-right{padding-right:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-bottom{padding-bottom:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-near-left{padding-left:var(--oasys-spacing-near)!important}ui-box.ui-layout-box-default{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-default)}@media only screen and (max-width:766px){ui-box.ui-layout-box-default-mobile{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-mobile-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-mobile-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-default-tablet{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-tablet-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-tablet-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-default-laptop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-laptop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-laptop-left{padding-left:var(--oasys-spacing-default)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-default-desktop{padding:var(--oasys-spacing-default)}ui-box.ui-layout-box-default-desktop-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-desktop-left{padding-left:var(--oasys-spacing-default)!important}}ui-box.ui-layout-box-default-top{padding-top:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-right{padding-right:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-bottom{padding-bottom:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-default-left{padding-left:var(--oasys-spacing-default)!important}ui-box.ui-layout-box-expanded{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-expanded)}@media only screen and (max-width:766px){ui-box.ui-layout-box-expanded-mobile{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-mobile-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-mobile-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-expanded-tablet{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-tablet-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-tablet-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-expanded-laptop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-laptop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-laptop-left{padding-left:var(--oasys-spacing-expanded)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-expanded-desktop{padding:var(--oasys-spacing-expanded)}ui-box.ui-layout-box-expanded-desktop-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-desktop-left{padding-left:var(--oasys-spacing-expanded)!important}}ui-box.ui-layout-box-expanded-top{padding-top:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-right{padding-right:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-bottom{padding-bottom:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-expanded-left{padding-left:var(--oasys-spacing-expanded)!important}ui-box.ui-layout-box-section-inset{--oasys-spacing-section-inset: var(--oasys-spacing-expanded);padding:var(--oasys-spacing-section-inset)}@media only screen and (max-width:766px){ui-box.ui-layout-box-section-inset-mobile{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-mobile-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-mobile-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:767px)and (max-width:1079px){ui-box.ui-layout-box-section-inset-tablet{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-tablet-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-tablet-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1080px)and (max-width:1439px){ui-box.ui-layout-box-section-inset-laptop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-laptop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-laptop-left{padding-left:var(--oasys-spacing-section-inset)!important}}@media only screen and (min-width:1440px){ui-box.ui-layout-box-section-inset-desktop{padding:var(--oasys-spacing-section-inset)}ui-box.ui-layout-box-section-inset-desktop-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-desktop-left{padding-left:var(--oasys-spacing-section-inset)!important}}ui-box.ui-layout-box-section-inset-top{padding-top:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-right{padding-right:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-bottom{padding-bottom:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-section-inset-left{padding-left:var(--oasys-spacing-section-inset)!important}ui-box.ui-layout-box-background-transparent{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-transparent)}ui-box.ui-layout-box-background-core-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-primary)}ui-box.ui-layout-box-background-core-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-secondary)}ui-box.ui-layout-box-background-core-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-tertiary)}ui-box.ui-layout-box-background-core-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-core-quaternary)}ui-box.ui-layout-box-background-tint-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tint-highlight)}ui-box.ui-layout-box-background-primary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-primary)}ui-box.ui-layout-box-background-secondary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-secondary)}ui-box.ui-layout-box-background-tertiary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-tertiary)}ui-box.ui-layout-box-background-quaternary{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-quaternary)}ui-box.ui-layout-box-background-highlight{--oasys-color-brand-background-core-primary: var( --oasys-color-brand-background-primary );--oasys-color-brand-background-core-secondary: var( --oasys-color-brand-background-secondary );--oasys-color-brand-background-core-tertiary: var( --oasys-color-brand-background-tertiary );--oasys-color-brand-background-core-quaternary: var( --oasys-color-brand-background-quaternary );--oasys-color-brand-background-tint-highlight: var( --oasys-color-brand-background-highlight );background-color:var(--oasys-color-brand-background-highlight)}ui-box.ui-layout-box-background-rewards-primary{background-color:var(--oasys-color-rewards-background-primary)}ui-box.ui-layout-box-background-rewards-secondary{background-color:var(--oasys-color-rewards-background-secondary)}ui-box.ui-layout-box-background-rewards-tertiary{background-color:var(--oasys-color-rewards-background-tertiary)}ui-box.ui-layout-box-align-start{justify-content:flex-start}ui-box.ui-layout-box-align-x-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{justify-content:center}ui-box.ui-layout-box-align-x-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{justify-content:flex-end}ui-box.ui-layout-box-align-x-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-fill{justify-content:unset}ui-box.ui-layout-box-distribute-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-center{justify-content:center}ui-box.ui-layout-box-distribute-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-align-start{align-items:flex-start;align-content:flex-start}ui-box.ui-layout-box-align-center{align-items:center;align-content:center}ui-box.ui-layout-box-align-end{align-items:flex-end;align-content:flex-end}ui-box.ui-layout-box-distribute-y-fill{justify-content:unset}ui-box.ui-layout-box-distribute-y-start{justify-content:flex-start}ui-box.ui-layout-box-distribute-y-center{justify-content:center}ui-box.ui-layout-box-distribute-y-end{justify-content:flex-end}ui-box.ui-layout-box-distribute-y-space-between{justify-content:space-between}ui-box.ui-layout-box-distribute-y-space-around{justify-content:space-around}ui-box.ui-layout-box-distribute-y-space-evenly{justify-content:space-evenly}ui-box.ui-layout-box-fit-content{width:fit-content}ui-box.ui-layout-box-fill-container{width:100%;height:100%}ui-box.ui-layout-box-cover-content{width:100%;height:100%}ui-box.ui-layout-box-cover-content .ui-box-content{display:block;width:100%;height:100%}ui-box.ui-layout-box .ui-box-content{display:block;width:100%}ui-box.ui-layout-box-full-width{width:100%}ui-box.ui-layout-box-content-max-width .ui-box-content{--_box-content-max-size: calc( 1440px - calc(var(--oasys-gutter-large) * 2) );max-width:var(--_box-content-max-size);margin:0 auto;display:block}\n"] }]
346
346
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: TokenService }], propDecorators: { box_space: [{
347
347
  type: Input
348
348
  }], box_role: [{
@@ -417,14 +417,14 @@ class LayoutStackComponent {
417
417
  this.didFirstInit = true;
418
418
  }
419
419
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: LayoutStackComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
420
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: LayoutStackComponent, isStandalone: true, selector: "ui-stack", inputs: { stack_gap: "stack_gap", stack_align: "stack_align", stack_direction: "stack_direction", stack_distribute: "stack_distribute", stack_wrap: "stack_wrap", stack_collapse_below: "stack_collapse_below", stack_as_list: "stack_as_list" }, host: { properties: { "class": "stackLayoutClasses", "attr.role": "stack_as_list ? \"list\" : null" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;list-style:none;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{gap:var(--oasys-spacing-none)}.ui-layout-stack-tiny{gap:var(--oasys-spacing-tiny)}.ui-layout-stack-tight{gap:var(--oasys-spacing-tight)}.ui-layout-stack-near{gap:var(--oasys-spacing-near)}.ui-layout-stack-default{gap:var(--oasys-spacing-default)}.ui-layout-stack-expanded{gap:var(--oasys-spacing-expanded)}.ui-layout-stack-section{gap:var(--oasys-spacing-section)}.ui-layout-stack-gutter{gap:var(--oasys-gutter-small)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}@media only screen and (max-width:766px){.ui-layout-stack.ui-layout-stack-collapse-below-tablet{flex-direction:column}}@media only screen and (max-width:1079px){.ui-layout-stack.ui-layout-stack-collapse-below-laptop{flex-direction:column}}@media only screen and (max-width:1439px){.ui-layout-stack.ui-layout-stack-collapse-below-desktop{flex-direction:column}}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-space-between,.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-end{height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
420
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.21", type: LayoutStackComponent, isStandalone: true, selector: "ui-stack", inputs: { stack_gap: "stack_gap", stack_align: "stack_align", stack_direction: "stack_direction", stack_distribute: "stack_distribute", stack_wrap: "stack_wrap", stack_collapse_below: "stack_collapse_below", stack_as_list: "stack_as_list" }, host: { properties: { "class": "stackLayoutClasses", "attr.role": "stack_as_list ? \"list\" : null" } }, usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".ui-layout-stack{display:flex;list-style:none;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{gap:var(--oasys-spacing-none)}.ui-layout-stack-tiny{gap:var(--oasys-spacing-tiny)}.ui-layout-stack-tight{gap:var(--oasys-spacing-tight)}.ui-layout-stack-near{gap:var(--oasys-spacing-near)}.ui-layout-stack-default{gap:var(--oasys-spacing-default)}.ui-layout-stack-expanded{gap:var(--oasys-spacing-expanded)}.ui-layout-stack-section{gap:var(--oasys-spacing-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}@media only screen and (max-width:766px){.ui-layout-stack.ui-layout-stack-collapse-below-tablet{flex-direction:column}}@media only screen and (max-width:1079px){.ui-layout-stack.ui-layout-stack-collapse-below-laptop{flex-direction:column}}@media only screen and (max-width:1439px){.ui-layout-stack.ui-layout-stack-collapse-below-desktop{flex-direction:column}}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-space-between,.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-end{height:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
421
421
  }
422
422
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImport: i0, type: LayoutStackComponent, decorators: [{
423
423
  type: Component,
424
424
  args: [{ selector: 'ui-stack', template: '<ng-content></ng-content>', host: {
425
425
  '[class]': 'stackLayoutClasses',
426
426
  '[attr.role]': 'stack_as_list ? "list" : null',
427
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".ui-layout-stack{display:flex;list-style:none;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{gap:var(--oasys-spacing-none)}.ui-layout-stack-tiny{gap:var(--oasys-spacing-tiny)}.ui-layout-stack-tight{gap:var(--oasys-spacing-tight)}.ui-layout-stack-near{gap:var(--oasys-spacing-near)}.ui-layout-stack-default{gap:var(--oasys-spacing-default)}.ui-layout-stack-expanded{gap:var(--oasys-spacing-expanded)}.ui-layout-stack-section{gap:var(--oasys-spacing-section)}.ui-layout-stack-gutter{gap:var(--oasys-gutter-small)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}@media only screen and (max-width:766px){.ui-layout-stack.ui-layout-stack-collapse-below-tablet{flex-direction:column}}@media only screen and (max-width:1079px){.ui-layout-stack.ui-layout-stack-collapse-below-laptop{flex-direction:column}}@media only screen and (max-width:1439px){.ui-layout-stack.ui-layout-stack-collapse-below-desktop{flex-direction:column}}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-space-between,.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-end{height:inherit}\n"] }]
427
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".ui-layout-stack{display:flex;list-style:none;position:relative;align-items:inherit;justify-content:inherit;width:100%}.ui-layout-stack-none{gap:var(--oasys-spacing-none)}.ui-layout-stack-tiny{gap:var(--oasys-spacing-tiny)}.ui-layout-stack-tight{gap:var(--oasys-spacing-tight)}.ui-layout-stack-near{gap:var(--oasys-spacing-near)}.ui-layout-stack-default{gap:var(--oasys-spacing-default)}.ui-layout-stack-expanded{gap:var(--oasys-spacing-expanded)}.ui-layout-stack-section{gap:var(--oasys-spacing-section)}.ui-layout-stack-align-start{justify-content:flex-start}.ui-layout-stack-align-x-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{justify-content:center}.ui-layout-stack-align-x-center{align-items:center;align-content:center}.ui-layout-stack-align-end{justify-content:flex-end}.ui-layout-stack-align-x-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-fill{justify-content:unset}.ui-layout-stack-distribute-start{justify-content:flex-start}.ui-layout-stack-distribute-center{justify-content:center}.ui-layout-stack-distribute-end{justify-content:flex-end}.ui-layout-stack-distribute-space-between{justify-content:space-between}.ui-layout-stack-distribute-space-around{justify-content:space-around}.ui-layout-stack-distribute-space-evenly{justify-content:space-evenly}.ui-layout-stack-align-start{align-items:flex-start;align-content:flex-start}.ui-layout-stack-align-center{align-items:center;align-content:center}.ui-layout-stack-align-end{align-items:flex-end;align-content:flex-end}.ui-layout-stack-distribute-y-fill{justify-content:unset}.ui-layout-stack-distribute-y-start{justify-content:flex-start}.ui-layout-stack-distribute-y-center{justify-content:center}.ui-layout-stack-distribute-y-end{justify-content:flex-end}.ui-layout-stack-distribute-y-space-between{justify-content:space-between}.ui-layout-stack-distribute-y-space-around{justify-content:space-around}.ui-layout-stack-distribute-y-space-evenly{justify-content:space-evenly}.ui-layout-stack-direction-x{flex-direction:row}.ui-layout-stack-direction-y{flex-direction:column}.ui-layout-stack-distribute-fill>*{flex:1 1 auto}.ui-layout-stack-distribute-fit>ui-stack{flex-basis:0%}.ui-layout-stack-wrap{flex-wrap:wrap}.ui-layout-stack-no-wrap{flex-wrap:nowrap}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-wrap{height:100%}@media only screen and (max-width:766px){.ui-layout-stack.ui-layout-stack-collapse-below-tablet{flex-direction:column}}@media only screen and (max-width:1079px){.ui-layout-stack.ui-layout-stack-collapse-below-laptop{flex-direction:column}}@media only screen and (max-width:1439px){.ui-layout-stack.ui-layout-stack-collapse-below-desktop{flex-direction:column}}.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-space-between,.ui-layout-stack.ui-layout-stack-direction-y.ui-layout-stack-distribute-end{height:inherit}\n"] }]
428
428
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { stack_gap: [{
429
429
  type: Input
430
430
  }], stack_align: [{
@@ -928,6 +928,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.21", ngImpo
928
928
  }]
929
929
  }] });
930
930
 
931
+ const UNMEASURED_LAYOUT_WIDTH_PX = 300;
931
932
  /**
932
933
  * ImageComponent is a reusable component. Necessary accessibility attributes are set by default for a decorative image.
933
934
  * alt text and airia described by text can be set to make the image non-decorative.
@@ -951,6 +952,8 @@ class ImageComponent {
951
952
  breakpoints = inject(IMAGE_BREAKPOINTS);
952
953
  fallbackBreakpoint = 768;
953
954
  imageSizes = this.breakpoints.map((size) => `(max-width: ${size}px) ${size}px`).join(', ');
955
+ measuredWidthPx = signal(null, ...(ngDevMode ? [{ debugName: "measuredWidthPx" }] : []));
956
+ resizeObserver = null;
954
957
  intersectionObserver = null;
955
958
  get class() {
956
959
  return this.image_fill ? 'imageFill' : '';
@@ -962,11 +965,22 @@ class ImageComponent {
962
965
  this.createImage();
963
966
  void this.setupLazyLoading();
964
967
  }
968
+ ngAfterViewInit() {
969
+ this.setupResizeObserver();
970
+ }
965
971
  /**
966
972
  * On changes, handle any changes in input properties.
967
973
  */
968
974
  ngOnChanges(changes) {
969
975
  if ('image_src' in changes || 'image_width' in changes || 'preload_aspect_ratio' in changes) {
976
+ if ('image_width' in changes) {
977
+ if (this.image_width) {
978
+ this.cleanupResizeObserver();
979
+ }
980
+ else {
981
+ this.setupResizeObserver();
982
+ }
983
+ }
970
984
  this.createImage();
971
985
  this.cleanupObserver();
972
986
  void this.setupLazyLoading();
@@ -977,6 +991,7 @@ class ImageComponent {
977
991
  */
978
992
  ngOnDestroy() {
979
993
  this.cleanupObserver();
994
+ this.cleanupResizeObserver();
980
995
  }
981
996
  /**
982
997
  * Creates the image object with the provided properties.
@@ -992,12 +1007,41 @@ class ImageComponent {
992
1007
  fill: this.image_fill,
993
1008
  fetchpriority: this.fetchpriority,
994
1009
  preloadAspectRatio: this.preload_aspect_ratio,
995
- width: this.image_width ? `${this.image_width}px` : null,
1010
+ width: this.getSizesAttribute(),
996
1011
  altText: this.image_alt_text,
997
1012
  ariaDescribedby: this.image_aria_describedby ?? null,
998
1013
  };
999
1014
  this.image.set(newImage);
1000
1015
  }
1016
+ getSizesAttribute() {
1017
+ if (this.image_width) {
1018
+ return `${this.image_width}px`;
1019
+ }
1020
+ const measured = this.measuredWidthPx();
1021
+ if (measured && measured > 0) {
1022
+ return `${Math.ceil(measured)}px`;
1023
+ }
1024
+ return `${UNMEASURED_LAYOUT_WIDTH_PX}px`;
1025
+ }
1026
+ setupResizeObserver() {
1027
+ if (this.image_width || typeof ResizeObserver === 'undefined') {
1028
+ return;
1029
+ }
1030
+ this.resizeObserver = new ResizeObserver((entries) => {
1031
+ const width = entries[0]?.contentRect.width ?? 0;
1032
+ const rounded = Math.ceil(width);
1033
+ if (rounded === this.measuredWidthPx()) {
1034
+ return;
1035
+ }
1036
+ this.measuredWidthPx.set(rounded > 0 ? rounded : null);
1037
+ this.createImage();
1038
+ });
1039
+ this.resizeObserver.observe(this.el.nativeElement);
1040
+ }
1041
+ cleanupResizeObserver() {
1042
+ this.resizeObserver?.disconnect();
1043
+ this.resizeObserver = null;
1044
+ }
1001
1045
  /**
1002
1046
  * Sets up lazy loading for the image using IntersectionObserver.
1003
1047
  * This method observes the image element and loads the image when it comes into view.