/** Shopify CDN: Minification failed

Line 225:4 All "@import" rules must come first

**/

*{
  box-sizing: border-box;
}

/* ========== CONTROLS (Navigation & Pagination) ========== */
.beae-carousel {
  position: relative;
  overflow: hidden;
  max-width: stretch;
  width: 100%;
  height: fit-content;
  .beae-slider-wrapper{
    position: relative;
    .beae-slider-items{
      display: flex;
      max-width: 100%;
    }
  }
}

.beae-slider-nav-left,
.beae-slider-nav-right {
  position: absolute;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color:#f5f5f5;
  transition: all ease 0.3s;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  opacity: 0;
  top: calc(50% - var(--height-controls,0px) / 2);
  transform: translate(0, -50%);
  color: #333333;
  cursor: pointer;
  &:hover {
    background-color: #cccccc;
    scale: 1.1;
    color: #333333;
  }
  svg {
    width: 20px;
    height: 20px;
  }
}

.beae-slider-nav-left {
  left: 15px;
}

.beae-slider-nav-right {
  right: 15px;
}

.beae-carousel:hover {
  .beae-slider-nav-left,
  .beae-slider-nav-right {
    opacity: 1;
   
  }
  .beae-slider-nav-left.disabled,
  .beae-slider-nav-right.disabled {
    opacity: 0.5;
  }
}
.beae-slider-nav-left.disabled,
.beae-slider-nav-right.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

/* ========== SLIDER CONTROLS & PAGINATION NESTING ========== */

.beae-slider-controls {
  display: none;
  @media (min-width: 1024px) {
  &[show-desktop="true"] {
      display: block;
    }
  }
  @media (min-width: 767.79px) and (max-width: 1180px) {
  &[show-tablet="true"] {
      display: block;
    }
  }
  @media (max-width: 767px) {
  &[show-mobile="true"] {
      display: block;
    }
  }
  .beae-slider-pagination-wrp {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    .beae-slider-pagination-wrapper,
    .beae-slider-pagination-total,
    .beae-slider-pagination-progress {
      display: none;
      position: relative;
      line-height: 1;
    }
  }
}

.beae-slider-wrapper {
  &[data-pagination="dots"],
  &[data-pagination="dynamic-dots"],
  &[data-pagination="numbers"] {
    & + .beae-slider-controls .beae-slider-pagination-wrapper {
      display: flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
      .pagination-bullets-dynamic{
        gap: 8px;
        width: 100%;
      }
    }
  }
  &[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination {
    width: 8px;
    height: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    cursor: pointer;
    &.active {
      background: #181818;
    }
    &:not(.active):hover {
      background: #cccccc;
    }
  }
  &[data-pagination="dynamic-dots"] + .beae-slider-controls  .beae-slider-pagination {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px;
    min-width: 8px;
    background: #e6e6e6;
    border-radius: 50%;
    transition: all 0.3s ease;
    cursor: pointer;
    transform: scale(0);
    &.prev,
    &.next {
      transform: scale(0.66);
    }
    &.prev-prev,
    &.next-next {
      transform: scale(0.33);
    }
    &.active {
      background: #181818;
      opacity: 1;
      transform: scale(1);
    }

    &:not(.active):hover {
      background: #cccccc;
    }
  }

  &[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination {
    padding: 10px;
    opacity: 0.7;
    cursor: pointer;
    color: #e6e6e6;
    &.active {
      text-decoration: underline;
      color: #181818;
      opacity: 1;
    }

    &:not(.active):hover {
      color: #cccccc;
    }
  }

  &[data-pagination="counter"]
    + .beae-slider-controls
    .beae-slider-pagination-total {
    display: flex;
    color: #181818;
  }

  &[data-pagination="progress"]
    + .beae-slider-controls
    .beae-slider-pagination-progress {
    display: flex;
    justify-content: center;
    height: 4px;
    width: 100%;
    background-color: #e6e6e6;

    span {
      display: flex;
      height: 100%;
      position: absolute;
      left: 0;
      background-color: #181818;
      transition: all ease 0.3s;
    }
  }
}

/* ========== FADE EFFECT ========== */
.beae-slider-wrapper[data-effect="fade"] {
  .beae-slider-items {
    scroll-behavior: auto;
  }
  .beae-slide-item {
    flex: 0 0 100%;
  }
}

    
    @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&display=swap');
    
      @layer beae-reset {
        .beae-section[data-bnode] {
          h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure {
            margin: 0;
            padding: 0;
          }
          a {
            text-decoration: none;
            color: inherit;
          }
          button {
            background: none;
            border: none;
            padding: 0;
            cursor: pointer;
          }
          *, *::before, *::after {
            box-sizing: border-box;
          }
          .beae-image{
              max-width: 100%;
          }
        } 
      }
    
    :root{ --beae-input-border-width: 1px;
--beae-input-border-radius: 4px;
--beae-input-padding: 4px;
--beae-input-height: 4px;
--beae-select-border-width: 1px;
--beae-select-border-radius: 4px;
--beae-select-padding: 4px;
--beae-select-height: 4px;
--beae-textarea-border-width: 1px;
--beae-textarea-border-radius: 4px;
--beae-textarea-padding: 4px;
--beae-textarea-height: 4px;
--beae-badge-border-width: 1px;
--beae-badge-border-radius: 4px;
--beae-badge-padding: 1px;
--beae-section-width: 1280px;
--beae-section-padding-x: 10px;
--beae-section-padding-y: 20px;
--beae-section-padding-x-mobile: 5px;
--beae-section-padding-y-mobile: 12px;
--beae-section-padding-x-tablet: 8px;
--beae-section-padding-y-tablet: 16px;
--beae-slot-gap: 10px;
--beae-slot-gap-mobile: 6px;
--beae-slot-gap-tablet: 8px;
--beae-slot-padding-x: 0px;
--beae-slot-padding-y: 0px;
--beae-slot-padding-x-mobile: 0px;
--beae-slot-padding-y-mobile: 0px;
--beae-slot-padding-x-tablet: 0px;
--beae-slot-padding-y-tablet: 0px;
--beae-grid-gap: 6px;
--beae-grid-gap-mobile: 4px;
--beae-grid-gap-tablet: 5px;
--beae-other-sale-price-color: #d82727;
--beae-other-sale-bg-color: #d82727;
--beae-other-sale-text-color: #ffffff;
--beae-other-sold-out-bg-color: #adadad;
--beae-other-sold-out-text-color: #ffffff;
--beae-other-tag-1-bg-color: #008c62;
--beae-other-tag-1-text-color: #ffffff;
--beae-other-tag-2-bg-color: #405de6;
--beae-other-tag-2-text-color: #ffffff;
.beae-scheme-1{
          --beae-text-color: #404040;
          --beae-heading-color: #0a0a0a;
          --beae-background-color: #ffffff;
          --beae-btn-pr-background-color: #0a0a0a;
          --beae-btn-pr-label-color: #ffffff;
          --beae-btn-pr-border-color: #0a0a0a;
          --beae-btn-se-background-color: #ffffff;
          --beae-btn-se-label-color: #0a0a0a;
          --beae-btn-se-border-color: #0a0a0a;
          --beae-btn-te-label-color: #0a0a0a;

          --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%);
          --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%);
          --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%);

          --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%);
          --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%);
          --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%);

          --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%);

          
          --beae-card-cta-background: #ffffff;
          --beae-card-cta-border-color: #e5e5e5;
          --beae-card-cta-shadow-color: #000000;
          --beae-card-featured-background: #ffffff;
          --beae-card-featured-border-color: #e5e5e5;
          --beae-card-featured-shadow-color: #000000;
          --beae-card-media-background: #ffffff;
          --beae-card-media-border-color: #e5e5e5;
          --beae-card-media-shadow-color: #000000;
          --beae-card-pricing-background: #ffffff;
          --beae-card-pricing-border-color: #e5e5e5;
          --beae-card-pricing-shadow-color: #000000;
          --beae-card-prod-background: #ffffff;
          --beae-card-prod-border-color: #e5e5e5;
          --beae-card-prod-shadow-color: #000000;
          --beae-form-input-background: #ffffff;
          --beae-form-input-border-color: #d4d4d4;
          --beae-form-input-color: #0a0a0a;
          --beae-form-select-background: #ffffff;
          --beae-form-select-border-color: #d4d4d4;
          --beae-form-select-color: #0a0a0a;
          --beae-form-textarea-background: #ffffff;
          --beae-form-textarea-border-color: #d4d4d4;
          --beae-form-textarea-color: #0a0a0a;

          --color-scheme-text-50: #f2f2f2;
--color-scheme-text-100: #e6e6e6;
--color-scheme-text-200: #cccccc;
--color-scheme-text-300: #b3b3b3;
--color-scheme-text-400: #999999;
--color-scheme-text-500: #808080;
--color-scheme-text-600: #666666;
--color-scheme-text-700: #4d4d4d;
--color-scheme-text-800: #333333;
--color-scheme-text-900: #1a1a1a;
--color-scheme-text-950: #0d0d0d;
        }
.beae-surface-dark {
          --beae-text-color: #a3a3a3;
          --beae-heading-color: #fafafa;
          --beae-background-color: #0a0a0a;
          --beae-btn-pr-background-color: #fafafa;
          --beae-btn-pr-label-color: #0a0a0a;
          --beae-btn-pr-border-color: #fafafa;
          --beae-btn-se-background-color: #0a0a0a;
          --beae-btn-se-label-color: #fafafa;
          --beae-btn-se-border-color: #fafafa;
          --beae-btn-te-label-color: #fafafa;

          --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%);
          --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%);
          --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%);

          --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%);
          --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%);
          --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%);

          --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%);

          
          --beae-card-cta-background: #171717;
          --beae-card-cta-border-color: #262626;
          --beae-card-cta-shadow-color: #000000;
          --beae-card-featured-background: #171717;
          --beae-card-featured-border-color: #262626;
          --beae-card-featured-shadow-color: #000000;
          --beae-card-media-background: #171717;
          --beae-card-media-border-color: #262626;
          --beae-card-media-shadow-color: #000000;
          --beae-card-pricing-background: #171717;
          --beae-card-pricing-border-color: #262626;
          --beae-card-pricing-shadow-color: #000000;
          --beae-card-prod-background: #171717;
          --beae-card-prod-border-color: #262626;
          --beae-card-prod-shadow-color: #000000;
          --beae-form-input-background: #171717;
          --beae-form-input-border-color: #404040;
          --beae-form-input-color: #fafafa;
          --beae-form-select-background: #171717;
          --beae-form-select-border-color: #404040;
          --beae-form-select-color: #fafafa;
          --beae-form-textarea-background: #171717;
          --beae-form-textarea-border-color: #404040;
          --beae-form-textarea-color: #fafafa;

          --color-scheme-text-50: #f2f2f2;
--color-scheme-text-100: #e6e6e6;
--color-scheme-text-200: #cccccc;
--color-scheme-text-300: #b3b3b3;
--color-scheme-text-400: #999999;
--color-scheme-text-500: #808080;
--color-scheme-text-600: #666666;
--color-scheme-text-700: #4d4d4d;
--color-scheme-text-800: #333333;
--color-scheme-text-900: #1a1a1a;
--color-scheme-text-950: #0d0d0d;
        }
.beae-surface-accent {
          --beae-text-color: #d4d4d4;
          --beae-heading-color: #ffffff;
          --beae-background-color: #171717;
          --beae-btn-pr-background-color: #ffffff;
          --beae-btn-pr-label-color: #171717;
          --beae-btn-pr-border-color: #ffffff;
          --beae-btn-se-background-color: #171717;
          --beae-btn-se-label-color: #ffffff;
          --beae-btn-se-border-color: #ffffff;
          --beae-btn-te-label-color: #ffffff;

          --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%);
          --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%);
          --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%);

          --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%);
          --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%);
          --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%);

          --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%);

          
          --beae-card-cta-background: #262626;
          --beae-card-cta-border-color: #404040;
          --beae-card-cta-shadow-color: #000000;
          --beae-card-featured-background: #262626;
          --beae-card-featured-border-color: #404040;
          --beae-card-featured-shadow-color: #000000;
          --beae-card-media-background: #262626;
          --beae-card-media-border-color: #404040;
          --beae-card-media-shadow-color: #000000;
          --beae-card-pricing-background: #262626;
          --beae-card-pricing-border-color: #404040;
          --beae-card-pricing-shadow-color: #000000;
          --beae-card-prod-background: #262626;
          --beae-card-prod-border-color: #404040;
          --beae-card-prod-shadow-color: #000000;
          --beae-form-input-background: #262626;
          --beae-form-input-border-color: #525252;
          --beae-form-input-color: #ffffff;
          --beae-form-select-background: #262626;
          --beae-form-select-border-color: #525252;
          --beae-form-select-color: #ffffff;
          --beae-form-textarea-background: #262626;
          --beae-form-textarea-border-color: #525252;
          --beae-form-textarea-color: #ffffff;

          --color-scheme-text-50: #f2f2f2;
--color-scheme-text-100: #e6e6e6;
--color-scheme-text-200: #cccccc;
--color-scheme-text-300: #b3b3b3;
--color-scheme-text-400: #999999;
--color-scheme-text-500: #808080;
--color-scheme-text-600: #666666;
--color-scheme-text-700: #4d4d4d;
--color-scheme-text-800: #333333;
--color-scheme-text-900: #1a1a1a;
--color-scheme-text-950: #0d0d0d;
        }
--beae-h1-font-family: Assistant;
--beae-h1-font-size: 56px;
--beae-h1-font-weight: 600;
--beae-h1-line-height: 1.1;
--beae-h1-letter-spacing: -0.02px;
--beae-h1-text-transform: capitalize;
--beae-h1-font-style: normal;
--beae-h1-text-align: start;
--beae-h1-color: var(--beae-heading-color);
--beae-h2-font-family: Assistant;
--beae-h2-font-size: 40px;
--beae-h2-font-weight: 600;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h2-text-transform: capitalize;
--beae-h2-font-style: normal;
--beae-h2-text-align: start;
--beae-h2-color: var(--beae-heading-color);
--beae-h3-font-family: Assistant;
--beae-h3-font-size: 32px;
--beae-h3-font-weight: 600;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h3-text-transform: capitalize;
--beae-h3-font-style: normal;
--beae-h3-text-align: start;
--beae-h3-color: var(--beae-heading-color);
--beae-h4-font-family: Assistant;
--beae-h4-font-size: 24px;
--beae-h4-font-weight: 600;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h4-text-transform: capitalize;
--beae-h4-font-style: normal;
--beae-h4-text-align: start;
--beae-h4-color: var(--beae-heading-color);
--beae-h5-font-family: Assistant;
--beae-h5-font-size: 20px;
--beae-h5-font-weight: 600;
--beae-h5-line-height: 1.4;
--beae-h5-letter-spacing: 0px;
--beae-h5-text-transform: capitalize;
--beae-h5-font-style: normal;
--beae-h5-text-align: start;
--beae-h5-color: var(--beae-heading-color);
--beae-p-font-family: Assistant;
--beae-p-font-size: 18px;
--beae-p-font-weight: 400;
--beae-p-line-height: 1.6;
--beae-p-letter-spacing: 0px;
--beae-p-text-transform: none;
--beae-p-font-style: normal;
--beae-p-text-align: start;
--beae-p-color: var(--beae-text-color);
--beae-p2-font-family: Assistant;
--beae-p2-font-size: 16px;
--beae-p2-font-weight: 400;
--beae-p2-line-height: 1.6;
--beae-p2-letter-spacing: 0px;
--beae-p2-text-transform: none;
--beae-p2-font-style: normal;
--beae-p2-text-align: start;
--beae-p2-color: var(--beae-text-color);
--beae-p3-font-family: Assistant;
--beae-p3-font-size: 14px;
--beae-p3-font-weight: 400;
--beae-p3-line-height: 1.5;
--beae-p3-letter-spacing: 0px;
--beae-p3-text-transform: none;
--beae-p3-font-style: normal;
--beae-p3-text-align: start;
--beae-p3-color: var(--beae-text-color);
--beae-eyebrow-font-family: Assistant;
--beae-eyebrow-font-size: 13px;
--beae-eyebrow-font-weight: 500;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-eyebrow-text-transform: uppercase;
--beae-eyebrow-font-style: normal;
--beae-eyebrow-text-align: start;
--beae-eyebrow-color: var(--beae-text-color);
--beae-btn-font-size: 15px;
--beae-btn-font-weight: 400;
--beae-btn-letter-spacing: 1px;
--beae-btn-text-transform: uppercase;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-border-radius: 0px;
--beae-btn-transition-hover: 150ms;
--beae-btn-pr-border-width: 1px;
--beae-btn-pr-shadow-x: 0px;
--beae-btn-pr-shadow-y: 0px;
--beae-btn-pr-shadow-blur: 0px;
--beae-btn-pr-shadow-transparent: 0%;
--beae-btn-se-border-width: 1px;
--beae-btn-se-shadow-x: 0px;
--beae-btn-se-shadow-y: 0px;
--beae-btn-se-shadow-blur: 0px;
--beae-btn-se-shadow-transparent: 0%;
--beae-btn-te-underline: underline;
--beae-btn-te-underline-offset: 5px; }
    @media (min-width: 767.79px) and (max-width: 1180px) { :root{ --beae-h1-font-size: 48px;
--beae-h1-line-height: 1.12;
--beae-h1-letter-spacing: -0.02px;
--beae-h2-font-size: 36px;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h3-font-size: 28px;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h4-font-size: 22px;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h5-font-size: 19px;
--beae-h5-line-height: 1.4;
--beae-p-font-size: 18px;
--beae-p-line-height: 1.6;
--beae-p2-font-size: 16px;
--beae-p2-line-height: 1.6;
--beae-p3-font-size: 14px;
--beae-p3-line-height: 1.5;
--beae-eyebrow-font-size: 13px;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-btn-font-size: 15px;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-pr-border-width: 1px;
--beae-btn-se-border-width: 1px; }}
    @media (max-width: 767px) { :root{ --beae-h1-font-size: 40px;
--beae-h1-line-height: 1.15;
--beae-h1-letter-spacing: -0.02px;
--beae-h2-font-size: 32px;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h3-font-size: 26px;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h4-font-size: 20px;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h5-font-size: 18px;
--beae-h5-line-height: 1.4;
--beae-p-font-size: 17px;
--beae-p-line-height: 1.6;
--beae-p2-font-size: 15px;
--beae-p2-line-height: 1.6;
--beae-p3-font-size: 13px;
--beae-p3-line-height: 1.5;
--beae-eyebrow-font-size: 12px;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-btn-font-size: 15px;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-pr-border-width: 1px;
--beae-btn-se-border-width: 1px; }}
    
        .beae-featured-card{
          --beae-card-gap: 4px;
          --beae-card-padding: 4px;
          --beae-card-border-width: 0px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 8px;
          --beae-card-shadow-blur: 24px;
          --beae-card-shadow-transparent: 0%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-product-card{
          --beae-card-gap: 3px;
          --beae-card-padding: 4px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 8px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 1px;
          --beae-card-shadow-blur: 3px;
          --beae-card-shadow-transparent: 0%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-pricing-card{
          --beae-card-gap: 5px;
          --beae-card-padding: 8px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 4px;
          --beae-card-shadow-blur: 12px;
          --beae-card-shadow-transparent: 8%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-cta-card{
          --beae-card-gap: 4px;
          --beae-card-padding: 10px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 2px;
          --beae-card-shadow-blur: 8px;
          --beae-card-shadow-transparent: 6%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-media-card{
          --beae-card-gap: 0px;
          --beae-card-padding: 0px;
          --beae-card-border-width: 0px;
          --beae-card-border-radius: 8px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 4px;
          --beae-card-shadow-blur: 12px;
          --beae-card-shadow-transparent: 8%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
          .beae-h1 {
            font-family: var(--beae-h1-font-family);
            font-size: var(--beae-h1-font-size);
            font-weight: var(--beae-h1-font-weight);
            line-height: var(--beae-h1-line-height);
            letter-spacing: var(--beae-h1-letter-spacing);
            text-transform: var(--beae-h1-text-transform);
            font-style: var(--beae-h1-font-style);
            text-align: var(--beae-h1-text-align, start);
            color: var(--beae-h1-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h1 {
              font-size: var(--beae-h1-font-size-tablet, var(--beae-h1-font-size));
              line-height: var(--beae-h1-line-height-tablet, var(--beae-h1-line-height));
              letter-spacing: var(--beae-h1-letter-spacing-tablet, var(--beae-h1-letter-spacing));
              text-align: var(--beae-h1-text-align-tablet, var(--beae-h1-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h1 {
              font-size: var(--beae-h1-font-size-mobile, var(--beae-h1-font-size));
              line-height: var(--beae-h1-line-height-mobile, var(--beae-h1-line-height));
              letter-spacing: var(--beae-h1-letter-spacing-mobile, var(--beae-h1-letter-spacing));
              text-align: var(--beae-h1-text-align-mobile, var(--beae-h1-text-align, start));
            }
          }
        
          .beae-h2 {
            font-family: var(--beae-h2-font-family);
            font-size: var(--beae-h2-font-size);
            font-weight: var(--beae-h2-font-weight);
            line-height: var(--beae-h2-line-height);
            letter-spacing: var(--beae-h2-letter-spacing);
            text-transform: var(--beae-h2-text-transform);
            font-style: var(--beae-h2-font-style);
            text-align: var(--beae-h2-text-align, start);
            color: var(--beae-h2-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h2 {
              font-size: var(--beae-h2-font-size-tablet, var(--beae-h2-font-size));
              line-height: var(--beae-h2-line-height-tablet, var(--beae-h2-line-height));
              letter-spacing: var(--beae-h2-letter-spacing-tablet, var(--beae-h2-letter-spacing));
              text-align: var(--beae-h2-text-align-tablet, var(--beae-h2-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h2 {
              font-size: var(--beae-h2-font-size-mobile, var(--beae-h2-font-size));
              line-height: var(--beae-h2-line-height-mobile, var(--beae-h2-line-height));
              letter-spacing: var(--beae-h2-letter-spacing-mobile, var(--beae-h2-letter-spacing));
              text-align: var(--beae-h2-text-align-mobile, var(--beae-h2-text-align, start));
            }
          }
        
          .beae-h3 {
            font-family: var(--beae-h3-font-family);
            font-size: var(--beae-h3-font-size);
            font-weight: var(--beae-h3-font-weight);
            line-height: var(--beae-h3-line-height);
            letter-spacing: var(--beae-h3-letter-spacing);
            text-transform: var(--beae-h3-text-transform);
            font-style: var(--beae-h3-font-style);
            text-align: var(--beae-h3-text-align, start);
            color: var(--beae-h3-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h3 {
              font-size: var(--beae-h3-font-size-tablet, var(--beae-h3-font-size));
              line-height: var(--beae-h3-line-height-tablet, var(--beae-h3-line-height));
              letter-spacing: var(--beae-h3-letter-spacing-tablet, var(--beae-h3-letter-spacing));
              text-align: var(--beae-h3-text-align-tablet, var(--beae-h3-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h3 {
              font-size: var(--beae-h3-font-size-mobile, var(--beae-h3-font-size));
              line-height: var(--beae-h3-line-height-mobile, var(--beae-h3-line-height));
              letter-spacing: var(--beae-h3-letter-spacing-mobile, var(--beae-h3-letter-spacing));
              text-align: var(--beae-h3-text-align-mobile, var(--beae-h3-text-align, start));
            }
          }
        
          .beae-h4 {
            font-family: var(--beae-h4-font-family);
            font-size: var(--beae-h4-font-size);
            font-weight: var(--beae-h4-font-weight);
            line-height: var(--beae-h4-line-height);
            letter-spacing: var(--beae-h4-letter-spacing);
            text-transform: var(--beae-h4-text-transform);
            font-style: var(--beae-h4-font-style);
            text-align: var(--beae-h4-text-align, start);
            color: var(--beae-h4-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h4 {
              font-size: var(--beae-h4-font-size-tablet, var(--beae-h4-font-size));
              line-height: var(--beae-h4-line-height-tablet, var(--beae-h4-line-height));
              letter-spacing: var(--beae-h4-letter-spacing-tablet, var(--beae-h4-letter-spacing));
              text-align: var(--beae-h4-text-align-tablet, var(--beae-h4-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h4 {
              font-size: var(--beae-h4-font-size-mobile, var(--beae-h4-font-size));
              line-height: var(--beae-h4-line-height-mobile, var(--beae-h4-line-height));
              letter-spacing: var(--beae-h4-letter-spacing-mobile, var(--beae-h4-letter-spacing));
              text-align: var(--beae-h4-text-align-mobile, var(--beae-h4-text-align, start));
            }
          }
        
          .beae-h5 {
            font-family: var(--beae-h5-font-family);
            font-size: var(--beae-h5-font-size);
            font-weight: var(--beae-h5-font-weight);
            line-height: var(--beae-h5-line-height);
            letter-spacing: var(--beae-h5-letter-spacing);
            text-transform: var(--beae-h5-text-transform);
            font-style: var(--beae-h5-font-style);
            text-align: var(--beae-h5-text-align, start);
            color: var(--beae-h5-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h5 {
              font-size: var(--beae-h5-font-size-tablet, var(--beae-h5-font-size));
              line-height: var(--beae-h5-line-height-tablet, var(--beae-h5-line-height));
              letter-spacing: var(--beae-h5-letter-spacing-tablet, var(--beae-h5-letter-spacing));
              text-align: var(--beae-h5-text-align-tablet, var(--beae-h5-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h5 {
              font-size: var(--beae-h5-font-size-mobile, var(--beae-h5-font-size));
              line-height: var(--beae-h5-line-height-mobile, var(--beae-h5-line-height));
              letter-spacing: var(--beae-h5-letter-spacing-mobile, var(--beae-h5-letter-spacing));
              text-align: var(--beae-h5-text-align-mobile, var(--beae-h5-text-align, start));
            }
          }
        
          .beae-p {
            font-family: var(--beae-p-font-family);
            font-size: var(--beae-p-font-size);
            font-weight: var(--beae-p-font-weight);
            line-height: var(--beae-p-line-height);
            letter-spacing: var(--beae-p-letter-spacing);
            text-transform: var(--beae-p-text-transform);
            font-style: var(--beae-p-font-style);
            text-align: var(--beae-p-text-align, start);
            color: var(--beae-p-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p {
              font-size: var(--beae-p-font-size-tablet, var(--beae-p-font-size));
              line-height: var(--beae-p-line-height-tablet, var(--beae-p-line-height));
              letter-spacing: var(--beae-p-letter-spacing-tablet, var(--beae-p-letter-spacing));
              text-align: var(--beae-p-text-align-tablet, var(--beae-p-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p {
              font-size: var(--beae-p-font-size-mobile, var(--beae-p-font-size));
              line-height: var(--beae-p-line-height-mobile, var(--beae-p-line-height));
              letter-spacing: var(--beae-p-letter-spacing-mobile, var(--beae-p-letter-spacing));
              text-align: var(--beae-p-text-align-mobile, var(--beae-p-text-align, start));
            }
          }
        
          .beae-p2 {
            font-family: var(--beae-p2-font-family);
            font-size: var(--beae-p2-font-size);
            font-weight: var(--beae-p2-font-weight);
            line-height: var(--beae-p2-line-height);
            letter-spacing: var(--beae-p2-letter-spacing);
            text-transform: var(--beae-p2-text-transform);
            font-style: var(--beae-p2-font-style);
            text-align: var(--beae-p2-text-align, start);
            color: var(--beae-p2-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p2 {
              font-size: var(--beae-p2-font-size-tablet, var(--beae-p2-font-size));
              line-height: var(--beae-p2-line-height-tablet, var(--beae-p2-line-height));
              letter-spacing: var(--beae-p2-letter-spacing-tablet, var(--beae-p2-letter-spacing));
              text-align: var(--beae-p2-text-align-tablet, var(--beae-p2-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p2 {
              font-size: var(--beae-p2-font-size-mobile, var(--beae-p2-font-size));
              line-height: var(--beae-p2-line-height-mobile, var(--beae-p2-line-height));
              letter-spacing: var(--beae-p2-letter-spacing-mobile, var(--beae-p2-letter-spacing));
              text-align: var(--beae-p2-text-align-mobile, var(--beae-p2-text-align, start));
            }
          }
        
          .beae-p3 {
            font-family: var(--beae-p3-font-family);
            font-size: var(--beae-p3-font-size);
            font-weight: var(--beae-p3-font-weight);
            line-height: var(--beae-p3-line-height);
            letter-spacing: var(--beae-p3-letter-spacing);
            text-transform: var(--beae-p3-text-transform);
            font-style: var(--beae-p3-font-style);
            text-align: var(--beae-p3-text-align, start);
            color: var(--beae-p3-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p3 {
              font-size: var(--beae-p3-font-size-tablet, var(--beae-p3-font-size));
              line-height: var(--beae-p3-line-height-tablet, var(--beae-p3-line-height));
              letter-spacing: var(--beae-p3-letter-spacing-tablet, var(--beae-p3-letter-spacing));
              text-align: var(--beae-p3-text-align-tablet, var(--beae-p3-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p3 {
              font-size: var(--beae-p3-font-size-mobile, var(--beae-p3-font-size));
              line-height: var(--beae-p3-line-height-mobile, var(--beae-p3-line-height));
              letter-spacing: var(--beae-p3-letter-spacing-mobile, var(--beae-p3-letter-spacing));
              text-align: var(--beae-p3-text-align-mobile, var(--beae-p3-text-align, start));
            }
          }
        
          .beae-eyebrow {
            font-family: var(--beae-eyebrow-font-family);
            font-size: var(--beae-eyebrow-font-size);
            font-weight: var(--beae-eyebrow-font-weight);
            line-height: var(--beae-eyebrow-line-height);
            letter-spacing: var(--beae-eyebrow-letter-spacing);
            text-transform: var(--beae-eyebrow-text-transform);
            font-style: var(--beae-eyebrow-font-style);
            text-align: var(--beae-eyebrow-text-align, start);
            color: var(--beae-eyebrow-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-eyebrow {
              font-size: var(--beae-eyebrow-font-size-tablet, var(--beae-eyebrow-font-size));
              line-height: var(--beae-eyebrow-line-height-tablet, var(--beae-eyebrow-line-height));
              letter-spacing: var(--beae-eyebrow-letter-spacing-tablet, var(--beae-eyebrow-letter-spacing));
              text-align: var(--beae-eyebrow-text-align-tablet, var(--beae-eyebrow-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-eyebrow {
              font-size: var(--beae-eyebrow-font-size-mobile, var(--beae-eyebrow-font-size));
              line-height: var(--beae-eyebrow-line-height-mobile, var(--beae-eyebrow-line-height));
              letter-spacing: var(--beae-eyebrow-letter-spacing-mobile, var(--beae-eyebrow-letter-spacing));
              text-align: var(--beae-eyebrow-text-align-mobile, var(--beae-eyebrow-text-align, start));
            }
          }
        
.beae-btn-pr, .beae-btn-se, .beae-btn-te {
        display: flex;
        align-items: center;
        justify-content:center;
        text-align: center;
        font-family: var(--beae-p-font-family);
        font-size: var(--beae-btn-font-size);
        font-weight: var(--beae-btn-font-weight);
        text-transform: var(--beae-btn-text-transform);
        letter-spacing: var(--beae-btn-letter-spacing);
        line-height: 1.5;
        font-style: var(--beae-p-font-style);
        transition: all ease-in var(--beae-btn-transition-hover, 0ms);
      }
@media (min-width: 767.79px) and (max-width: 1180px) {
        .beae-btn-pr, .beae-btn-se, .beae-btn-te {
          font-size: var(--beae-btn-font-size-tablet, var(--beae-btn-font-size));
        }
      }
@media(max-width: 767px){
        .beae-btn-pr, .beae-btn-se, .beae-btn-te {
          font-size: var(--beae-btn-font-size-mobile,var(--beae-btn-font-size));
        }
      }
.beae-btn-pr {
            cursor: pointer;
            color: var(--beae-btn-pr-label-color);
            
              height: var(--beae-btn-height);
              padding: 0px var(--beae-btn-padding);
              border-radius: var(--beae-btn-border-radius);
              outline: var(--beae-btn-pr-border-width) solid var(--beae-btn-pr-border-color);
              outline-offset: calc(var(--beae-btn-pr-border-width) * -1);
              background: var(--beae-btn-pr-background-color);
              box-shadow: var(--beae-btn-pr-shadow-x) var(--beae-btn-pr-shadow-y) var(--beae-btn-pr-shadow-blur) rgba(0, 0, 0, var(--beae-btn-pr-shadow-transparent));
            
          }
@media(min-width: 767.79px) and (max-width: 1180px){
              .beae-btn-pr {
                height: var(--beae-btn-height-tablet, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-tablet, var(--beae-btn-padding));
              }
            }
@media(max-width: 767px){
              .beae-btn-pr {
                height: var(--beae-btn-height-mobile, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-mobile, var(--beae-btn-padding));
              }
            }
.beae-btn-pr:hover {
            color: var(--beae-btn-pr-label-hover);
            
              background: var(--beae-btn-pr-background-hover);
              outline-color: var(--beae-btn-pr-border-hover); 
            
          }
.beae-btn-se {
            cursor: pointer;
            color: var(--beae-btn-se-label-color);
            
              height: var(--beae-btn-height);
              padding: 0px var(--beae-btn-padding);
              border-radius: var(--beae-btn-border-radius);
              outline: var(--beae-btn-se-border-width) solid var(--beae-btn-se-border-color);
              outline-offset: calc(var(--beae-btn-se-border-width) * -1);
              background: var(--beae-btn-se-background-color);
              box-shadow: var(--beae-btn-se-shadow-x) var(--beae-btn-se-shadow-y) var(--beae-btn-se-shadow-blur) rgba(0, 0, 0, var(--beae-btn-se-shadow-transparent));
            
          }
@media(min-width: 767.79px) and (max-width: 1180px){
              .beae-btn-se {
                height: var(--beae-btn-height-tablet, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-tablet, var(--beae-btn-padding));
              }
            }
@media(max-width: 767px){
              .beae-btn-se {
                height: var(--beae-btn-height-mobile, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-mobile, var(--beae-btn-padding));
              }
            }
.beae-btn-se:hover {
            color: var(--beae-btn-se-label-hover);
            
              background: var(--beae-btn-se-background-hover);
              outline-color: var(--beae-btn-se-border-hover); 
            
          }
.beae-btn-te {
            cursor: pointer;
            color: var(--beae-btn-te-label-color);
            
              text-decoration: var(--beae-btn-te-underline);
              text-underline-offset: var(--beae-btn-te-underline-offset);
              position: relative;
            
          }
.beae-btn-te:hover {
            color: var(--beae-btn-te-label-hover);
            
          }
    
  [data-bnode="beae-ush75j"] { --ush75j-gap: 0px; --ush75j-gap-tablet: 0px; --ush75j-gap-mobile: 0px; --ush75j-width: 1920px; --ush75j-width-tablet: 1920px; --ush75j-width-mobile: 1920px; --ush75j-height: 720px; --ush75j-height-tablet: 600px; --ush75j-height-mobile: fit-content; --ush75j-columns: 39.70,60.30; --ush75j-columns-tablet: 39.70,60.30; --ush75j-columns-mobile: 39.70,60.30; --ush75j-padding-top: 0px; --ush75j-padding-top-tablet: 0px; --ush75j-padding-top-mobile: 0px; --ush75j-padding-left: 0px; --ush75j-padding-left-tablet: 0px; --ush75j-padding-left-mobile: 0px; --ush75j-padding-right: 0px; --ush75j-padding-right-tablet: 0px; --ush75j-padding-right-mobile: 0px; --ush75j-padding-bottom: 0px; --ush75j-padding-bottom-tablet: 0px; --ush75j-padding-bottom-mobile: 0px; --ush75j-direction: row-reverse; --ush75j-direction-tablet: row-reverse; --ush75j-direction-mobile: column-reverse; --ush75j-structure: columns; --ush75j-structure-tablet: auto; --ush75j-structure-mobile: auto; --ush75j-align-items: stretch; --ush75j-align-items-tablet: stretch; --ush75j-align-items-mobile: stretch; --ush75j-columnsPresetId: 39.70,60.30; --ush75j-columnsPresetId-tablet: 39.70,60.30; --ush75j-columnsPresetId-mobile: 39.70,60.30; }[data-bnode="beae-ush75j"] { padding-top: var(--ush75j-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--ush75j-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--ush75j-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--ush75j-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ush75j-padding-top-tablet, var(--ush75j-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--ush75j-padding-right-tablet, var(--ush75j-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--ush75j-padding-bottom-tablet, var(--ush75j-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--ush75j-padding-left-tablet, var(--ush75j-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ush75j-padding-top-mobile, var(--ush75j-padding-top-tablet, var(--ush75j-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--ush75j-padding-right-mobile, var(--ush75j-padding-right-tablet, var(--ush75j-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--ush75j-padding-bottom-mobile, var(--ush75j-padding-bottom-tablet, var(--ush75j-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--ush75j-padding-left-mobile, var(--ush75j-padding-left-tablet, var(--ush75j-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--ush75j-padding-left, var(--beae-section-padding-x, 0px)) - var(--ush75j-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--ush75j-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--ush75j-height); width: 100%; max-width: var(--ush75j-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--ush75j-height-tablet, auto); width: 100%; max-width: var(--ush75j-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--ush75j-height-mobile, auto); width: 100%; max-width: var(--ush75j-width-mobile, 100%); } } } }[data-bnode="beae-ush75j"] > .beae-section-container{     display: flex;     flex-direction: var(--ush75j-direction, column);     flex-wrap: nowrap;     justify-content: var(--ush75j-justify-content);     align-items: var(--ush75j-align-items);     gap: var(--ush75j-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(39.70% - var(--ush75j-padding-right, 0px) - var(--ush75j-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(60.30% - var(--ush75j-padding-right, 0px) - var(--ush75j-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--ush75j-padding-right, 0px) - var(--ush75j-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ush75j"] > .beae-section-container{                      align-items: var(--ush75j-align-items-tablet, inherit);      gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-ush75j"] > .beae-section-container{      flex-direction: var(--ush75j-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-si3647"] { --si3647-gap: 0px; --si3647-gap-tablet: 0px; --si3647-gap-mobile: 48px; --si3647-padding-top: 112px; --si3647-padding-top-tablet: 80px; --si3647-padding-top-mobile: 48px; --si3647-padding-left: 112px; --si3647-padding-left-tablet: 1px; --si3647-padding-left-mobile: 24px; --si3647-padding-right: 112px; --si3647-padding-right-tablet: 1px; --si3647-padding-right-mobile: 24px; --si3647-padding-bottom: 112px; --si3647-padding-bottom-tablet: 80px; --si3647-padding-bottom-mobile: 48px; --si3647-direction: column; --si3647-direction-tablet: column-reverse; --si3647-direction-mobile: column-reverse; --si3647-structure: auto; --si3647-structure-tablet: auto; --si3647-structure-mobile: auto; --si3647-background-type: color; --si3647-background-type-tablet: color; --si3647-background-type-mobile: color; --si3647-background-color: #F3F6EF; --si3647-background-color-tablet: #F3F6EF; --si3647-background-color-mobile: #F3F6EF; --si3647-background-image: [object Object]; --si3647-background-image-tablet: [object Object]; --si3647-background-image-mobile: [object Object]; --si3647-background-imageRatio: 3/4; --si3647-background-imageRatio-tablet: 3/4; --si3647-background-imageRatio-mobile: 3/4; --si3647-align-items: stretch; --si3647-align-items-tablet: stretch; --si3647-align-items-mobile: stretch; --si3647-justify-content: space-between; --si3647-justify-content-tablet: space-between; --si3647-justify-content-mobile: space-between; }[data-bnode="beae-si3647"] { padding-top: var(--si3647-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--si3647-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--si3647-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--si3647-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--si3647-padding-top-tablet, var(--si3647-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--si3647-padding-right-tablet, var(--si3647-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--si3647-padding-bottom-tablet, var(--si3647-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--si3647-padding-left-tablet, var(--si3647-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--si3647-padding-top-mobile, var(--si3647-padding-top-tablet, var(--si3647-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--si3647-padding-right-mobile, var(--si3647-padding-right-tablet, var(--si3647-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--si3647-padding-bottom-mobile, var(--si3647-padding-bottom-tablet, var(--si3647-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--si3647-padding-left-mobile, var(--si3647-padding-left-tablet, var(--si3647-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--si3647-padding-left, var(--beae-slot-padding-x, 0px)) - var(--si3647-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--si3647-background-imageRatio, auto); background: var(--si3647-background-color,transparent); border-style: var(--si3647-borderStyle,solid); border-color: var(--si3647-borderColor,#000000); border-width: var(--si3647-borderWidth-tl,0px) var(--si3647-borderWidth-tr,0px) var(--si3647-borderWidth-br,0px) var(--si3647-borderWidth-bl,0px); border-radius: var(--si3647-borderRadius-tl,0px) var(--si3647-borderRadius-tr,0px) var(--si3647-borderRadius-br,0px) var(--si3647-borderRadius-bl,0px); box-shadow: if(style(--si3647-enableShadow: true): var(--si3647-shadowHorizontal,0) var(--si3647-shadowVertical,0) var(--si3647-shadowBlur,0) 1px var(--si3647-shadowColor,#000000); else: none); max-width: var(--si3647-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--si3647-background-imageRatio-tablet, var(--si3647-background-imageRatio, auto)); border-width: var(--si3647-borderWidth-tl-tablet,0px) var(--si3647-borderWidth-tr-tablet,0px) var(--si3647-borderWidth-br-tablet,0px) var(--si3647-borderWidth-bl-tablet,0px); border-radius: var(--si3647-borderRadius-tl-tablet,0px) var(--si3647-borderRadius-tr-tablet,0px) var(--si3647-borderRadius-br-tablet,0px) var(--si3647-borderRadius-bl-tablet,0px); max-width: var(--si3647-max-width-tablet, var(--si3647-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--si3647-background-imageRatio-mobile, var(--si3647-background-imageRatio, auto)); border-width: var(--si3647-borderWidth-tl-mobile,0px) var(--si3647-borderWidth-tr-mobile,0px) var(--si3647-borderWidth-br-mobile,0px) var(--si3647-borderWidth-bl-mobile,0px); border-radius: var(--si3647-borderRadius-tl-mobile,0px) var(--si3647-borderRadius-tr-mobile,0px) var(--si3647-borderRadius-br-mobile,0px) var(--si3647-borderRadius-bl-mobile,0px); max-width: var(--si3647-max-width-mobile, var(--si3647-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--si3647-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--si3647-gap,var(--beae-card-gap)); padding-top: var(--si3647-padding-top,var(--beae-card-padding)); padding-right: var(--si3647-padding-right,var(--beae-card-padding)); padding-bottom: var(--si3647-padding-bottom,var(--beae-card-padding)); padding-left: var(--si3647-padding-left,var(--beae-card-padding)); border-width: var(--si3647-borderWidth,var(--beae-card-border-width)); border-width: var(--si3647-borderWidth-tl,var(--beae-card-border-width)) var(--si3647-borderWidth-tr,var(--beae-card-border-width)) var(--si3647-borderWidth-br,var(--beae-card-border-width)) var(--si3647-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--si3647-borderRadius-tl,var(--beae-card-border-radius)) var(--si3647-borderRadius-tr,var(--beae-card-border-radius)) var(--si3647-borderRadius-br,var(--beae-card-border-radius)) var(--si3647-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--si3647-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--si3647-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--si3647-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--si3647-padding-left-tablet,var(--beae-card-padding)); border-width: var(--si3647-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--si3647-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--si3647-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--si3647-borderWidth-br-desktop,var(--beae-card-border-width)) var(--si3647-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--si3647-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--si3647-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--si3647-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--si3647-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--si3647-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--si3647-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--si3647-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--si3647-padding-left-mobile,var(--beae-card-padding)); border-width: var(--si3647-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--si3647-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--si3647-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--si3647-borderWidth-br-mobile,var(--beae-card-border-width)) var(--si3647-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--si3647-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--si3647-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--si3647-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--si3647-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--si3647-background-color,var(--beae-card-featured-background)); border-color: var(--si3647-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--si3647-enableShadow: true): var(--si3647-shadowHorizontal, var(--beae-card-shadow-x)) var(--si3647-shadowVertical, var(--beae-card-shadow-y)) var(--si3647-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--si3647-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--si3647-background-color,var(--beae-card-prod-background)); border-color: var(--si3647-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--si3647-enableShadow: true): var(--si3647-shadowHorizontal, var(--beae-card-shadow-x)) var(--si3647-shadowVertical, var(--beae-card-shadow-y)) var(--si3647-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--si3647-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--si3647-background-color,var(--beae-card-pricing-background)); border-color: var(--si3647-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--si3647-enableShadow: true): var(--si3647-shadowHorizontal, var(--beae-card-shadow-x)) var(--si3647-shadowVertical, var(--beae-card-shadow-y)) var(--si3647-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--si3647-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--si3647-background-color,var(--beae-card-cta-background)); border-color: var(--si3647-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--si3647-enableShadow: true): var(--si3647-shadowHorizontal, var(--beae-card-shadow-x)) var(--si3647-shadowVertical, var(--beae-card-shadow-y)) var(--si3647-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--si3647-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--si3647-background-color,var(--beae-card-media-background)); border-color: var(--si3647-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--si3647-enableShadow: true): var(--si3647-shadowHorizontal, var(--beae-card-shadow-x)) var(--si3647-shadowVertical, var(--beae-card-shadow-y)) var(--si3647-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--si3647-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-si3647"] {     display: flex;     flex-direction: var(--si3647-direction, column);     flex-wrap: nowrap;     justify-content: var(--si3647-justify-content);     align-items: var(--si3647-align-items);     gap: var(--si3647-gap, var(--si3647-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-si3647"] {      flex-direction: var(--si3647-direction-tablet, column);                      gap: var(--si3647-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-si3647"] {                            gap: var(--si3647-gap-mobile, var(--si3647-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-pqjajl"] { --pqjajl-gap: 12px; --pqjajl-gap-tablet: 12px; --pqjajl-gap-mobile: 12px; --pqjajl-padding-top: 0px; --pqjajl-padding-top-tablet: 0px; --pqjajl-padding-top-mobile: 0px; --pqjajl-padding-left: 0px; --pqjajl-padding-left-tablet: 48px; --pqjajl-padding-left-mobile: 0px; --pqjajl-padding-right: 0px; --pqjajl-padding-right-tablet: 48px; --pqjajl-padding-right-mobile: 0px; --pqjajl-padding-bottom: 0px; --pqjajl-padding-bottom-tablet: 0px; --pqjajl-padding-bottom-mobile: 0px; --pqjajl-direction: column; --pqjajl-direction-tablet: column; --pqjajl-direction-mobile: column; --pqjajl-structure: columns; --pqjajl-structure-tablet: auto; --pqjajl-structure-mobile: auto; --pqjajl-background-type: color; --pqjajl-background-type-tablet: color; --pqjajl-background-type-mobile: color; --pqjajl-background-color: #F3F6EF; --pqjajl-background-color-tablet: #F3F6EF; --pqjajl-background-color-mobile: #F3F6EF; --pqjajl-align-items: flex-start; --pqjajl-align-items-tablet: flex-start; --pqjajl-align-items-mobile: flex-start; --pqjajl-borderColor: #F2F2F2; --pqjajl-borderColor-tablet: #F2F2F2; --pqjajl-borderColor-mobile: #F2F2F2; --pqjajl-borderStyle: solid; --pqjajl-borderStyle-tablet: solid; --pqjajl-borderStyle-mobile: solid; --pqjajl-borderWidth-bl: 1px; --pqjajl-borderWidth-bl-tablet: 1px; --pqjajl-borderWidth-bl-mobile: 1px; --pqjajl-borderWidth-br: 1px; --pqjajl-borderWidth-br-tablet: 1px; --pqjajl-borderWidth-br-mobile: 1px; --pqjajl-borderWidth-tl: 1px; --pqjajl-borderWidth-tl-tablet: 1px; --pqjajl-borderWidth-tl-mobile: 1px; --pqjajl-borderWidth-tr: 1px; --pqjajl-borderWidth-tr-tablet: 1px; --pqjajl-borderWidth-tr-mobile: 1px; --pqjajl-borderRadius-bl: 24px; --pqjajl-borderRadius-bl-tablet: 24px; --pqjajl-borderRadius-bl-mobile: 24px; --pqjajl-borderRadius-br: 24px; --pqjajl-borderRadius-br-tablet: 24px; --pqjajl-borderRadius-br-mobile: 24px; --pqjajl-borderRadius-tl: 24px; --pqjajl-borderRadius-tl-tablet: 24px; --pqjajl-borderRadius-tl-mobile: 24px; --pqjajl-borderRadius-tr: 24px; --pqjajl-borderRadius-tr-tablet: 24px; --pqjajl-borderRadius-tr-mobile: 24px; --pqjajl-justify-content: center; --pqjajl-justify-content-tablet: center; --pqjajl-justify-content-mobile: center; }[data-bnode="beae-pqjajl"] { padding-top: var(--pqjajl-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pqjajl-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pqjajl-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pqjajl-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pqjajl-padding-top-tablet, var(--pqjajl-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pqjajl-padding-right-tablet, var(--pqjajl-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pqjajl-padding-bottom-tablet, var(--pqjajl-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pqjajl-padding-left-tablet, var(--pqjajl-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pqjajl-padding-top-mobile, var(--pqjajl-padding-top-tablet, var(--pqjajl-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pqjajl-padding-right-mobile, var(--pqjajl-padding-right-tablet, var(--pqjajl-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pqjajl-padding-bottom-mobile, var(--pqjajl-padding-bottom-tablet, var(--pqjajl-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pqjajl-padding-left-mobile, var(--pqjajl-padding-left-tablet, var(--pqjajl-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--pqjajl-padding-left, var(--beae-slot-padding-x, 0px)) - var(--pqjajl-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--pqjajl-background-imageRatio, auto); background: var(--pqjajl-background-color,transparent); border-style: var(--pqjajl-borderStyle,solid); border-color: var(--pqjajl-borderColor,#000000); border-width: var(--pqjajl-borderWidth-tl,0px) var(--pqjajl-borderWidth-tr,0px) var(--pqjajl-borderWidth-br,0px) var(--pqjajl-borderWidth-bl,0px); border-radius: var(--pqjajl-borderRadius-tl,0px) var(--pqjajl-borderRadius-tr,0px) var(--pqjajl-borderRadius-br,0px) var(--pqjajl-borderRadius-bl,0px); box-shadow: if(style(--pqjajl-enableShadow: true): var(--pqjajl-shadowHorizontal,0) var(--pqjajl-shadowVertical,0) var(--pqjajl-shadowBlur,0) 1px var(--pqjajl-shadowColor,#000000); else: none); max-width: var(--pqjajl-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--pqjajl-background-imageRatio-tablet, var(--pqjajl-background-imageRatio, auto)); border-width: var(--pqjajl-borderWidth-tl-tablet,0px) var(--pqjajl-borderWidth-tr-tablet,0px) var(--pqjajl-borderWidth-br-tablet,0px) var(--pqjajl-borderWidth-bl-tablet,0px); border-radius: var(--pqjajl-borderRadius-tl-tablet,0px) var(--pqjajl-borderRadius-tr-tablet,0px) var(--pqjajl-borderRadius-br-tablet,0px) var(--pqjajl-borderRadius-bl-tablet,0px); max-width: var(--pqjajl-max-width-tablet, var(--pqjajl-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--pqjajl-background-imageRatio-mobile, var(--pqjajl-background-imageRatio, auto)); border-width: var(--pqjajl-borderWidth-tl-mobile,0px) var(--pqjajl-borderWidth-tr-mobile,0px) var(--pqjajl-borderWidth-br-mobile,0px) var(--pqjajl-borderWidth-bl-mobile,0px); border-radius: var(--pqjajl-borderRadius-tl-mobile,0px) var(--pqjajl-borderRadius-tr-mobile,0px) var(--pqjajl-borderRadius-br-mobile,0px) var(--pqjajl-borderRadius-bl-mobile,0px); max-width: var(--pqjajl-max-width-mobile, var(--pqjajl-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pqjajl-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--pqjajl-gap,var(--beae-card-gap)); padding-top: var(--pqjajl-padding-top,var(--beae-card-padding)); padding-right: var(--pqjajl-padding-right,var(--beae-card-padding)); padding-bottom: var(--pqjajl-padding-bottom,var(--beae-card-padding)); padding-left: var(--pqjajl-padding-left,var(--beae-card-padding)); border-width: var(--pqjajl-borderWidth,var(--beae-card-border-width)); border-width: var(--pqjajl-borderWidth-tl,var(--beae-card-border-width)) var(--pqjajl-borderWidth-tr,var(--beae-card-border-width)) var(--pqjajl-borderWidth-br,var(--beae-card-border-width)) var(--pqjajl-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pqjajl-borderRadius-tl,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-tr,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-br,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--pqjajl-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pqjajl-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pqjajl-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pqjajl-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pqjajl-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--pqjajl-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pqjajl-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pqjajl-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pqjajl-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pqjajl-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--pqjajl-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pqjajl-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pqjajl-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pqjajl-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pqjajl-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--pqjajl-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pqjajl-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pqjajl-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pqjajl-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pqjajl-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pqjajl-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pqjajl-background-color,var(--beae-card-featured-background)); border-color: var(--pqjajl-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--pqjajl-enableShadow: true): var(--pqjajl-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqjajl-shadowVertical, var(--beae-card-shadow-y)) var(--pqjajl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqjajl-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--pqjajl-background-color,var(--beae-card-prod-background)); border-color: var(--pqjajl-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--pqjajl-enableShadow: true): var(--pqjajl-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqjajl-shadowVertical, var(--beae-card-shadow-y)) var(--pqjajl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqjajl-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--pqjajl-background-color,var(--beae-card-pricing-background)); border-color: var(--pqjajl-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--pqjajl-enableShadow: true): var(--pqjajl-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqjajl-shadowVertical, var(--beae-card-shadow-y)) var(--pqjajl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqjajl-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--pqjajl-background-color,var(--beae-card-cta-background)); border-color: var(--pqjajl-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--pqjajl-enableShadow: true): var(--pqjajl-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqjajl-shadowVertical, var(--beae-card-shadow-y)) var(--pqjajl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqjajl-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--pqjajl-background-color,var(--beae-card-media-background)); border-color: var(--pqjajl-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--pqjajl-enableShadow: true): var(--pqjajl-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqjajl-shadowVertical, var(--beae-card-shadow-y)) var(--pqjajl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqjajl-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-pqjajl"] {     display: flex;     flex-direction: var(--pqjajl-direction, column);     flex-wrap: nowrap;     justify-content: var(--pqjajl-justify-content);     align-items: var(--pqjajl-align-items);     gap: var(--pqjajl-gap, var(--pqjajl-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pqjajl"] {      flex-direction: var(--pqjajl-direction-tablet, column);                 align-items: var(--pqjajl-align-items-tablet, inherit);      gap: var(--pqjajl-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-pqjajl"] {                            gap: var(--pqjajl-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--pqjajl-padding-right-mobile, 0px) - var(--pqjajl-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0o9x5s"] { --0o9x5s-typography: p3; --0o9x5s-typography-tablet: p3; --0o9x5s-typography-mobile: p3; --beae-p3-color: #454645; --beae-p3-font-size: 14px; --beae-p3-text-align: center; --beae-p3-font-family: DM Sans; --beae-p3-font-weight: 500; --beae-p3-line-height: 1.5; --beae-p3-letter-spacing: 0px; --beae-p3-text-transform: uppercase; --beae-p3-font-size-mobile: 14px; --beae-p3-font-size-tablet: 14px; --beae-p-line-height-mobile: 1.5; --beae-p3-line-height-mobile: 1.5; --beae-p3-line-height-tablet: 1.5; --beae-p3-letter-spacing-mobile: 0px; --beae-p3-letter-spacing-tablet: 0px; }[data-bnode="beae-0o9x5s"] { margin-top: var(--0o9x5s-margin-top, 0px); margin-right: var(--0o9x5s-margin-right, 0px); margin-bottom: var(--0o9x5s-margin-bottom, 0px); margin-left: var(--0o9x5s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0o9x5s-margin-top-tablet, 0px); margin-right: var(--0o9x5s-margin-right-tablet, 0px); margin-bottom: var(--0o9x5s-margin-bottom-tablet, 0px); margin-left: var(--0o9x5s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0o9x5s-margin-top-mobile, 0px); margin-right: var(--0o9x5s-margin-right-mobile, 0px); margin-bottom: var(--0o9x5s-margin-bottom-mobile, 0px); margin-left: var(--0o9x5s-margin-left-mobile, 0px); } }[data-bnode="beae-3m6gbl"] { --3m6gbl-typography: h1; --3m6gbl-typography-tablet: h1; --3m6gbl-typography-mobile: h1; --beae-h1-color: #282928; --beae-h1-font-size: 50px; --beae-h1-text-align: start; --beae-h1-font-family: DM Sans; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-text-transform: none; --beae-h1-font-size-mobile: 34px; --beae-h1-font-size-tablet: 40px; --beae-h1-text-align-tablet: start; --beae-h1-line-height-mobile: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-letter-spacing-mobile: -0.4px; --beae-h1-letter-spacing-tablet: -0.4px; }[data-bnode="beae-3m6gbl"] { margin-top: var(--3m6gbl-margin-top, 0px); margin-right: var(--3m6gbl-margin-right, 0px); margin-bottom: var(--3m6gbl-margin-bottom, 0px); margin-left: var(--3m6gbl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3m6gbl-margin-top-tablet, 0px); margin-right: var(--3m6gbl-margin-right-tablet, 0px); margin-bottom: var(--3m6gbl-margin-bottom-tablet, 0px); margin-left: var(--3m6gbl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3m6gbl-margin-top-mobile, 0px); margin-right: var(--3m6gbl-margin-right-mobile, 0px); margin-bottom: var(--3m6gbl-margin-bottom-mobile, 0px); margin-left: var(--3m6gbl-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--3m6gbl-highlightColor,var(--beae-p-color)); top: var(--3m6gbl-highlightTop, 100%); } }[data-bnode="beae-4h6j5n"] { --4h6j5n-width: fill; --4h6j5n-width-tablet: fill; --4h6j5n-width-mobile: fill; --4h6j5n-button: pr; --4h6j5n-button-tablet: pr; --4h6j5n-button-mobile: pr; --4h6j5n-iconGap: 5px; --4h6j5n-iconGap-tablet: 5px; --4h6j5n-iconGap-mobile: 5px; --4h6j5n-iconWidth: 20px; --4h6j5n-iconWidth-tablet: 20px; --4h6j5n-iconWidth-mobile: 20px; --beae-btn-height: 46px; --beae-btn-padding: 36px; --beae-btn-font-size: 14px; --beae-p-font-family: DM Sans; --beae-btn-font-weight: 500; --beae-btn-border-radius: 100px; --beae-btn-height-mobile: 45px; --beae-btn-height-tablet: 45px; --beae-btn-padding-mobile: 30px; --beae-btn-padding-tablet: 30px; --beae-btn-pr-label-color: #ffffff; --beae-btn-text-transform: none; --beae-btn-font-size-mobile: 15px; --beae-btn-font-size-tablet: 15px; --beae-btn-pr-background-color: #d82727; }[data-bnode="beae-4h6j5n"] { margin-top: var(--4h6j5n-margin-top, 0px); margin-right: var(--4h6j5n-margin-right, 0px); margin-bottom: var(--4h6j5n-margin-bottom, 0px); margin-left: var(--4h6j5n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4h6j5n-margin-top-tablet, 0px); margin-right: var(--4h6j5n-margin-right-tablet, 0px); margin-bottom: var(--4h6j5n-margin-bottom-tablet, 0px); margin-left: var(--4h6j5n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4h6j5n-margin-top-mobile, 0px); margin-right: var(--4h6j5n-margin-right-mobile, 0px); margin-bottom: var(--4h6j5n-margin-bottom-mobile, 0px); margin-left: var(--4h6j5n-margin-left-mobile, 0px); } &{ gap:var(--4h6j5n-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--4h6j5n-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--4h6j5n-bgBtnHover)) * 1%)); style(--4h6j5n-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--4h6j5n-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--4h6j5n-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--4h6j5n-labelBtnHover)) * 1%)); style(--4h6j5n-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--4h6j5n-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--4h6j5n-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--4h6j5n-borderBtnHover)) * 1%)); style(--4h6j5n-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--4h6j5n-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--4h6j5n-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--4h6j5n-bgBtnHover)) * 1%)); style(--4h6j5n-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--4h6j5n-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--4h6j5n-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--4h6j5n-labelBtnHover)) * 1%)); style(--4h6j5n-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--4h6j5n-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--4h6j5n-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--4h6j5n-borderBtnHover)) * 1%)); style(--4h6j5n-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--4h6j5n-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--4h6j5n-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--4h6j5n-labelBtnHover)) * 1%)); style(--4h6j5n-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--4h6j5n-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--4h6j5n-iconWidth); } svg { width: var(--4h6j5n-iconWidth,20px); min-width: var(--4h6j5n-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--4h6j5n-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--4h6j5n-iconWidth-tablet, var(--4h6j5n-iconWidth)); } svg { width: var(--4h6j5n-iconWidth-tablet, var(--4h6j5n-iconWidth)); min-width: var(--4h6j5n-iconWidth-tablet, var(--4h6j5n-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--4h6j5n-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--4h6j5n-iconWidth-mobile, var(--4h6j5n-iconWidth)); } svg { width: var(--4h6j5n-iconWidth-mobile, var(--4h6j5n-iconWidth)); min-width: var(--4h6j5n-iconWidth-mobile, var(--4h6j5n-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-jyy5d8"] { --jyy5d8-direction: row; --jyy5d8-direction-tablet: column; --jyy5d8-direction-mobile: column; --jyy5d8-structure: columns; --jyy5d8-structure-tablet: columns; --jyy5d8-structure-mobile: columns; --jyy5d8-padding-top-tablet: 0px; --jyy5d8-padding-top-mobile: 0px; --jyy5d8-padding-left-tablet: 36px; --jyy5d8-padding-left-mobile: 0px; --jyy5d8-padding-right-tablet: 36px; --jyy5d8-padding-right-mobile: 0px; --jyy5d8-padding-bottom-tablet: 0px; --jyy5d8-padding-bottom-mobile: 0px; --jyy5d8-max-width-mobile: 100%; }[data-bnode="beae-jyy5d8"] { padding-top: var(--jyy5d8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jyy5d8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jyy5d8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jyy5d8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jyy5d8-padding-top-tablet, var(--jyy5d8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jyy5d8-padding-right-tablet, var(--jyy5d8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jyy5d8-padding-bottom-tablet, var(--jyy5d8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jyy5d8-padding-left-tablet, var(--jyy5d8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jyy5d8-padding-top-mobile, var(--jyy5d8-padding-top-tablet, var(--jyy5d8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jyy5d8-padding-right-mobile, var(--jyy5d8-padding-right-tablet, var(--jyy5d8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jyy5d8-padding-bottom-mobile, var(--jyy5d8-padding-bottom-tablet, var(--jyy5d8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jyy5d8-padding-left-mobile, var(--jyy5d8-padding-left-tablet, var(--jyy5d8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--jyy5d8-padding-left, var(--beae-slot-padding-x, 0px)) - var(--jyy5d8-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--jyy5d8-background-imageRatio, auto); background: var(--jyy5d8-background-color,transparent); border-style: var(--jyy5d8-borderStyle,solid); border-color: var(--jyy5d8-borderColor,#000000); border-width: var(--jyy5d8-borderWidth-tl,0px) var(--jyy5d8-borderWidth-tr,0px) var(--jyy5d8-borderWidth-br,0px) var(--jyy5d8-borderWidth-bl,0px); border-radius: var(--jyy5d8-borderRadius-tl,0px) var(--jyy5d8-borderRadius-tr,0px) var(--jyy5d8-borderRadius-br,0px) var(--jyy5d8-borderRadius-bl,0px); box-shadow: if(style(--jyy5d8-enableShadow: true): var(--jyy5d8-shadowHorizontal,0) var(--jyy5d8-shadowVertical,0) var(--jyy5d8-shadowBlur,0) 1px var(--jyy5d8-shadowColor,#000000); else: none); max-width: var(--jyy5d8-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--jyy5d8-background-imageRatio-tablet, var(--jyy5d8-background-imageRatio, auto)); border-width: var(--jyy5d8-borderWidth-tl-tablet,0px) var(--jyy5d8-borderWidth-tr-tablet,0px) var(--jyy5d8-borderWidth-br-tablet,0px) var(--jyy5d8-borderWidth-bl-tablet,0px); border-radius: var(--jyy5d8-borderRadius-tl-tablet,0px) var(--jyy5d8-borderRadius-tr-tablet,0px) var(--jyy5d8-borderRadius-br-tablet,0px) var(--jyy5d8-borderRadius-bl-tablet,0px); max-width: var(--jyy5d8-max-width-tablet, var(--jyy5d8-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--jyy5d8-background-imageRatio-mobile, var(--jyy5d8-background-imageRatio, auto)); border-width: var(--jyy5d8-borderWidth-tl-mobile,0px) var(--jyy5d8-borderWidth-tr-mobile,0px) var(--jyy5d8-borderWidth-br-mobile,0px) var(--jyy5d8-borderWidth-bl-mobile,0px); border-radius: var(--jyy5d8-borderRadius-tl-mobile,0px) var(--jyy5d8-borderRadius-tr-mobile,0px) var(--jyy5d8-borderRadius-br-mobile,0px) var(--jyy5d8-borderRadius-bl-mobile,0px); max-width: var(--jyy5d8-max-width-mobile, var(--jyy5d8-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jyy5d8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--jyy5d8-gap,var(--beae-card-gap)); padding-top: var(--jyy5d8-padding-top,var(--beae-card-padding)); padding-right: var(--jyy5d8-padding-right,var(--beae-card-padding)); padding-bottom: var(--jyy5d8-padding-bottom,var(--beae-card-padding)); padding-left: var(--jyy5d8-padding-left,var(--beae-card-padding)); border-width: var(--jyy5d8-borderWidth,var(--beae-card-border-width)); border-width: var(--jyy5d8-borderWidth-tl,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-tr,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-br,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jyy5d8-borderRadius-tl,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-tr,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-br,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--jyy5d8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jyy5d8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jyy5d8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jyy5d8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jyy5d8-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--jyy5d8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jyy5d8-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--jyy5d8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jyy5d8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jyy5d8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jyy5d8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jyy5d8-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--jyy5d8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jyy5d8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jyy5d8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jyy5d8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jyy5d8-background-color,var(--beae-card-featured-background)); border-color: var(--jyy5d8-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--jyy5d8-enableShadow: true): var(--jyy5d8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyy5d8-shadowVertical, var(--beae-card-shadow-y)) var(--jyy5d8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyy5d8-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--jyy5d8-background-color,var(--beae-card-prod-background)); border-color: var(--jyy5d8-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--jyy5d8-enableShadow: true): var(--jyy5d8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyy5d8-shadowVertical, var(--beae-card-shadow-y)) var(--jyy5d8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyy5d8-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--jyy5d8-background-color,var(--beae-card-pricing-background)); border-color: var(--jyy5d8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--jyy5d8-enableShadow: true): var(--jyy5d8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyy5d8-shadowVertical, var(--beae-card-shadow-y)) var(--jyy5d8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyy5d8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--jyy5d8-background-color,var(--beae-card-cta-background)); border-color: var(--jyy5d8-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--jyy5d8-enableShadow: true): var(--jyy5d8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyy5d8-shadowVertical, var(--beae-card-shadow-y)) var(--jyy5d8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyy5d8-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--jyy5d8-background-color,var(--beae-card-media-background)); border-color: var(--jyy5d8-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--jyy5d8-enableShadow: true): var(--jyy5d8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyy5d8-shadowVertical, var(--beae-card-shadow-y)) var(--jyy5d8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyy5d8-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-jyy5d8"] {     display: flex;     flex-direction: var(--jyy5d8-direction, column);     flex-wrap: nowrap;     justify-content: var(--jyy5d8-justify-content);     align-items: var(--jyy5d8-align-items);     gap: var(--jyy5d8-gap, var(--jyy5d8-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--jyy5d8-padding-right, 0px) - var(--jyy5d8-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jyy5d8"] {      flex-direction: var(--jyy5d8-direction-tablet, column);                      gap: var(--jyy5d8-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-jyy5d8"] {                            gap: var(--jyy5d8-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--jyy5d8-padding-right-mobile, 0px) - var(--jyy5d8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-r9eduk"] { --r9eduk-gap: 16px; --r9eduk-gap-tablet: 16px; --r9eduk-gap-mobile: 20px; --r9eduk-columns: 60.00,40.00; --r9eduk-columns-tablet: 60.00,40.00; --r9eduk-columns-mobile: 60.00,40.00; --r9eduk-padding-top: 12px; --r9eduk-padding-top-tablet: 12px; --r9eduk-padding-top-mobile: 12px; --r9eduk-padding-left: 12px; --r9eduk-padding-left-tablet: 12px; --r9eduk-padding-left-mobile: 12px; --r9eduk-padding-right: 12px; --r9eduk-padding-right-tablet: 12px; --r9eduk-padding-right-mobile: 12px; --r9eduk-padding-bottom: 12px; --r9eduk-padding-bottom-tablet: 12px; --r9eduk-padding-bottom-mobile: 12px; --r9eduk-direction: row; --r9eduk-direction-tablet: row; --r9eduk-direction-mobile: row; --r9eduk-max-width: 320px; --r9eduk-max-width-tablet: 320px; --r9eduk-max-width-mobile: 320px; --r9eduk-structure: auto; --r9eduk-structure-tablet: auto; --r9eduk-structure-mobile: auto; --r9eduk-background-type: color; --r9eduk-background-type-tablet: color; --r9eduk-background-type-mobile: color; --r9eduk-background-color: #ffffff; --r9eduk-background-color-tablet: #ffffff; --r9eduk-background-color-mobile: #ffffff; --r9eduk-borderRadius-bl: 12px; --r9eduk-borderRadius-bl-tablet: 12px; --r9eduk-borderRadius-bl-mobile: 12px; --r9eduk-borderRadius-br: 12px; --r9eduk-borderRadius-br-tablet: 12px; --r9eduk-borderRadius-br-mobile: 12px; --r9eduk-borderRadius-tl: 12px; --r9eduk-borderRadius-tl-tablet: 12px; --r9eduk-borderRadius-tl-mobile: 12px; --r9eduk-borderRadius-tr: 12px; --r9eduk-borderRadius-tr-tablet: 12px; --r9eduk-borderRadius-tr-mobile: 12px; --r9eduk-columnsPresetId: 60.00,40.00; --r9eduk-columnsPresetId-tablet: 60.00,40.00; --r9eduk-columnsPresetId-mobile: 60.00,40.00; --r9eduk-align-items-mobile: center; }[data-bnode="beae-r9eduk"] { padding-top: var(--r9eduk-padding-top, 0px); padding-right: var(--r9eduk-padding-right, 0px); padding-bottom: var(--r9eduk-padding-bottom, 0px); padding-left: var(--r9eduk-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--r9eduk-padding-top-tablet, var(--r9eduk-padding-top, 0px)); padding-right: var(--r9eduk-padding-right-tablet, var(--r9eduk-padding-right, 0px)); padding-bottom: var(--r9eduk-padding-bottom-tablet, var(--r9eduk-padding-bottom, 0px)); padding-left: var(--r9eduk-padding-left-tablet, var(--r9eduk-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--r9eduk-padding-top-mobile, var(--r9eduk-padding-top-tablet, var(--r9eduk-padding-top, 0px))); padding-right: var(--r9eduk-padding-right-mobile, var(--r9eduk-padding-right-tablet, var(--r9eduk-padding-right, 0px))); padding-bottom: var(--r9eduk-padding-bottom-mobile, var(--r9eduk-padding-bottom-tablet, var(--r9eduk-padding-bottom, 0px))); padding-left: var(--r9eduk-padding-left-mobile, var(--r9eduk-padding-left-tablet, var(--r9eduk-padding-left, 0px))); } width: calc( 100% - var(--r9eduk-padding-left, 0px) - var(--r9eduk-padding-right, 0px) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow:hidden; background: var(--r9eduk-background-color); border-style: var(--r9eduk-borderStyle,solid); border-color: var(--r9eduk-borderColor,#000000); border-width: var(--r9eduk-borderWidth-tl,0px) var(--r9eduk-borderWidth-tr,0px) var(--r9eduk-borderWidth-br,0px) var(--r9eduk-borderWidth-bl,0px); border-radius: var(--r9eduk-borderRadius-tl,0px) var(--r9eduk-borderRadius-tr,0px) var(--r9eduk-borderRadius-br,0px) var(--r9eduk-borderRadius-bl,0px); box-shadow: if(style(--r9eduk-enableShadow: true): var(--r9eduk-shadowHorizontal,0) var(--r9eduk-shadowVertical,0) var(--r9eduk-shadowBlur,0) 1px var(--r9eduk-shadowColor,#000000); else: none); max-width: var(--r9eduk-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--r9eduk-borderWidth-tl-tablet,0px) var(--r9eduk-borderWidth-tr-tablet,0px) var(--r9eduk-borderWidth-br-tablet,0px) var(--r9eduk-borderWidth-bl-tablet,0px); border-radius: var(--r9eduk-borderRadius-tl-tablet,0px) var(--r9eduk-borderRadius-tr-tablet,0px) var(--r9eduk-borderRadius-br-tablet,0px) var(--r9eduk-borderRadius-bl-tablet,0px); max-width: var(--r9eduk-max-width-tablet, var(--r9eduk-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--r9eduk-borderWidth-tl-mobile,0px) var(--r9eduk-borderWidth-tr-mobile,0px) var(--r9eduk-borderWidth-br-mobile,0px) var(--r9eduk-borderWidth-bl-mobile,0px); border-radius: var(--r9eduk-borderRadius-tl-mobile,0px) var(--r9eduk-borderRadius-tr-mobile,0px) var(--r9eduk-borderRadius-br-mobile,0px) var(--r9eduk-borderRadius-bl-mobile,0px); max-width: var(--r9eduk-max-width-mobile, var(--r9eduk-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-r9eduk"] {     display: flex;     flex-direction: var(--r9eduk-direction, column);     flex-wrap: nowrap;     justify-content: var(--r9eduk-justify-content);     align-items: var(--r9eduk-align-items);     gap: var(--r9eduk-gap, var(--r9eduk-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-r9eduk"] {                            gap: var(--r9eduk-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(60.00% - var(--r9eduk-padding-right-tablet, 0px) - var(--r9eduk-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(40.00% - var(--r9eduk-padding-right-tablet, 0px) - var(--r9eduk-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--r9eduk-padding-right-tablet, 0px) - var(--r9eduk-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-r9eduk"] {      flex-direction: var(--r9eduk-direction-mobile, column);                 align-items: var(--r9eduk-align-items-mobile, inherit);      gap: var(--r9eduk-gap-mobile, var(--r9eduk-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--r9eduk-padding-right-mobile, 0px) - var(--r9eduk-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6xwc87"] { --6xwc87-direction: row; --6xwc87-direction-tablet: row; --6xwc87-direction-mobile: row; --6xwc87-max-width: 80px; --6xwc87-max-width-tablet: 80px; --6xwc87-max-width-mobile: 80px; --6xwc87-structure: columns; --6xwc87-structure-tablet: columns; --6xwc87-structure-mobile: columns; --6xwc87-borderRadius-bl: 12px; --6xwc87-borderRadius-bl-tablet: 12px; --6xwc87-borderRadius-bl-mobile: 12px; --6xwc87-borderRadius-br: 12px; --6xwc87-borderRadius-br-tablet: 12px; --6xwc87-borderRadius-br-mobile: 12px; --6xwc87-borderRadius-tl: 12px; --6xwc87-borderRadius-tl-tablet: 12px; --6xwc87-borderRadius-tl-mobile: 12px; --6xwc87-borderRadius-tr: 12px; --6xwc87-borderRadius-tr-tablet: 12px; --6xwc87-borderRadius-tr-mobile: 12px; }[data-bnode="beae-6xwc87"] { padding-top: var(--6xwc87-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--6xwc87-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--6xwc87-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--6xwc87-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6xwc87-padding-top-tablet, var(--6xwc87-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--6xwc87-padding-right-tablet, var(--6xwc87-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--6xwc87-padding-bottom-tablet, var(--6xwc87-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--6xwc87-padding-left-tablet, var(--6xwc87-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6xwc87-padding-top-mobile, var(--6xwc87-padding-top-tablet, var(--6xwc87-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--6xwc87-padding-right-mobile, var(--6xwc87-padding-right-tablet, var(--6xwc87-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--6xwc87-padding-bottom-mobile, var(--6xwc87-padding-bottom-tablet, var(--6xwc87-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--6xwc87-padding-left-mobile, var(--6xwc87-padding-left-tablet, var(--6xwc87-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--6xwc87-padding-left, var(--beae-slot-padding-x, 0px)) - var(--6xwc87-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--6xwc87-background-imageRatio, auto); background: var(--6xwc87-background-color,transparent); border-style: var(--6xwc87-borderStyle,solid); border-color: var(--6xwc87-borderColor,#000000); border-width: var(--6xwc87-borderWidth-tl,0px) var(--6xwc87-borderWidth-tr,0px) var(--6xwc87-borderWidth-br,0px) var(--6xwc87-borderWidth-bl,0px); border-radius: var(--6xwc87-borderRadius-tl,0px) var(--6xwc87-borderRadius-tr,0px) var(--6xwc87-borderRadius-br,0px) var(--6xwc87-borderRadius-bl,0px); box-shadow: if(style(--6xwc87-enableShadow: true): var(--6xwc87-shadowHorizontal,0) var(--6xwc87-shadowVertical,0) var(--6xwc87-shadowBlur,0) 1px var(--6xwc87-shadowColor,#000000); else: none); max-width: var(--6xwc87-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--6xwc87-background-imageRatio-tablet, var(--6xwc87-background-imageRatio, auto)); border-width: var(--6xwc87-borderWidth-tl-tablet,0px) var(--6xwc87-borderWidth-tr-tablet,0px) var(--6xwc87-borderWidth-br-tablet,0px) var(--6xwc87-borderWidth-bl-tablet,0px); border-radius: var(--6xwc87-borderRadius-tl-tablet,0px) var(--6xwc87-borderRadius-tr-tablet,0px) var(--6xwc87-borderRadius-br-tablet,0px) var(--6xwc87-borderRadius-bl-tablet,0px); max-width: var(--6xwc87-max-width-tablet, var(--6xwc87-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--6xwc87-background-imageRatio-mobile, var(--6xwc87-background-imageRatio, auto)); border-width: var(--6xwc87-borderWidth-tl-mobile,0px) var(--6xwc87-borderWidth-tr-mobile,0px) var(--6xwc87-borderWidth-br-mobile,0px) var(--6xwc87-borderWidth-bl-mobile,0px); border-radius: var(--6xwc87-borderRadius-tl-mobile,0px) var(--6xwc87-borderRadius-tr-mobile,0px) var(--6xwc87-borderRadius-br-mobile,0px) var(--6xwc87-borderRadius-bl-mobile,0px); max-width: var(--6xwc87-max-width-mobile, var(--6xwc87-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--6xwc87-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--6xwc87-gap,var(--beae-card-gap)); padding-top: var(--6xwc87-padding-top,var(--beae-card-padding)); padding-right: var(--6xwc87-padding-right,var(--beae-card-padding)); padding-bottom: var(--6xwc87-padding-bottom,var(--beae-card-padding)); padding-left: var(--6xwc87-padding-left,var(--beae-card-padding)); border-width: var(--6xwc87-borderWidth,var(--beae-card-border-width)); border-width: var(--6xwc87-borderWidth-tl,var(--beae-card-border-width)) var(--6xwc87-borderWidth-tr,var(--beae-card-border-width)) var(--6xwc87-borderWidth-br,var(--beae-card-border-width)) var(--6xwc87-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6xwc87-borderRadius-tl,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-tr,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-br,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--6xwc87-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--6xwc87-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--6xwc87-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--6xwc87-padding-left-tablet,var(--beae-card-padding)); border-width: var(--6xwc87-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--6xwc87-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--6xwc87-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--6xwc87-borderWidth-br-desktop,var(--beae-card-border-width)) var(--6xwc87-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--6xwc87-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--6xwc87-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--6xwc87-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--6xwc87-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--6xwc87-padding-left-mobile,var(--beae-card-padding)); border-width: var(--6xwc87-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--6xwc87-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--6xwc87-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--6xwc87-borderWidth-br-mobile,var(--beae-card-border-width)) var(--6xwc87-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--6xwc87-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--6xwc87-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--6xwc87-background-color,var(--beae-card-featured-background)); border-color: var(--6xwc87-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--6xwc87-enableShadow: true): var(--6xwc87-shadowHorizontal, var(--beae-card-shadow-x)) var(--6xwc87-shadowVertical, var(--beae-card-shadow-y)) var(--6xwc87-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6xwc87-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--6xwc87-background-color,var(--beae-card-prod-background)); border-color: var(--6xwc87-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--6xwc87-enableShadow: true): var(--6xwc87-shadowHorizontal, var(--beae-card-shadow-x)) var(--6xwc87-shadowVertical, var(--beae-card-shadow-y)) var(--6xwc87-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6xwc87-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--6xwc87-background-color,var(--beae-card-pricing-background)); border-color: var(--6xwc87-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--6xwc87-enableShadow: true): var(--6xwc87-shadowHorizontal, var(--beae-card-shadow-x)) var(--6xwc87-shadowVertical, var(--beae-card-shadow-y)) var(--6xwc87-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6xwc87-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--6xwc87-background-color,var(--beae-card-cta-background)); border-color: var(--6xwc87-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--6xwc87-enableShadow: true): var(--6xwc87-shadowHorizontal, var(--beae-card-shadow-x)) var(--6xwc87-shadowVertical, var(--beae-card-shadow-y)) var(--6xwc87-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6xwc87-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--6xwc87-background-color,var(--beae-card-media-background)); border-color: var(--6xwc87-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--6xwc87-enableShadow: true): var(--6xwc87-shadowHorizontal, var(--beae-card-shadow-x)) var(--6xwc87-shadowVertical, var(--beae-card-shadow-y)) var(--6xwc87-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6xwc87-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-6xwc87"] {     display: flex;     flex-direction: var(--6xwc87-direction, column);     flex-wrap: nowrap;     justify-content: var(--6xwc87-justify-content);     align-items: var(--6xwc87-align-items);     gap: var(--6xwc87-gap, var(--6xwc87-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--6xwc87-padding-right, 0px) - var(--6xwc87-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6xwc87"] {                            gap: var(--6xwc87-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--6xwc87-padding-right-tablet, 0px) - var(--6xwc87-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6xwc87"] {                            gap: var(--6xwc87-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--6xwc87-padding-right-mobile, 0px) - var(--6xwc87-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-uydk5g"] { --uydk5g-padding-top: 0px; --uydk5g-padding-top-tablet: 0px; --uydk5g-padding-top-mobile: 0px; --uydk5g-padding-left: 0px; --uydk5g-padding-left-tablet: 0px; --uydk5g-padding-left-mobile: 0px; --uydk5g-padding-right: 0px; --uydk5g-padding-right-tablet: 0px; --uydk5g-padding-right-mobile: 0px; --uydk5g-padding-bottom: 0px; --uydk5g-padding-bottom-tablet: 0px; --uydk5g-padding-bottom-mobile: 0px; --uydk5g-imageRatio: 1/1; --uydk5g-imageRatio-tablet: auto; --uydk5g-imageRatio-mobile: auto; --uydk5g-shadowBlur: 0; --uydk5g-shadowBlur-tablet: 0; --uydk5g-shadowBlur-mobile: 0; --uydk5g-borderColor: #000000; --uydk5g-borderColor-tablet: #000000; --uydk5g-borderColor-mobile: #000000; --uydk5g-borderWidth: 1px; --uydk5g-borderWidth-tablet: 1px; --uydk5g-borderWidth-mobile: 1px; --uydk5g-shadowColor: #000000; --uydk5g-shadowColor-tablet: #000000; --uydk5g-shadowColor-mobile: #000000; --uydk5g-borderRadius-bl: 12px; --uydk5g-borderRadius-bl-tablet: 12px; --uydk5g-borderRadius-bl-mobile: 12px; --uydk5g-borderRadius-br: 12px; --uydk5g-borderRadius-br-tablet: 12px; --uydk5g-borderRadius-br-mobile: 12px; --uydk5g-borderRadius-tl: 12px; --uydk5g-borderRadius-tl-tablet: 12px; --uydk5g-borderRadius-tl-mobile: 12px; --uydk5g-borderRadius-tr: 12px; --uydk5g-borderRadius-tr-tablet: 12px; --uydk5g-borderRadius-tr-mobile: 12px; --uydk5g-enableShadow: false; --uydk5g-enableShadow-tablet: false; --uydk5g-enableShadow-mobile: false; --uydk5g-shadowVertical: 0; --uydk5g-shadowVertical-tablet: 0; --uydk5g-shadowVertical-mobile: 0; --uydk5g-shadowHorizontal: 0; --uydk5g-shadowHorizontal-tablet: 0; --uydk5g-shadowHorizontal-mobile: 0; }[data-bnode="beae-uydk5g"] { margin-top: var(--uydk5g-margin-top, 0px); margin-right: var(--uydk5g-margin-right, 0px); margin-bottom: var(--uydk5g-margin-bottom, 0px); margin-left: var(--uydk5g-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uydk5g-margin-top-tablet, 0px); margin-right: var(--uydk5g-margin-right-tablet, 0px); margin-bottom: var(--uydk5g-margin-bottom-tablet, 0px); margin-left: var(--uydk5g-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uydk5g-margin-top-mobile, 0px); margin-right: var(--uydk5g-margin-right-mobile, 0px); margin-bottom: var(--uydk5g-margin-bottom-mobile, 0px); margin-left: var(--uydk5g-margin-left-mobile, 0px); } &.beae-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--uydk5g-imageRatio); overflow: hidden; border-style: var(--uydk5g-borderStyle, solid); border-color: var(--uydk5g-borderColor, #000000); border-width: var(--uydk5g-borderWidth-tl, 0px) var(--uydk5g-borderWidth-tr, 0px) var(--uydk5g-borderWidth-br, 0px) var(--uydk5g-borderWidth-bl, 0px); border-radius: var(--uydk5g-borderRadius-tl, 0px) var(--uydk5g-borderRadius-tr, 0px) var(--uydk5g-borderRadius-br, 0px) var(--uydk5g-borderRadius-bl, 0px); box-shadow: if(style(--uydk5g-enableShadow: true): var(--uydk5g-shadowHorizontal, 0) var(--uydk5g-shadowVertical, 0) var(--uydk5g-shadowBlur, 0) 1px var(--uydk5g-shadowColor, #000000); else: none); background-color: #f5f5f5; box-shadow: if(style(--uydk5g-enableShadow: true): var(--uydk5g-shadowHorizontal, 0) var(--uydk5g-shadowVertical, 0) var(--uydk5g-shadowBlur, 0) 1px var(--uydk5g-shadowColor, #000000); else: none); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--uydk5g-imageRatio-tablet); border-width: var(--uydk5g-borderWidth-tl-tablet, 0px) var(--uydk5g-borderWidth-tr-tablet, 0px) var(--uydk5g-borderWidth-br-tablet, 0px) var(--uydk5g-borderWidth-bl-tablet, 0px); border-radius: var(--uydk5g-borderRadius-tl-tablet, 0px) var(--uydk5g-borderRadius-tr-tablet, 0px) var(--uydk5g-borderRadius-br-tablet, 0px) var(--uydk5g-borderRadius-bl-tablet, 0px); max-width: var(--uydk5g-max-width-tablet, var(--uydk5g-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--uydk5g-imageRatio-mobile); border-width: var(--uydk5g-borderWidth-tl-mobile, 0px) var(--uydk5g-borderWidth-tr-mobile, 0px) var(--uydk5g-borderWidth-br-mobile, 0px) var(--uydk5g-borderWidth-bl-mobile, 0px); border-radius: var(--uydk5g-borderRadius-tl-mobile, 0px) var(--uydk5g-borderRadius-tr-mobile, 0px) var(--uydk5g-borderRadius-br-mobile, 0px) var(--uydk5g-borderRadius-bl-mobile, 0px); max-width: var(--uydk5g-max-width-mobile, var(--uydk5g-max-width, 100%)); } .beae-img-main, .beae-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .beae-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .beae-img-secondary { opacity: 1; } } } } }[data-bnode="beae-ewypjt"] { --ewypjt-gap: 14px; --ewypjt-gap-tablet: 14px; --ewypjt-gap-mobile: 14px; --ewypjt-direction: row; --ewypjt-direction-tablet: row; --ewypjt-direction-mobile: row; --ewypjt-max-width: 200px; --ewypjt-max-width-tablet: 200px; --ewypjt-max-width-mobile: 200px; --ewypjt-align-items: center; --ewypjt-align-items-tablet: center; --ewypjt-align-items-mobile: center; --ewypjt-justify-content: center; --ewypjt-justify-content-tablet: center; --ewypjt-justify-content-mobile: center; }[data-bnode="beae-ewypjt"] { padding-top: var(--ewypjt-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ewypjt-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ewypjt-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ewypjt-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ewypjt-padding-top-tablet, var(--ewypjt-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ewypjt-padding-right-tablet, var(--ewypjt-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ewypjt-padding-bottom-tablet, var(--ewypjt-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ewypjt-padding-left-tablet, var(--ewypjt-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ewypjt-padding-top-mobile, var(--ewypjt-padding-top-tablet, var(--ewypjt-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ewypjt-padding-right-mobile, var(--ewypjt-padding-right-tablet, var(--ewypjt-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ewypjt-padding-bottom-mobile, var(--ewypjt-padding-bottom-tablet, var(--ewypjt-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ewypjt-padding-left-mobile, var(--ewypjt-padding-left-tablet, var(--ewypjt-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ewypjt-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ewypjt-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ewypjt-background-imageRatio, auto); background: var(--ewypjt-background-color,transparent); border-style: var(--ewypjt-borderStyle,solid); border-color: var(--ewypjt-borderColor,#000000); border-width: var(--ewypjt-borderWidth-tl,0px) var(--ewypjt-borderWidth-tr,0px) var(--ewypjt-borderWidth-br,0px) var(--ewypjt-borderWidth-bl,0px); border-radius: var(--ewypjt-borderRadius-tl,0px) var(--ewypjt-borderRadius-tr,0px) var(--ewypjt-borderRadius-br,0px) var(--ewypjt-borderRadius-bl,0px); box-shadow: if(style(--ewypjt-enableShadow: true): var(--ewypjt-shadowHorizontal,0) var(--ewypjt-shadowVertical,0) var(--ewypjt-shadowBlur,0) 1px var(--ewypjt-shadowColor,#000000); else: none); max-width: var(--ewypjt-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ewypjt-background-imageRatio-tablet, var(--ewypjt-background-imageRatio, auto)); border-width: var(--ewypjt-borderWidth-tl-tablet,0px) var(--ewypjt-borderWidth-tr-tablet,0px) var(--ewypjt-borderWidth-br-tablet,0px) var(--ewypjt-borderWidth-bl-tablet,0px); border-radius: var(--ewypjt-borderRadius-tl-tablet,0px) var(--ewypjt-borderRadius-tr-tablet,0px) var(--ewypjt-borderRadius-br-tablet,0px) var(--ewypjt-borderRadius-bl-tablet,0px); max-width: var(--ewypjt-max-width-tablet, var(--ewypjt-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ewypjt-background-imageRatio-mobile, var(--ewypjt-background-imageRatio, auto)); border-width: var(--ewypjt-borderWidth-tl-mobile,0px) var(--ewypjt-borderWidth-tr-mobile,0px) var(--ewypjt-borderWidth-br-mobile,0px) var(--ewypjt-borderWidth-bl-mobile,0px); border-radius: var(--ewypjt-borderRadius-tl-mobile,0px) var(--ewypjt-borderRadius-tr-mobile,0px) var(--ewypjt-borderRadius-br-mobile,0px) var(--ewypjt-borderRadius-bl-mobile,0px); max-width: var(--ewypjt-max-width-mobile, var(--ewypjt-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ewypjt-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ewypjt-gap,var(--beae-card-gap)); padding-top: var(--ewypjt-padding-top,var(--beae-card-padding)); padding-right: var(--ewypjt-padding-right,var(--beae-card-padding)); padding-bottom: var(--ewypjt-padding-bottom,var(--beae-card-padding)); padding-left: var(--ewypjt-padding-left,var(--beae-card-padding)); border-width: var(--ewypjt-borderWidth,var(--beae-card-border-width)); border-width: var(--ewypjt-borderWidth-tl,var(--beae-card-border-width)) var(--ewypjt-borderWidth-tr,var(--beae-card-border-width)) var(--ewypjt-borderWidth-br,var(--beae-card-border-width)) var(--ewypjt-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ewypjt-borderRadius-tl,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-tr,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-br,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ewypjt-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ewypjt-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ewypjt-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ewypjt-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ewypjt-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ewypjt-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ewypjt-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ewypjt-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ewypjt-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ewypjt-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ewypjt-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ewypjt-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ewypjt-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ewypjt-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ewypjt-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ewypjt-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ewypjt-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ewypjt-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ewypjt-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ewypjt-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ewypjt-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ewypjt-background-color,var(--beae-card-featured-background)); border-color: var(--ewypjt-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ewypjt-enableShadow: true): var(--ewypjt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewypjt-shadowVertical, var(--beae-card-shadow-y)) var(--ewypjt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewypjt-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ewypjt-background-color,var(--beae-card-prod-background)); border-color: var(--ewypjt-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ewypjt-enableShadow: true): var(--ewypjt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewypjt-shadowVertical, var(--beae-card-shadow-y)) var(--ewypjt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewypjt-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ewypjt-background-color,var(--beae-card-pricing-background)); border-color: var(--ewypjt-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ewypjt-enableShadow: true): var(--ewypjt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewypjt-shadowVertical, var(--beae-card-shadow-y)) var(--ewypjt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewypjt-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ewypjt-background-color,var(--beae-card-cta-background)); border-color: var(--ewypjt-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ewypjt-enableShadow: true): var(--ewypjt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewypjt-shadowVertical, var(--beae-card-shadow-y)) var(--ewypjt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewypjt-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ewypjt-background-color,var(--beae-card-media-background)); border-color: var(--ewypjt-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ewypjt-enableShadow: true): var(--ewypjt-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewypjt-shadowVertical, var(--beae-card-shadow-y)) var(--ewypjt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewypjt-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-ewypjt"] {     display: flex;     flex-direction: var(--ewypjt-direction, column);     flex-wrap: nowrap;     justify-content: var(--ewypjt-justify-content);     align-items: var(--ewypjt-align-items);     gap: var(--ewypjt-gap, var(--ewypjt-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ewypjt"] {                            gap: var(--ewypjt-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ewypjt-padding-right-tablet, 0px) - var(--ewypjt-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ewypjt"] {                            gap: var(--ewypjt-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ewypjt-padding-right-mobile, 0px) - var(--ewypjt-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-gvwn8c"] { --gvwn8c-gap: 6px; --gvwn8c-gap-tablet: 6px; --gvwn8c-gap-mobile: 6px; --gvwn8c-direction: column; --gvwn8c-direction-tablet: column; --gvwn8c-direction-mobile: column; --gvwn8c-structure: auto; --gvwn8c-structure-tablet: auto; --gvwn8c-structure-mobile: auto; }[data-bnode="beae-gvwn8c"] { padding-top: var(--gvwn8c-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--gvwn8c-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--gvwn8c-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--gvwn8c-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gvwn8c-padding-top-tablet, var(--gvwn8c-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--gvwn8c-padding-right-tablet, var(--gvwn8c-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--gvwn8c-padding-bottom-tablet, var(--gvwn8c-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--gvwn8c-padding-left-tablet, var(--gvwn8c-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gvwn8c-padding-top-mobile, var(--gvwn8c-padding-top-tablet, var(--gvwn8c-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--gvwn8c-padding-right-mobile, var(--gvwn8c-padding-right-tablet, var(--gvwn8c-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--gvwn8c-padding-bottom-mobile, var(--gvwn8c-padding-bottom-tablet, var(--gvwn8c-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--gvwn8c-padding-left-mobile, var(--gvwn8c-padding-left-tablet, var(--gvwn8c-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--gvwn8c-padding-left, var(--beae-slot-padding-x, 0px)) - var(--gvwn8c-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--gvwn8c-background-imageRatio, auto); background: var(--gvwn8c-background-color,transparent); border-style: var(--gvwn8c-borderStyle,solid); border-color: var(--gvwn8c-borderColor,#000000); border-width: var(--gvwn8c-borderWidth-tl,0px) var(--gvwn8c-borderWidth-tr,0px) var(--gvwn8c-borderWidth-br,0px) var(--gvwn8c-borderWidth-bl,0px); border-radius: var(--gvwn8c-borderRadius-tl,0px) var(--gvwn8c-borderRadius-tr,0px) var(--gvwn8c-borderRadius-br,0px) var(--gvwn8c-borderRadius-bl,0px); box-shadow: if(style(--gvwn8c-enableShadow: true): var(--gvwn8c-shadowHorizontal,0) var(--gvwn8c-shadowVertical,0) var(--gvwn8c-shadowBlur,0) 1px var(--gvwn8c-shadowColor,#000000); else: none); max-width: var(--gvwn8c-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--gvwn8c-background-imageRatio-tablet, var(--gvwn8c-background-imageRatio, auto)); border-width: var(--gvwn8c-borderWidth-tl-tablet,0px) var(--gvwn8c-borderWidth-tr-tablet,0px) var(--gvwn8c-borderWidth-br-tablet,0px) var(--gvwn8c-borderWidth-bl-tablet,0px); border-radius: var(--gvwn8c-borderRadius-tl-tablet,0px) var(--gvwn8c-borderRadius-tr-tablet,0px) var(--gvwn8c-borderRadius-br-tablet,0px) var(--gvwn8c-borderRadius-bl-tablet,0px); max-width: var(--gvwn8c-max-width-tablet, var(--gvwn8c-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--gvwn8c-background-imageRatio-mobile, var(--gvwn8c-background-imageRatio, auto)); border-width: var(--gvwn8c-borderWidth-tl-mobile,0px) var(--gvwn8c-borderWidth-tr-mobile,0px) var(--gvwn8c-borderWidth-br-mobile,0px) var(--gvwn8c-borderWidth-bl-mobile,0px); border-radius: var(--gvwn8c-borderRadius-tl-mobile,0px) var(--gvwn8c-borderRadius-tr-mobile,0px) var(--gvwn8c-borderRadius-br-mobile,0px) var(--gvwn8c-borderRadius-bl-mobile,0px); max-width: var(--gvwn8c-max-width-mobile, var(--gvwn8c-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--gvwn8c-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--gvwn8c-gap,var(--beae-card-gap)); padding-top: var(--gvwn8c-padding-top,var(--beae-card-padding)); padding-right: var(--gvwn8c-padding-right,var(--beae-card-padding)); padding-bottom: var(--gvwn8c-padding-bottom,var(--beae-card-padding)); padding-left: var(--gvwn8c-padding-left,var(--beae-card-padding)); border-width: var(--gvwn8c-borderWidth,var(--beae-card-border-width)); border-width: var(--gvwn8c-borderWidth-tl,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-tr,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-br,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--gvwn8c-borderRadius-tl,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-tr,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-br,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--gvwn8c-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--gvwn8c-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--gvwn8c-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--gvwn8c-padding-left-tablet,var(--beae-card-padding)); border-width: var(--gvwn8c-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--gvwn8c-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-br-desktop,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--gvwn8c-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--gvwn8c-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--gvwn8c-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--gvwn8c-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--gvwn8c-padding-left-mobile,var(--beae-card-padding)); border-width: var(--gvwn8c-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--gvwn8c-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-br-mobile,var(--beae-card-border-width)) var(--gvwn8c-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--gvwn8c-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--gvwn8c-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--gvwn8c-background-color,var(--beae-card-featured-background)); border-color: var(--gvwn8c-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--gvwn8c-enableShadow: true): var(--gvwn8c-shadowHorizontal, var(--beae-card-shadow-x)) var(--gvwn8c-shadowVertical, var(--beae-card-shadow-y)) var(--gvwn8c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gvwn8c-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--gvwn8c-background-color,var(--beae-card-prod-background)); border-color: var(--gvwn8c-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--gvwn8c-enableShadow: true): var(--gvwn8c-shadowHorizontal, var(--beae-card-shadow-x)) var(--gvwn8c-shadowVertical, var(--beae-card-shadow-y)) var(--gvwn8c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gvwn8c-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--gvwn8c-background-color,var(--beae-card-pricing-background)); border-color: var(--gvwn8c-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--gvwn8c-enableShadow: true): var(--gvwn8c-shadowHorizontal, var(--beae-card-shadow-x)) var(--gvwn8c-shadowVertical, var(--beae-card-shadow-y)) var(--gvwn8c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gvwn8c-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--gvwn8c-background-color,var(--beae-card-cta-background)); border-color: var(--gvwn8c-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--gvwn8c-enableShadow: true): var(--gvwn8c-shadowHorizontal, var(--beae-card-shadow-x)) var(--gvwn8c-shadowVertical, var(--beae-card-shadow-y)) var(--gvwn8c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gvwn8c-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--gvwn8c-background-color,var(--beae-card-media-background)); border-color: var(--gvwn8c-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--gvwn8c-enableShadow: true): var(--gvwn8c-shadowHorizontal, var(--beae-card-shadow-x)) var(--gvwn8c-shadowVertical, var(--beae-card-shadow-y)) var(--gvwn8c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gvwn8c-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-gvwn8c"] {     display: flex;     flex-direction: var(--gvwn8c-direction, column);     flex-wrap: nowrap;     justify-content: var(--gvwn8c-justify-content);     align-items: var(--gvwn8c-align-items);     gap: var(--gvwn8c-gap, var(--gvwn8c-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gvwn8c"] {                            gap: var(--gvwn8c-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--gvwn8c-padding-right-tablet, 0px) - var(--gvwn8c-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gvwn8c"] {                            gap: var(--gvwn8c-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--gvwn8c-padding-right-mobile, 0px) - var(--gvwn8c-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-tlcqay"] { --tlcqay-typography: h6; --tlcqay-typography-tablet: h6; --tlcqay-typography-mobile: h6; --beae-h6-color: #282928; --beae-h6-font-size: 14px; --beae-h6-font-weight: 500; --beae-h6-line-height: 1.5; --beae-h6-letter-spacing: 0px; --beae-h6-text-transform: none; --beae-h6-font-size-mobile: 14px; --beae-h6-font-size-tablet: 14px; --beae-h6-line-height-mobile: 1.5; --beae-h6-line-height-tablet: 1.5; --beae-h6-letter-spacing-mobile: 0px; --beae-h6-letter-spacing-tablet: 0px; }[data-bnode="beae-tlcqay"] { margin-top: var(--tlcqay-margin-top, 0px); margin-right: var(--tlcqay-margin-right, 0px); margin-bottom: var(--tlcqay-margin-bottom, 0px); margin-left: var(--tlcqay-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tlcqay-margin-top-tablet, 0px); margin-right: var(--tlcqay-margin-right-tablet, 0px); margin-bottom: var(--tlcqay-margin-bottom-tablet, 0px); margin-left: var(--tlcqay-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tlcqay-margin-top-mobile, 0px); margin-right: var(--tlcqay-margin-right-mobile, 0px); margin-bottom: var(--tlcqay-margin-bottom-mobile, 0px); margin-left: var(--tlcqay-margin-left-mobile, 0px); } }[data-bnode="beae-jgdjui"] { --jgdjui-priceType: salePrice; --jgdjui-priceType-tablet: salePrice; --jgdjui-priceType-mobile: salePrice; --jgdjui-decoration: line-through; --jgdjui-decoration-tablet: line-through; --jgdjui-decoration-mobile: line-through; --jgdjui-typography: p; --jgdjui-typography-tablet: p; --jgdjui-typography-mobile: p; --beae-p-color: #454645; --jgdjui-salePriceColor: var(--beae-other-sale-price-color); --jgdjui-salePriceColor-tablet: var(--beae-other-sale-price-color); --jgdjui-salePriceColor-mobile: var(--beae-other-sale-price-color); --jgdjui-comparePriceColor: #888888; --jgdjui-comparePriceColor-tablet: #888888; --jgdjui-comparePriceColor-mobile: #888888; --beae-p-font-size: 16px; --beae-p-font-weight: 400; --beae-p-letter-spacing: 0px; --beae-p-text-transform: none; --beae-p-font-size-mobile: 16px; --beae-p-font-size-tablet: 16px; --beae-p-line-height-mobile: 1.8; --beae-p-line-height-tablet: 1.8; --beae-p-letter-spacing-mobile: 0px; --beae-p-letter-spacing-tablet: 0px; }[data-bnode="beae-jgdjui"] { margin-top: var(--jgdjui-margin-top, 0px); margin-right: var(--jgdjui-margin-right, 0px); margin-bottom: var(--jgdjui-margin-bottom, 0px); margin-left: var(--jgdjui-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jgdjui-margin-top-tablet, 0px); margin-right: var(--jgdjui-margin-right-tablet, 0px); margin-bottom: var(--jgdjui-margin-bottom-tablet, 0px); margin-left: var(--jgdjui-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jgdjui-margin-top-mobile, 0px); margin-right: var(--jgdjui-margin-right-mobile, 0px); margin-bottom: var(--jgdjui-margin-bottom-mobile, 0px); margin-left: var(--jgdjui-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--jgdjui-comparePriceColor); text-decoration: var(--jgdjui-decoration,none); font-size: calc(var(--jgdjui-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--jgdjui-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-3l6pdd"] { --3l6pdd-width: 100%; --3l6pdd-width-tablet: 100%; --3l6pdd-width-mobile: 100%; --3l6pdd-objFit: cover; --3l6pdd-objFit-tablet: cover; --3l6pdd-objFit-mobile: cover; --3l6pdd-imageRatio: auto; --3l6pdd-imageRatio-tablet: auto; --3l6pdd-imageRatio-mobile: 7/6; --3l6pdd-borderColor: #000000; --3l6pdd-borderColor-tablet: #000000; --3l6pdd-borderColor-mobile: #000000; --3l6pdd-borderStyle: solid; --3l6pdd-borderStyle-tablet: solid; --3l6pdd-borderStyle-mobile: solid; --3l6pdd-borderWidth-bl: 0px; --3l6pdd-borderWidth-bl-tablet: 0px; --3l6pdd-borderWidth-bl-mobile: 0px; --3l6pdd-borderWidth-br: 0px; --3l6pdd-borderWidth-br-tablet: 0px; --3l6pdd-borderWidth-br-mobile: 0px; --3l6pdd-borderWidth-tl: 0px; --3l6pdd-borderWidth-tl-tablet: 0px; --3l6pdd-borderWidth-tl-mobile: 0px; --3l6pdd-borderWidth-tr: 0px; --3l6pdd-borderWidth-tr-tablet: 0px; --3l6pdd-borderWidth-tr-mobile: 0px; --3l6pdd-shadowColor: #000000; --3l6pdd-shadowColor-tablet: #000000; --3l6pdd-shadowColor-mobile: #000000; --3l6pdd-enableShadow: false; --3l6pdd-enableShadow-tablet: false; --3l6pdd-enableShadow-mobile: false; }[data-bnode="beae-3l6pdd"] { margin-top: var(--3l6pdd-margin-top, 0px); margin-right: var(--3l6pdd-margin-right, 0px); margin-bottom: var(--3l6pdd-margin-bottom, 0px); margin-left: var(--3l6pdd-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3l6pdd-margin-top-tablet, 0px); margin-right: var(--3l6pdd-margin-right-tablet, 0px); margin-bottom: var(--3l6pdd-margin-bottom-tablet, 0px); margin-left: var(--3l6pdd-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3l6pdd-margin-top-mobile, 0px); margin-right: var(--3l6pdd-margin-right-mobile, 0px); margin-bottom: var(--3l6pdd-margin-bottom-mobile, 0px); margin-left: var(--3l6pdd-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--3l6pdd-width,100%) - var(--3l6pdd-margin-left,0px) - var(--3l6pdd-margin-right,0px)); min-height: min-content; border-style: var(--3l6pdd-borderStyle,solid); border-color: var(--3l6pdd-borderColor,#000000); border-width: var(--3l6pdd-borderWidth-tl,0px) var(--3l6pdd-borderWidth-tr,0px) var(--3l6pdd-borderWidth-br,0px) var(--3l6pdd-borderWidth-bl,0px); border-radius: var(--3l6pdd-borderRadius-tl,0px) var(--3l6pdd-borderRadius-tr,0px) var(--3l6pdd-borderRadius-br,0px) var(--3l6pdd-borderRadius-bl,0px); aspect-ratio: var(--3l6pdd-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--3l6pdd-borderWidth-tl-tablet, var(--3l6pdd-borderWidth-tl,0px)) var(--3l6pdd-borderWidth-tr-tablet, var(--3l6pdd-borderWidth-tr,0px)) var(--3l6pdd-borderWidth-br-tablet, var(--3l6pdd-borderWidth-br,0px)) var(--3l6pdd-borderWidth-bl-tablet, var(--3l6pdd-borderWidth-bl,0px)); border-radius: var(--3l6pdd-borderRadius-tl-tablet, var(--3l6pdd-borderRadius-tl,0px)) var(--3l6pdd-borderRadius-tr-tablet, var(--3l6pdd-borderRadius-tr,0px)) var(--3l6pdd-borderRadius-br-tablet, var(--3l6pdd-borderRadius-br,0px)) var(--3l6pdd-borderRadius-bl-tablet, var(--3l6pdd-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--3l6pdd-borderWidth-tl-mobile, var(--3l6pdd-borderWidth-tl,0px)) var(--3l6pdd-borderWidth-tr-mobile, var(--3l6pdd-borderWidth-tr,0px)) var(--3l6pdd-borderWidth-br-mobile, var(--3l6pdd-borderWidth-br,0px)) var(--3l6pdd-borderWidth-bl-mobile, var(--3l6pdd-borderWidth-bl,0px)); border-radius: var(--3l6pdd-borderRadius-tl-mobile, var(--3l6pdd-borderRadius-tl,0px)) var(--3l6pdd-borderRadius-tr-mobile, var(--3l6pdd-borderRadius-tr,0px)) var(--3l6pdd-borderRadius-br-mobile, var(--3l6pdd-borderRadius-br,0px)) var(--3l6pdd-borderRadius-bl-mobile, var(--3l6pdd-borderRadius-bl,0px)); } box-shadow: if( style(--3l6pdd-enableShadow: true): var(--3l6pdd-shadowHorizontal, 0) var(--3l6pdd-shadowVertical, 0) var(--3l6pdd-shadowBlur, 0) 1px var(--3l6pdd-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--3l6pdd-overlayColor-color, #000); opacity: var(--3l6pdd-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--3l6pdd-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--3l6pdd-width-tablet,var(--3l6pdd-width,100%)) - var(--3l6pdd-margin-left-tablet,var(--3l6pdd-margin-left,0px)) - var(--3l6pdd-margin-right-tablet,var(--3l6pdd-margin-right,0px))); aspect-ratio: var(--3l6pdd-imageRatio-tablet, var(--3l6pdd-imageRatio, auto)); img { object-fit: var(--3l6pdd-objFit-tablet, var(--3l6pdd-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--3l6pdd-width-mobile,var(--3l6pdd-width,100%)) - var(--3l6pdd-margin-left-mobile,var(--3l6pdd-margin-left,0px)) - var(--3l6pdd-margin-right-mobile,var(--3l6pdd-margin-right,0px))); aspect-ratio: var(--3l6pdd-imageRatio-mobile, var(--3l6pdd-imageRatio, auto)); img { object-fit: var(--3l6pdd-objFit-mobile, var(--3l6pdd-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-p15rhk"] { --p15rhk-width: var(--beae-w); --p15rhk-width-tablet: var(--beae-w); --p15rhk-width-mobile: var(--beae-w); --p15rhk-height: fit-content; --p15rhk-height-tablet: fit-content; --p15rhk-height-mobile: fit-content; --p15rhk-padding-top: 112px; --p15rhk-padding-top-tablet: 112px; --p15rhk-padding-top-mobile: 80px; --p15rhk-padding-right: 0px; --p15rhk-padding-right-tablet: 0px; --p15rhk-padding-right-mobile: 0px; --p15rhk-padding-bottom: 112px; --p15rhk-padding-bottom-tablet: 112px; --p15rhk-padding-bottom-mobile: 80px; --p15rhk-padding-left: 0px; --p15rhk-padding-left-tablet: 0px; --p15rhk-padding-left-mobile: 0px; --p15rhk-direction: column; --p15rhk-direction-tablet: column; --p15rhk-direction-mobile: column; --p15rhk-structure: columns; --p15rhk-structure-tablet: columns; --p15rhk-structure-mobile: columns; --p15rhk-align-items: center; --p15rhk-align-items-tablet: center; --p15rhk-align-items-mobile: center; --p15rhk-gap: 32px; --p15rhk-gap-tablet: 32px; --p15rhk-gap-mobile: 32px; --p15rhk-background-type: color; --p15rhk-background-type-tablet: color; --p15rhk-background-type-mobile: color; --p15rhk-background-color: #ffffff; --p15rhk-background-color-tablet: #ffffff; --p15rhk-background-color-mobile: #ffffff; }[data-bnode="beae-p15rhk"] { padding-top: var(--p15rhk-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--p15rhk-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--p15rhk-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--p15rhk-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p15rhk-padding-top-tablet, var(--p15rhk-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--p15rhk-padding-right-tablet, var(--p15rhk-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--p15rhk-padding-bottom-tablet, var(--p15rhk-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--p15rhk-padding-left-tablet, var(--p15rhk-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p15rhk-padding-top-mobile, var(--p15rhk-padding-top-tablet, var(--p15rhk-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--p15rhk-padding-right-mobile, var(--p15rhk-padding-right-tablet, var(--p15rhk-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--p15rhk-padding-bottom-mobile, var(--p15rhk-padding-bottom-tablet, var(--p15rhk-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--p15rhk-padding-left-mobile, var(--p15rhk-padding-left-tablet, var(--p15rhk-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--p15rhk-padding-left, var(--beae-section-padding-x, 0px)) - var(--p15rhk-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--p15rhk-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--p15rhk-height); width: 100%; max-width: var(--p15rhk-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--p15rhk-height-tablet, auto); width: 100%; max-width: var(--p15rhk-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--p15rhk-height-mobile, auto); width: 100%; max-width: var(--p15rhk-width-mobile, 100%); } } } }[data-bnode="beae-p15rhk"] > .beae-section-container{     display: flex;     flex-direction: var(--p15rhk-direction, column);     flex-wrap: nowrap;     justify-content: var(--p15rhk-justify-content);     align-items: var(--p15rhk-align-items);     gap: var(--p15rhk-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-p15rhk"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--p15rhk-padding-right-tablet, 0px) - var(--p15rhk-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-p15rhk"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--p15rhk-padding-right-mobile, 0px) - var(--p15rhk-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-h4f5ny"] { --h4f5ny-direction: column; --h4f5ny-direction-tablet: column; --h4f5ny-direction-mobile: column; --h4f5ny-align-items: center; --h4f5ny-align-items-tablet: center; --h4f5ny-align-items-mobile: center; --h4f5ny-max-width: 1024px; --h4f5ny-max-width-tablet: 1024px; --h4f5ny-max-width-mobile: 1024px; --h4f5ny-gap: 32px; --h4f5ny-gap-tablet: 32px; --h4f5ny-gap-mobile: 32px; --h4f5ny-borderStyle: solid; --h4f5ny-borderStyle-tablet: solid; --h4f5ny-borderStyle-mobile: solid; --h4f5ny-borderWidth: 0px; --h4f5ny-borderWidth-tablet: 0px; --h4f5ny-borderWidth-mobile: 0px; --h4f5ny-padding-top-tablet: 0px; --h4f5ny-padding-top-mobile: 0px; --h4f5ny-padding-right-tablet: 30px; --h4f5ny-padding-right-mobile: 30px; --h4f5ny-padding-bottom-tablet: 0px; --h4f5ny-padding-bottom-mobile: 0px; --h4f5ny-padding-left-tablet: 30px; --h4f5ny-padding-left-mobile: 30px; }[data-bnode="beae-h4f5ny"] { padding-top: var(--h4f5ny-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--h4f5ny-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--h4f5ny-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--h4f5ny-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--h4f5ny-padding-top-tablet, var(--h4f5ny-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--h4f5ny-padding-right-tablet, var(--h4f5ny-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--h4f5ny-padding-bottom-tablet, var(--h4f5ny-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--h4f5ny-padding-left-tablet, var(--h4f5ny-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--h4f5ny-padding-top-mobile, var(--h4f5ny-padding-top-tablet, var(--h4f5ny-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--h4f5ny-padding-right-mobile, var(--h4f5ny-padding-right-tablet, var(--h4f5ny-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--h4f5ny-padding-bottom-mobile, var(--h4f5ny-padding-bottom-tablet, var(--h4f5ny-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--h4f5ny-padding-left-mobile, var(--h4f5ny-padding-left-tablet, var(--h4f5ny-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--h4f5ny-padding-left, var(--beae-slot-padding-x, 0px)) - var(--h4f5ny-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--h4f5ny-background-imageRatio, auto); background: var(--h4f5ny-background-color,transparent); border-style: var(--h4f5ny-borderStyle,solid); border-color: var(--h4f5ny-borderColor,#000000); border-width: var(--h4f5ny-borderWidth-tl,0px) var(--h4f5ny-borderWidth-tr,0px) var(--h4f5ny-borderWidth-br,0px) var(--h4f5ny-borderWidth-bl,0px); border-radius: var(--h4f5ny-borderRadius-tl,0px) var(--h4f5ny-borderRadius-tr,0px) var(--h4f5ny-borderRadius-br,0px) var(--h4f5ny-borderRadius-bl,0px); box-shadow: if(style(--h4f5ny-enableShadow: true): var(--h4f5ny-shadowHorizontal,0) var(--h4f5ny-shadowVertical,0) var(--h4f5ny-shadowBlur,0) 1px var(--h4f5ny-shadowColor,#000000); else: none); max-width: var(--h4f5ny-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--h4f5ny-background-imageRatio-tablet, var(--h4f5ny-background-imageRatio, auto)); border-width: var(--h4f5ny-borderWidth-tl-tablet,0px) var(--h4f5ny-borderWidth-tr-tablet,0px) var(--h4f5ny-borderWidth-br-tablet,0px) var(--h4f5ny-borderWidth-bl-tablet,0px); border-radius: var(--h4f5ny-borderRadius-tl-tablet,0px) var(--h4f5ny-borderRadius-tr-tablet,0px) var(--h4f5ny-borderRadius-br-tablet,0px) var(--h4f5ny-borderRadius-bl-tablet,0px); max-width: var(--h4f5ny-max-width-tablet, var(--h4f5ny-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--h4f5ny-background-imageRatio-mobile, var(--h4f5ny-background-imageRatio, auto)); border-width: var(--h4f5ny-borderWidth-tl-mobile,0px) var(--h4f5ny-borderWidth-tr-mobile,0px) var(--h4f5ny-borderWidth-br-mobile,0px) var(--h4f5ny-borderWidth-bl-mobile,0px); border-radius: var(--h4f5ny-borderRadius-tl-mobile,0px) var(--h4f5ny-borderRadius-tr-mobile,0px) var(--h4f5ny-borderRadius-br-mobile,0px) var(--h4f5ny-borderRadius-bl-mobile,0px); max-width: var(--h4f5ny-max-width-mobile, var(--h4f5ny-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--h4f5ny-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--h4f5ny-gap,var(--beae-card-gap)); padding-top: var(--h4f5ny-padding-top,var(--beae-card-padding)); padding-right: var(--h4f5ny-padding-right,var(--beae-card-padding)); padding-bottom: var(--h4f5ny-padding-bottom,var(--beae-card-padding)); padding-left: var(--h4f5ny-padding-left,var(--beae-card-padding)); border-width: var(--h4f5ny-borderWidth,var(--beae-card-border-width)); border-width: var(--h4f5ny-borderWidth-tl,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-tr,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-br,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--h4f5ny-borderRadius-tl,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-tr,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-br,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--h4f5ny-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--h4f5ny-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--h4f5ny-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--h4f5ny-padding-left-tablet,var(--beae-card-padding)); border-width: var(--h4f5ny-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--h4f5ny-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-br-desktop,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--h4f5ny-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--h4f5ny-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--h4f5ny-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--h4f5ny-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--h4f5ny-padding-left-mobile,var(--beae-card-padding)); border-width: var(--h4f5ny-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--h4f5ny-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-br-mobile,var(--beae-card-border-width)) var(--h4f5ny-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--h4f5ny-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--h4f5ny-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--h4f5ny-background-color,var(--beae-card-featured-background)); border-color: var(--h4f5ny-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--h4f5ny-enableShadow: true): var(--h4f5ny-shadowHorizontal, var(--beae-card-shadow-x)) var(--h4f5ny-shadowVertical, var(--beae-card-shadow-y)) var(--h4f5ny-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h4f5ny-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--h4f5ny-background-color,var(--beae-card-prod-background)); border-color: var(--h4f5ny-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--h4f5ny-enableShadow: true): var(--h4f5ny-shadowHorizontal, var(--beae-card-shadow-x)) var(--h4f5ny-shadowVertical, var(--beae-card-shadow-y)) var(--h4f5ny-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h4f5ny-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--h4f5ny-background-color,var(--beae-card-pricing-background)); border-color: var(--h4f5ny-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--h4f5ny-enableShadow: true): var(--h4f5ny-shadowHorizontal, var(--beae-card-shadow-x)) var(--h4f5ny-shadowVertical, var(--beae-card-shadow-y)) var(--h4f5ny-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h4f5ny-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--h4f5ny-background-color,var(--beae-card-cta-background)); border-color: var(--h4f5ny-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--h4f5ny-enableShadow: true): var(--h4f5ny-shadowHorizontal, var(--beae-card-shadow-x)) var(--h4f5ny-shadowVertical, var(--beae-card-shadow-y)) var(--h4f5ny-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h4f5ny-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--h4f5ny-background-color,var(--beae-card-media-background)); border-color: var(--h4f5ny-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--h4f5ny-enableShadow: true): var(--h4f5ny-shadowHorizontal, var(--beae-card-shadow-x)) var(--h4f5ny-shadowVertical, var(--beae-card-shadow-y)) var(--h4f5ny-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h4f5ny-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-h4f5ny"] {     display: flex;     flex-direction: var(--h4f5ny-direction, column);     flex-wrap: nowrap;     justify-content: var(--h4f5ny-justify-content);     align-items: var(--h4f5ny-align-items);     gap: var(--h4f5ny-gap, var(--h4f5ny-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-h4f5ny"] {                            gap: var(--h4f5ny-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--h4f5ny-padding-right-tablet, 0px) - var(--h4f5ny-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-h4f5ny"] {                            gap: var(--h4f5ny-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--h4f5ny-padding-right-mobile, 0px) - var(--h4f5ny-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fzajgn"] { --beae-p3-font-size: 14px; --beae-p3-font-size-tablet: 14px; --beae-p3-font-size-mobile: 14px; --beae-p3-color: #454645; --beae-p3-font-family: DM Sans; --beae-p3-font-weight: 500; --beae-p3-line-height: 1.5; --beae-p3-line-height-tablet: 1.5; --beae-p3-line-height-mobile: 1.5; --beae-p3-letter-spacing: 0px; --beae-p3-letter-spacing-tablet: 0px; --beae-p3-letter-spacing-mobile: 0px; --beae-p3-text-transform: uppercase; --fzajgn-typography: p3; --fzajgn-typography-tablet: p3; --fzajgn-typography-mobile: p3; }[data-bnode="beae-fzajgn"] { margin-top: var(--fzajgn-margin-top, 0px); margin-right: var(--fzajgn-margin-right, 0px); margin-bottom: var(--fzajgn-margin-bottom, 0px); margin-left: var(--fzajgn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fzajgn-margin-top-tablet, 0px); margin-right: var(--fzajgn-margin-right-tablet, 0px); margin-bottom: var(--fzajgn-margin-bottom-tablet, 0px); margin-left: var(--fzajgn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fzajgn-margin-top-mobile, 0px); margin-right: var(--fzajgn-margin-right-mobile, 0px); margin-bottom: var(--fzajgn-margin-bottom-mobile, 0px); margin-left: var(--fzajgn-margin-left-mobile, 0px); } }[data-bnode="beae-p9k25q"] { --p9k25q-direction: column; --p9k25q-direction-tablet: column; --p9k25q-direction-mobile: column; --p9k25q-structure: columns; --p9k25q-structure-tablet: columns; --p9k25q-structure-mobile: columns; --p9k25q-align-items: center; --p9k25q-align-items-tablet: center; --p9k25q-align-items-mobile: center; --p9k25q-max-width: 100%; --p9k25q-max-width-tablet: 100%; --p9k25q-max-width-mobile: 100%; --p9k25q-gap: 24px; --p9k25q-gap-tablet: 24px; --p9k25q-gap-mobile: 24px; }[data-bnode="beae-p9k25q"] { padding-top: var(--p9k25q-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--p9k25q-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--p9k25q-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--p9k25q-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p9k25q-padding-top-tablet, var(--p9k25q-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--p9k25q-padding-right-tablet, var(--p9k25q-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--p9k25q-padding-bottom-tablet, var(--p9k25q-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--p9k25q-padding-left-tablet, var(--p9k25q-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p9k25q-padding-top-mobile, var(--p9k25q-padding-top-tablet, var(--p9k25q-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--p9k25q-padding-right-mobile, var(--p9k25q-padding-right-tablet, var(--p9k25q-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--p9k25q-padding-bottom-mobile, var(--p9k25q-padding-bottom-tablet, var(--p9k25q-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--p9k25q-padding-left-mobile, var(--p9k25q-padding-left-tablet, var(--p9k25q-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--p9k25q-padding-left, var(--beae-slot-padding-x, 0px)) - var(--p9k25q-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--p9k25q-background-imageRatio, auto); background: var(--p9k25q-background-color,transparent); border-style: var(--p9k25q-borderStyle,solid); border-color: var(--p9k25q-borderColor,#000000); border-width: var(--p9k25q-borderWidth-tl,0px) var(--p9k25q-borderWidth-tr,0px) var(--p9k25q-borderWidth-br,0px) var(--p9k25q-borderWidth-bl,0px); border-radius: var(--p9k25q-borderRadius-tl,0px) var(--p9k25q-borderRadius-tr,0px) var(--p9k25q-borderRadius-br,0px) var(--p9k25q-borderRadius-bl,0px); box-shadow: if(style(--p9k25q-enableShadow: true): var(--p9k25q-shadowHorizontal,0) var(--p9k25q-shadowVertical,0) var(--p9k25q-shadowBlur,0) 1px var(--p9k25q-shadowColor,#000000); else: none); max-width: var(--p9k25q-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--p9k25q-background-imageRatio-tablet, var(--p9k25q-background-imageRatio, auto)); border-width: var(--p9k25q-borderWidth-tl-tablet,0px) var(--p9k25q-borderWidth-tr-tablet,0px) var(--p9k25q-borderWidth-br-tablet,0px) var(--p9k25q-borderWidth-bl-tablet,0px); border-radius: var(--p9k25q-borderRadius-tl-tablet,0px) var(--p9k25q-borderRadius-tr-tablet,0px) var(--p9k25q-borderRadius-br-tablet,0px) var(--p9k25q-borderRadius-bl-tablet,0px); max-width: var(--p9k25q-max-width-tablet, var(--p9k25q-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--p9k25q-background-imageRatio-mobile, var(--p9k25q-background-imageRatio, auto)); border-width: var(--p9k25q-borderWidth-tl-mobile,0px) var(--p9k25q-borderWidth-tr-mobile,0px) var(--p9k25q-borderWidth-br-mobile,0px) var(--p9k25q-borderWidth-bl-mobile,0px); border-radius: var(--p9k25q-borderRadius-tl-mobile,0px) var(--p9k25q-borderRadius-tr-mobile,0px) var(--p9k25q-borderRadius-br-mobile,0px) var(--p9k25q-borderRadius-bl-mobile,0px); max-width: var(--p9k25q-max-width-mobile, var(--p9k25q-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--p9k25q-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--p9k25q-gap,var(--beae-card-gap)); padding-top: var(--p9k25q-padding-top,var(--beae-card-padding)); padding-right: var(--p9k25q-padding-right,var(--beae-card-padding)); padding-bottom: var(--p9k25q-padding-bottom,var(--beae-card-padding)); padding-left: var(--p9k25q-padding-left,var(--beae-card-padding)); border-width: var(--p9k25q-borderWidth,var(--beae-card-border-width)); border-width: var(--p9k25q-borderWidth-tl,var(--beae-card-border-width)) var(--p9k25q-borderWidth-tr,var(--beae-card-border-width)) var(--p9k25q-borderWidth-br,var(--beae-card-border-width)) var(--p9k25q-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p9k25q-borderRadius-tl,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-tr,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-br,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--p9k25q-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--p9k25q-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--p9k25q-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--p9k25q-padding-left-tablet,var(--beae-card-padding)); border-width: var(--p9k25q-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--p9k25q-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--p9k25q-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--p9k25q-borderWidth-br-desktop,var(--beae-card-border-width)) var(--p9k25q-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--p9k25q-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--p9k25q-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--p9k25q-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--p9k25q-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--p9k25q-padding-left-mobile,var(--beae-card-padding)); border-width: var(--p9k25q-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--p9k25q-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--p9k25q-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--p9k25q-borderWidth-br-mobile,var(--beae-card-border-width)) var(--p9k25q-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--p9k25q-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--p9k25q-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--p9k25q-background-color,var(--beae-card-featured-background)); border-color: var(--p9k25q-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--p9k25q-enableShadow: true): var(--p9k25q-shadowHorizontal, var(--beae-card-shadow-x)) var(--p9k25q-shadowVertical, var(--beae-card-shadow-y)) var(--p9k25q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p9k25q-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--p9k25q-background-color,var(--beae-card-prod-background)); border-color: var(--p9k25q-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--p9k25q-enableShadow: true): var(--p9k25q-shadowHorizontal, var(--beae-card-shadow-x)) var(--p9k25q-shadowVertical, var(--beae-card-shadow-y)) var(--p9k25q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p9k25q-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--p9k25q-background-color,var(--beae-card-pricing-background)); border-color: var(--p9k25q-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--p9k25q-enableShadow: true): var(--p9k25q-shadowHorizontal, var(--beae-card-shadow-x)) var(--p9k25q-shadowVertical, var(--beae-card-shadow-y)) var(--p9k25q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p9k25q-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--p9k25q-background-color,var(--beae-card-cta-background)); border-color: var(--p9k25q-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--p9k25q-enableShadow: true): var(--p9k25q-shadowHorizontal, var(--beae-card-shadow-x)) var(--p9k25q-shadowVertical, var(--beae-card-shadow-y)) var(--p9k25q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p9k25q-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--p9k25q-background-color,var(--beae-card-media-background)); border-color: var(--p9k25q-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--p9k25q-enableShadow: true): var(--p9k25q-shadowHorizontal, var(--beae-card-shadow-x)) var(--p9k25q-shadowVertical, var(--beae-card-shadow-y)) var(--p9k25q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p9k25q-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-p9k25q"] {     display: flex;     flex-direction: var(--p9k25q-direction, column);     flex-wrap: nowrap;     justify-content: var(--p9k25q-justify-content);     align-items: var(--p9k25q-align-items);     gap: var(--p9k25q-gap, var(--p9k25q-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-p9k25q"] {                            gap: var(--p9k25q-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--p9k25q-padding-right-tablet, 0px) - var(--p9k25q-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-p9k25q"] {                            gap: var(--p9k25q-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--p9k25q-padding-right-mobile, 0px) - var(--p9k25q-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-yosdxw"] { --yosdxw-direction: row; --yosdxw-direction-tablet: column; --yosdxw-direction-mobile: column; --yosdxw-gap: 24px; --yosdxw-gap-tablet: 16px; --yosdxw-gap-mobile: 16px; --yosdxw-align-items: center; --yosdxw-align-items-tablet: center; --yosdxw-align-items-mobile: center; --yosdxw-justify-content: center; --yosdxw-justify-content-tablet: center; --yosdxw-justify-content-mobile: center; }[data-bnode="beae-yosdxw"] { padding-top: var(--yosdxw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--yosdxw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--yosdxw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--yosdxw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--yosdxw-padding-top-tablet, var(--yosdxw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--yosdxw-padding-right-tablet, var(--yosdxw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--yosdxw-padding-bottom-tablet, var(--yosdxw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--yosdxw-padding-left-tablet, var(--yosdxw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--yosdxw-padding-top-mobile, var(--yosdxw-padding-top-tablet, var(--yosdxw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--yosdxw-padding-right-mobile, var(--yosdxw-padding-right-tablet, var(--yosdxw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--yosdxw-padding-bottom-mobile, var(--yosdxw-padding-bottom-tablet, var(--yosdxw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--yosdxw-padding-left-mobile, var(--yosdxw-padding-left-tablet, var(--yosdxw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--yosdxw-padding-left, var(--beae-slot-padding-x, 0px)) - var(--yosdxw-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--yosdxw-background-imageRatio, auto); background: var(--yosdxw-background-color,transparent); border-style: var(--yosdxw-borderStyle,solid); border-color: var(--yosdxw-borderColor,#000000); border-width: var(--yosdxw-borderWidth-tl,0px) var(--yosdxw-borderWidth-tr,0px) var(--yosdxw-borderWidth-br,0px) var(--yosdxw-borderWidth-bl,0px); border-radius: var(--yosdxw-borderRadius-tl,0px) var(--yosdxw-borderRadius-tr,0px) var(--yosdxw-borderRadius-br,0px) var(--yosdxw-borderRadius-bl,0px); box-shadow: if(style(--yosdxw-enableShadow: true): var(--yosdxw-shadowHorizontal,0) var(--yosdxw-shadowVertical,0) var(--yosdxw-shadowBlur,0) 1px var(--yosdxw-shadowColor,#000000); else: none); max-width: var(--yosdxw-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--yosdxw-background-imageRatio-tablet, var(--yosdxw-background-imageRatio, auto)); border-width: var(--yosdxw-borderWidth-tl-tablet,0px) var(--yosdxw-borderWidth-tr-tablet,0px) var(--yosdxw-borderWidth-br-tablet,0px) var(--yosdxw-borderWidth-bl-tablet,0px); border-radius: var(--yosdxw-borderRadius-tl-tablet,0px) var(--yosdxw-borderRadius-tr-tablet,0px) var(--yosdxw-borderRadius-br-tablet,0px) var(--yosdxw-borderRadius-bl-tablet,0px); max-width: var(--yosdxw-max-width-tablet, var(--yosdxw-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--yosdxw-background-imageRatio-mobile, var(--yosdxw-background-imageRatio, auto)); border-width: var(--yosdxw-borderWidth-tl-mobile,0px) var(--yosdxw-borderWidth-tr-mobile,0px) var(--yosdxw-borderWidth-br-mobile,0px) var(--yosdxw-borderWidth-bl-mobile,0px); border-radius: var(--yosdxw-borderRadius-tl-mobile,0px) var(--yosdxw-borderRadius-tr-mobile,0px) var(--yosdxw-borderRadius-br-mobile,0px) var(--yosdxw-borderRadius-bl-mobile,0px); max-width: var(--yosdxw-max-width-mobile, var(--yosdxw-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--yosdxw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--yosdxw-gap,var(--beae-card-gap)); padding-top: var(--yosdxw-padding-top,var(--beae-card-padding)); padding-right: var(--yosdxw-padding-right,var(--beae-card-padding)); padding-bottom: var(--yosdxw-padding-bottom,var(--beae-card-padding)); padding-left: var(--yosdxw-padding-left,var(--beae-card-padding)); border-width: var(--yosdxw-borderWidth,var(--beae-card-border-width)); border-width: var(--yosdxw-borderWidth-tl,var(--beae-card-border-width)) var(--yosdxw-borderWidth-tr,var(--beae-card-border-width)) var(--yosdxw-borderWidth-br,var(--beae-card-border-width)) var(--yosdxw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--yosdxw-borderRadius-tl,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-tr,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-br,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--yosdxw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--yosdxw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--yosdxw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--yosdxw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--yosdxw-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--yosdxw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--yosdxw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--yosdxw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--yosdxw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--yosdxw-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--yosdxw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--yosdxw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--yosdxw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--yosdxw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--yosdxw-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--yosdxw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--yosdxw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--yosdxw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--yosdxw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--yosdxw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--yosdxw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--yosdxw-background-color,var(--beae-card-featured-background)); border-color: var(--yosdxw-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--yosdxw-enableShadow: true): var(--yosdxw-shadowHorizontal, var(--beae-card-shadow-x)) var(--yosdxw-shadowVertical, var(--beae-card-shadow-y)) var(--yosdxw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yosdxw-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--yosdxw-background-color,var(--beae-card-prod-background)); border-color: var(--yosdxw-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--yosdxw-enableShadow: true): var(--yosdxw-shadowHorizontal, var(--beae-card-shadow-x)) var(--yosdxw-shadowVertical, var(--beae-card-shadow-y)) var(--yosdxw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yosdxw-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--yosdxw-background-color,var(--beae-card-pricing-background)); border-color: var(--yosdxw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--yosdxw-enableShadow: true): var(--yosdxw-shadowHorizontal, var(--beae-card-shadow-x)) var(--yosdxw-shadowVertical, var(--beae-card-shadow-y)) var(--yosdxw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yosdxw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--yosdxw-background-color,var(--beae-card-cta-background)); border-color: var(--yosdxw-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--yosdxw-enableShadow: true): var(--yosdxw-shadowHorizontal, var(--beae-card-shadow-x)) var(--yosdxw-shadowVertical, var(--beae-card-shadow-y)) var(--yosdxw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yosdxw-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--yosdxw-background-color,var(--beae-card-media-background)); border-color: var(--yosdxw-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--yosdxw-enableShadow: true): var(--yosdxw-shadowHorizontal, var(--beae-card-shadow-x)) var(--yosdxw-shadowVertical, var(--beae-card-shadow-y)) var(--yosdxw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yosdxw-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-yosdxw"] {     display: flex;     flex-direction: var(--yosdxw-direction, column);     flex-wrap: nowrap;     justify-content: var(--yosdxw-justify-content);     align-items: var(--yosdxw-align-items);     gap: var(--yosdxw-gap, var(--yosdxw-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-yosdxw"] {      flex-direction: var(--yosdxw-direction-tablet, column);                 align-items: var(--yosdxw-align-items-tablet, inherit);      gap: var(--yosdxw-gap-tablet, var(--yosdxw-gap-tablet, var(--beae-slot-gap-tablet)));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-yosdxw"] {      flex-direction: var(--yosdxw-direction-mobile, column);                      gap: var(--yosdxw-gap-mobile, var(--beae-slot-gap-mobile));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-mnqfq5"] { --mnqfq5-direction: row; --mnqfq5-direction-tablet: row; --mnqfq5-direction-mobile: column; --mnqfq5-structure: auto; --mnqfq5-structure-tablet: columns; --mnqfq5-structure-mobile: columns; --mnqfq5-align-items: center; --mnqfq5-align-items-tablet: center; --mnqfq5-align-items-mobile: center; --mnqfq5-max-width: fit-content; --mnqfq5-gap: 20px; --mnqfq5-gap-tablet: 16px; --mnqfq5-gap-mobile: 16px; --mnqfq5-columns-tablet: 20.00,80.00; --mnqfq5-columns-mobile: 20.00,80.00; --mnqfq5-columnsPresetId-tablet: 20.00,80.00; --mnqfq5-columnsPresetId-mobile: 20.00,80.00; --mnqfq5-padding-top-tablet: 0px; --mnqfq5-padding-top-mobile: 0px; --mnqfq5-padding-right-tablet: 0px; --mnqfq5-padding-right-mobile: 0px; --mnqfq5-padding-bottom-tablet: 0px; --mnqfq5-padding-bottom-mobile: 0px; --mnqfq5-padding-left-tablet: 0px; --mnqfq5-padding-left-mobile: 0px; }[data-bnode="beae-mnqfq5"] { padding-top: var(--mnqfq5-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--mnqfq5-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--mnqfq5-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--mnqfq5-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mnqfq5-padding-top-tablet, var(--mnqfq5-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--mnqfq5-padding-right-tablet, var(--mnqfq5-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--mnqfq5-padding-bottom-tablet, var(--mnqfq5-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--mnqfq5-padding-left-tablet, var(--mnqfq5-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mnqfq5-padding-top-mobile, var(--mnqfq5-padding-top-tablet, var(--mnqfq5-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--mnqfq5-padding-right-mobile, var(--mnqfq5-padding-right-tablet, var(--mnqfq5-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--mnqfq5-padding-bottom-mobile, var(--mnqfq5-padding-bottom-tablet, var(--mnqfq5-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--mnqfq5-padding-left-mobile, var(--mnqfq5-padding-left-tablet, var(--mnqfq5-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--mnqfq5-padding-left, var(--beae-slot-padding-x, 0px)) - var(--mnqfq5-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--mnqfq5-background-imageRatio, auto); background: var(--mnqfq5-background-color,transparent); border-style: var(--mnqfq5-borderStyle,solid); border-color: var(--mnqfq5-borderColor,#000000); border-width: var(--mnqfq5-borderWidth-tl,0px) var(--mnqfq5-borderWidth-tr,0px) var(--mnqfq5-borderWidth-br,0px) var(--mnqfq5-borderWidth-bl,0px); border-radius: var(--mnqfq5-borderRadius-tl,0px) var(--mnqfq5-borderRadius-tr,0px) var(--mnqfq5-borderRadius-br,0px) var(--mnqfq5-borderRadius-bl,0px); box-shadow: if(style(--mnqfq5-enableShadow: true): var(--mnqfq5-shadowHorizontal,0) var(--mnqfq5-shadowVertical,0) var(--mnqfq5-shadowBlur,0) 1px var(--mnqfq5-shadowColor,#000000); else: none); max-width: var(--mnqfq5-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--mnqfq5-background-imageRatio-tablet, var(--mnqfq5-background-imageRatio, auto)); border-width: var(--mnqfq5-borderWidth-tl-tablet,0px) var(--mnqfq5-borderWidth-tr-tablet,0px) var(--mnqfq5-borderWidth-br-tablet,0px) var(--mnqfq5-borderWidth-bl-tablet,0px); border-radius: var(--mnqfq5-borderRadius-tl-tablet,0px) var(--mnqfq5-borderRadius-tr-tablet,0px) var(--mnqfq5-borderRadius-br-tablet,0px) var(--mnqfq5-borderRadius-bl-tablet,0px); max-width: var(--mnqfq5-max-width-tablet, var(--mnqfq5-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--mnqfq5-background-imageRatio-mobile, var(--mnqfq5-background-imageRatio, auto)); border-width: var(--mnqfq5-borderWidth-tl-mobile,0px) var(--mnqfq5-borderWidth-tr-mobile,0px) var(--mnqfq5-borderWidth-br-mobile,0px) var(--mnqfq5-borderWidth-bl-mobile,0px); border-radius: var(--mnqfq5-borderRadius-tl-mobile,0px) var(--mnqfq5-borderRadius-tr-mobile,0px) var(--mnqfq5-borderRadius-br-mobile,0px) var(--mnqfq5-borderRadius-bl-mobile,0px); max-width: var(--mnqfq5-max-width-mobile, var(--mnqfq5-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--mnqfq5-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--mnqfq5-gap,var(--beae-card-gap)); padding-top: var(--mnqfq5-padding-top,var(--beae-card-padding)); padding-right: var(--mnqfq5-padding-right,var(--beae-card-padding)); padding-bottom: var(--mnqfq5-padding-bottom,var(--beae-card-padding)); padding-left: var(--mnqfq5-padding-left,var(--beae-card-padding)); border-width: var(--mnqfq5-borderWidth,var(--beae-card-border-width)); border-width: var(--mnqfq5-borderWidth-tl,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-tr,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-br,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--mnqfq5-borderRadius-tl,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-tr,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-br,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--mnqfq5-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--mnqfq5-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--mnqfq5-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--mnqfq5-padding-left-tablet,var(--beae-card-padding)); border-width: var(--mnqfq5-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--mnqfq5-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-br-desktop,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--mnqfq5-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--mnqfq5-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--mnqfq5-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--mnqfq5-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--mnqfq5-padding-left-mobile,var(--beae-card-padding)); border-width: var(--mnqfq5-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--mnqfq5-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-br-mobile,var(--beae-card-border-width)) var(--mnqfq5-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--mnqfq5-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--mnqfq5-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--mnqfq5-background-color,var(--beae-card-featured-background)); border-color: var(--mnqfq5-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--mnqfq5-enableShadow: true): var(--mnqfq5-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnqfq5-shadowVertical, var(--beae-card-shadow-y)) var(--mnqfq5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnqfq5-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--mnqfq5-background-color,var(--beae-card-prod-background)); border-color: var(--mnqfq5-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--mnqfq5-enableShadow: true): var(--mnqfq5-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnqfq5-shadowVertical, var(--beae-card-shadow-y)) var(--mnqfq5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnqfq5-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--mnqfq5-background-color,var(--beae-card-pricing-background)); border-color: var(--mnqfq5-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--mnqfq5-enableShadow: true): var(--mnqfq5-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnqfq5-shadowVertical, var(--beae-card-shadow-y)) var(--mnqfq5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnqfq5-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--mnqfq5-background-color,var(--beae-card-cta-background)); border-color: var(--mnqfq5-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--mnqfq5-enableShadow: true): var(--mnqfq5-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnqfq5-shadowVertical, var(--beae-card-shadow-y)) var(--mnqfq5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnqfq5-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--mnqfq5-background-color,var(--beae-card-media-background)); border-color: var(--mnqfq5-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--mnqfq5-enableShadow: true): var(--mnqfq5-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnqfq5-shadowVertical, var(--beae-card-shadow-y)) var(--mnqfq5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnqfq5-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-mnqfq5"] {     display: flex;     flex-direction: var(--mnqfq5-direction, column);     flex-wrap: nowrap;     justify-content: var(--mnqfq5-justify-content);     align-items: var(--mnqfq5-align-items);     gap: var(--mnqfq5-gap, var(--mnqfq5-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-mnqfq5"] {      flex-direction: var(--mnqfq5-direction-tablet, column);                 align-items: var(--mnqfq5-align-items-tablet, inherit);      gap: var(--mnqfq5-gap-tablet, var(--mnqfq5-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(20.00% - var(--mnqfq5-padding-right-tablet, 0px) - var(--mnqfq5-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(80.00% - var(--mnqfq5-padding-right-tablet, 0px) - var(--mnqfq5-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--mnqfq5-padding-right-tablet, 0px) - var(--mnqfq5-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-mnqfq5"] {      flex-direction: var(--mnqfq5-direction-mobile, column);                      gap: var(--mnqfq5-gap-mobile, var(--mnqfq5-gap-mobile, var(--beae-slot-gap-mobile)));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-awutg7"] { --awutg7-width: 64px; --awutg7-width-tablet: 64px; --awutg7-width-mobile: 64px; --awutg7-imageRatio: 1/1; --awutg7-imageRatio-tablet: 1/1; --awutg7-imageRatio-mobile: 1/1; --awutg7-objFit: cover; --awutg7-objFit-tablet: cover; --awutg7-objFit-mobile: cover; --awutg7-borderColor: #000000; --awutg7-borderColor-tablet: #000000; --awutg7-borderColor-mobile: #000000; --awutg7-shadowColor: #000000; --awutg7-shadowColor-tablet: #000000; --awutg7-shadowColor-mobile: #000000; --awutg7-borderStyle: none; --awutg7-borderStyle-tablet: none; --awutg7-borderStyle-mobile: none; --awutg7-enableShadow: false; --awutg7-enableShadow-tablet: false; --awutg7-enableShadow-mobile: false; }[data-bnode="beae-awutg7"] { margin-top: var(--awutg7-margin-top, 0px); margin-right: var(--awutg7-margin-right, 0px); margin-bottom: var(--awutg7-margin-bottom, 0px); margin-left: var(--awutg7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--awutg7-margin-top-tablet, 0px); margin-right: var(--awutg7-margin-right-tablet, 0px); margin-bottom: var(--awutg7-margin-bottom-tablet, 0px); margin-left: var(--awutg7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--awutg7-margin-top-mobile, 0px); margin-right: var(--awutg7-margin-right-mobile, 0px); margin-bottom: var(--awutg7-margin-bottom-mobile, 0px); margin-left: var(--awutg7-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--awutg7-width,100%) - var(--awutg7-margin-left,0px) - var(--awutg7-margin-right,0px)); min-height: min-content; border-style: var(--awutg7-borderStyle,solid); border-color: var(--awutg7-borderColor,#000000); border-width: var(--awutg7-borderWidth-tl,0px) var(--awutg7-borderWidth-tr,0px) var(--awutg7-borderWidth-br,0px) var(--awutg7-borderWidth-bl,0px); border-radius: var(--awutg7-borderRadius-tl,0px) var(--awutg7-borderRadius-tr,0px) var(--awutg7-borderRadius-br,0px) var(--awutg7-borderRadius-bl,0px); aspect-ratio: var(--awutg7-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--awutg7-borderWidth-tl-tablet, var(--awutg7-borderWidth-tl,0px)) var(--awutg7-borderWidth-tr-tablet, var(--awutg7-borderWidth-tr,0px)) var(--awutg7-borderWidth-br-tablet, var(--awutg7-borderWidth-br,0px)) var(--awutg7-borderWidth-bl-tablet, var(--awutg7-borderWidth-bl,0px)); border-radius: var(--awutg7-borderRadius-tl-tablet, var(--awutg7-borderRadius-tl,0px)) var(--awutg7-borderRadius-tr-tablet, var(--awutg7-borderRadius-tr,0px)) var(--awutg7-borderRadius-br-tablet, var(--awutg7-borderRadius-br,0px)) var(--awutg7-borderRadius-bl-tablet, var(--awutg7-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--awutg7-borderWidth-tl-mobile, var(--awutg7-borderWidth-tl,0px)) var(--awutg7-borderWidth-tr-mobile, var(--awutg7-borderWidth-tr,0px)) var(--awutg7-borderWidth-br-mobile, var(--awutg7-borderWidth-br,0px)) var(--awutg7-borderWidth-bl-mobile, var(--awutg7-borderWidth-bl,0px)); border-radius: var(--awutg7-borderRadius-tl-mobile, var(--awutg7-borderRadius-tl,0px)) var(--awutg7-borderRadius-tr-mobile, var(--awutg7-borderRadius-tr,0px)) var(--awutg7-borderRadius-br-mobile, var(--awutg7-borderRadius-br,0px)) var(--awutg7-borderRadius-bl-mobile, var(--awutg7-borderRadius-bl,0px)); } box-shadow: if( style(--awutg7-enableShadow: true): var(--awutg7-shadowHorizontal, 0) var(--awutg7-shadowVertical, 0) var(--awutg7-shadowBlur, 0) 1px var(--awutg7-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--awutg7-overlayColor-color, #000); opacity: var(--awutg7-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--awutg7-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--awutg7-width-tablet,var(--awutg7-width,100%)) - var(--awutg7-margin-left-tablet,var(--awutg7-margin-left,0px)) - var(--awutg7-margin-right-tablet,var(--awutg7-margin-right,0px))); aspect-ratio: var(--awutg7-imageRatio-tablet, var(--awutg7-imageRatio, auto)); img { object-fit: var(--awutg7-objFit-tablet, var(--awutg7-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--awutg7-width-mobile,var(--awutg7-width,100%)) - var(--awutg7-margin-left-mobile,var(--awutg7-margin-left,0px)) - var(--awutg7-margin-right-mobile,var(--awutg7-margin-right,0px))); aspect-ratio: var(--awutg7-imageRatio-mobile, var(--awutg7-imageRatio, auto)); img { object-fit: var(--awutg7-objFit-mobile, var(--awutg7-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-ppi2aw"] { --beae-h1-font-size: 50px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #282928; --beae-h1-font-family: DM Sans; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.3; --beae-h1-line-height-mobile: 1.3; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --ppi2aw-typography: h1; --ppi2aw-typography-tablet: h1; --ppi2aw-typography-mobile: h1; --beae-h1-text-align-mobile: center; }[data-bnode="beae-ppi2aw"] { margin-top: var(--ppi2aw-margin-top, 0px); margin-right: var(--ppi2aw-margin-right, 0px); margin-bottom: var(--ppi2aw-margin-bottom, 0px); margin-left: var(--ppi2aw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ppi2aw-margin-top-tablet, 0px); margin-right: var(--ppi2aw-margin-right-tablet, 0px); margin-bottom: var(--ppi2aw-margin-bottom-tablet, 0px); margin-left: var(--ppi2aw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ppi2aw-margin-top-mobile, 0px); margin-right: var(--ppi2aw-margin-right-mobile, 0px); margin-bottom: var(--ppi2aw-margin-bottom-mobile, 0px); margin-left: var(--ppi2aw-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ppi2aw-highlightColor,var(--beae-p-color)); top: var(--ppi2aw-highlightTop, 100%); } }[data-bnode="beae-ba0p8s"] { --beae-h1-font-size: 50px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #282928; --beae-h1-font-family: DM Sans; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.3; --beae-h1-line-height-mobile: 1.3; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --ba0p8s-typography: h1; --ba0p8s-typography-tablet: h1; --ba0p8s-typography-mobile: h1; }[data-bnode="beae-ba0p8s"] { margin-top: var(--ba0p8s-margin-top, 0px); margin-right: var(--ba0p8s-margin-right, 0px); margin-bottom: var(--ba0p8s-margin-bottom, 0px); margin-left: var(--ba0p8s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ba0p8s-margin-top-tablet, 0px); margin-right: var(--ba0p8s-margin-right-tablet, 0px); margin-bottom: var(--ba0p8s-margin-bottom-tablet, 0px); margin-left: var(--ba0p8s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ba0p8s-margin-top-mobile, 0px); margin-right: var(--ba0p8s-margin-right-mobile, 0px); margin-bottom: var(--ba0p8s-margin-bottom-mobile, 0px); margin-left: var(--ba0p8s-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ba0p8s-highlightColor,var(--beae-p-color)); top: var(--ba0p8s-highlightTop, 100%); } }[data-bnode="beae-8oudn2"] { --8oudn2-direction: row; --8oudn2-direction-tablet: row; --8oudn2-direction-mobile: column; --8oudn2-gap: 24px; --8oudn2-gap-tablet: 24px; --8oudn2-gap-mobile: 24px; --8oudn2-align-items: center; --8oudn2-align-items-tablet: center; --8oudn2-align-items-mobile: center; --8oudn2-justify-content: center; --8oudn2-justify-content-tablet: center; --8oudn2-justify-content-mobile: center; }[data-bnode="beae-8oudn2"] { padding-top: var(--8oudn2-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--8oudn2-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--8oudn2-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--8oudn2-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8oudn2-padding-top-tablet, var(--8oudn2-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--8oudn2-padding-right-tablet, var(--8oudn2-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--8oudn2-padding-bottom-tablet, var(--8oudn2-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--8oudn2-padding-left-tablet, var(--8oudn2-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8oudn2-padding-top-mobile, var(--8oudn2-padding-top-tablet, var(--8oudn2-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--8oudn2-padding-right-mobile, var(--8oudn2-padding-right-tablet, var(--8oudn2-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--8oudn2-padding-bottom-mobile, var(--8oudn2-padding-bottom-tablet, var(--8oudn2-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--8oudn2-padding-left-mobile, var(--8oudn2-padding-left-tablet, var(--8oudn2-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--8oudn2-padding-left, var(--beae-slot-padding-x, 0px)) - var(--8oudn2-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--8oudn2-background-imageRatio, auto); background: var(--8oudn2-background-color,transparent); border-style: var(--8oudn2-borderStyle,solid); border-color: var(--8oudn2-borderColor,#000000); border-width: var(--8oudn2-borderWidth-tl,0px) var(--8oudn2-borderWidth-tr,0px) var(--8oudn2-borderWidth-br,0px) var(--8oudn2-borderWidth-bl,0px); border-radius: var(--8oudn2-borderRadius-tl,0px) var(--8oudn2-borderRadius-tr,0px) var(--8oudn2-borderRadius-br,0px) var(--8oudn2-borderRadius-bl,0px); box-shadow: if(style(--8oudn2-enableShadow: true): var(--8oudn2-shadowHorizontal,0) var(--8oudn2-shadowVertical,0) var(--8oudn2-shadowBlur,0) 1px var(--8oudn2-shadowColor,#000000); else: none); max-width: var(--8oudn2-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--8oudn2-background-imageRatio-tablet, var(--8oudn2-background-imageRatio, auto)); border-width: var(--8oudn2-borderWidth-tl-tablet,0px) var(--8oudn2-borderWidth-tr-tablet,0px) var(--8oudn2-borderWidth-br-tablet,0px) var(--8oudn2-borderWidth-bl-tablet,0px); border-radius: var(--8oudn2-borderRadius-tl-tablet,0px) var(--8oudn2-borderRadius-tr-tablet,0px) var(--8oudn2-borderRadius-br-tablet,0px) var(--8oudn2-borderRadius-bl-tablet,0px); max-width: var(--8oudn2-max-width-tablet, var(--8oudn2-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--8oudn2-background-imageRatio-mobile, var(--8oudn2-background-imageRatio, auto)); border-width: var(--8oudn2-borderWidth-tl-mobile,0px) var(--8oudn2-borderWidth-tr-mobile,0px) var(--8oudn2-borderWidth-br-mobile,0px) var(--8oudn2-borderWidth-bl-mobile,0px); border-radius: var(--8oudn2-borderRadius-tl-mobile,0px) var(--8oudn2-borderRadius-tr-mobile,0px) var(--8oudn2-borderRadius-br-mobile,0px) var(--8oudn2-borderRadius-bl-mobile,0px); max-width: var(--8oudn2-max-width-mobile, var(--8oudn2-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--8oudn2-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--8oudn2-gap,var(--beae-card-gap)); padding-top: var(--8oudn2-padding-top,var(--beae-card-padding)); padding-right: var(--8oudn2-padding-right,var(--beae-card-padding)); padding-bottom: var(--8oudn2-padding-bottom,var(--beae-card-padding)); padding-left: var(--8oudn2-padding-left,var(--beae-card-padding)); border-width: var(--8oudn2-borderWidth,var(--beae-card-border-width)); border-width: var(--8oudn2-borderWidth-tl,var(--beae-card-border-width)) var(--8oudn2-borderWidth-tr,var(--beae-card-border-width)) var(--8oudn2-borderWidth-br,var(--beae-card-border-width)) var(--8oudn2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--8oudn2-borderRadius-tl,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-tr,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-br,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8oudn2-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--8oudn2-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--8oudn2-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--8oudn2-padding-left-tablet,var(--beae-card-padding)); border-width: var(--8oudn2-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--8oudn2-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--8oudn2-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--8oudn2-borderWidth-br-desktop,var(--beae-card-border-width)) var(--8oudn2-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--8oudn2-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--8oudn2-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--8oudn2-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--8oudn2-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--8oudn2-padding-left-mobile,var(--beae-card-padding)); border-width: var(--8oudn2-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--8oudn2-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--8oudn2-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--8oudn2-borderWidth-br-mobile,var(--beae-card-border-width)) var(--8oudn2-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--8oudn2-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--8oudn2-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--8oudn2-background-color,var(--beae-card-featured-background)); border-color: var(--8oudn2-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--8oudn2-enableShadow: true): var(--8oudn2-shadowHorizontal, var(--beae-card-shadow-x)) var(--8oudn2-shadowVertical, var(--beae-card-shadow-y)) var(--8oudn2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8oudn2-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--8oudn2-background-color,var(--beae-card-prod-background)); border-color: var(--8oudn2-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--8oudn2-enableShadow: true): var(--8oudn2-shadowHorizontal, var(--beae-card-shadow-x)) var(--8oudn2-shadowVertical, var(--beae-card-shadow-y)) var(--8oudn2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8oudn2-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--8oudn2-background-color,var(--beae-card-pricing-background)); border-color: var(--8oudn2-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--8oudn2-enableShadow: true): var(--8oudn2-shadowHorizontal, var(--beae-card-shadow-x)) var(--8oudn2-shadowVertical, var(--beae-card-shadow-y)) var(--8oudn2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8oudn2-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--8oudn2-background-color,var(--beae-card-cta-background)); border-color: var(--8oudn2-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--8oudn2-enableShadow: true): var(--8oudn2-shadowHorizontal, var(--beae-card-shadow-x)) var(--8oudn2-shadowVertical, var(--beae-card-shadow-y)) var(--8oudn2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8oudn2-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--8oudn2-background-color,var(--beae-card-media-background)); border-color: var(--8oudn2-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--8oudn2-enableShadow: true): var(--8oudn2-shadowHorizontal, var(--beae-card-shadow-x)) var(--8oudn2-shadowVertical, var(--beae-card-shadow-y)) var(--8oudn2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8oudn2-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-8oudn2"] {     display: flex;     flex-direction: var(--8oudn2-direction, column);     flex-wrap: nowrap;     justify-content: var(--8oudn2-justify-content);     align-items: var(--8oudn2-align-items);     gap: var(--8oudn2-gap, var(--8oudn2-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8oudn2"] {                            gap: var(--8oudn2-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--8oudn2-padding-right-tablet, 0px) - var(--8oudn2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8oudn2"] {      flex-direction: var(--8oudn2-direction-mobile, column);                      gap: var(--8oudn2-gap-mobile, var(--beae-slot-gap-mobile));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-hh1xpl"] { --beae-h1-font-size: 50px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #282928; --beae-h1-font-family: DM Sans; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.3; --beae-h1-line-height-mobile: 1.3; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --hh1xpl-typography: h1; --hh1xpl-typography-tablet: h1; --hh1xpl-typography-mobile: h1; --beae-h1-text-align-mobile: center; }[data-bnode="beae-hh1xpl"] { margin-top: var(--hh1xpl-margin-top, 0px); margin-right: var(--hh1xpl-margin-right, 0px); margin-bottom: var(--hh1xpl-margin-bottom, 0px); margin-left: var(--hh1xpl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hh1xpl-margin-top-tablet, 0px); margin-right: var(--hh1xpl-margin-right-tablet, 0px); margin-bottom: var(--hh1xpl-margin-bottom-tablet, 0px); margin-left: var(--hh1xpl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hh1xpl-margin-top-mobile, 0px); margin-right: var(--hh1xpl-margin-right-mobile, 0px); margin-bottom: var(--hh1xpl-margin-bottom-mobile, 0px); margin-left: var(--hh1xpl-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--hh1xpl-highlightColor,var(--beae-p-color)); top: var(--hh1xpl-highlightTop, 100%); } }[data-bnode="beae-x6r5v3"] { --x6r5v3-width: 64px; --x6r5v3-width-tablet: 64px; --x6r5v3-width-mobile: 64px; --x6r5v3-imageRatio: 1/1; --x6r5v3-imageRatio-tablet: 1/1; --x6r5v3-imageRatio-mobile: 1/1; --x6r5v3-objFit: cover; --x6r5v3-objFit-tablet: cover; --x6r5v3-objFit-mobile: cover; --x6r5v3-borderColor: #000000; --x6r5v3-borderColor-tablet: #000000; --x6r5v3-borderColor-mobile: #000000; --x6r5v3-shadowColor: #000000; --x6r5v3-shadowColor-tablet: #000000; --x6r5v3-shadowColor-mobile: #000000; --x6r5v3-borderStyle: none; --x6r5v3-borderStyle-tablet: none; --x6r5v3-borderStyle-mobile: none; --x6r5v3-enableShadow: false; --x6r5v3-enableShadow-tablet: false; --x6r5v3-enableShadow-mobile: false; }[data-bnode="beae-x6r5v3"] { margin-top: var(--x6r5v3-margin-top, 0px); margin-right: var(--x6r5v3-margin-right, 0px); margin-bottom: var(--x6r5v3-margin-bottom, 0px); margin-left: var(--x6r5v3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x6r5v3-margin-top-tablet, 0px); margin-right: var(--x6r5v3-margin-right-tablet, 0px); margin-bottom: var(--x6r5v3-margin-bottom-tablet, 0px); margin-left: var(--x6r5v3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x6r5v3-margin-top-mobile, 0px); margin-right: var(--x6r5v3-margin-right-mobile, 0px); margin-bottom: var(--x6r5v3-margin-bottom-mobile, 0px); margin-left: var(--x6r5v3-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--x6r5v3-width,100%) - var(--x6r5v3-margin-left,0px) - var(--x6r5v3-margin-right,0px)); min-height: min-content; border-style: var(--x6r5v3-borderStyle,solid); border-color: var(--x6r5v3-borderColor,#000000); border-width: var(--x6r5v3-borderWidth-tl,0px) var(--x6r5v3-borderWidth-tr,0px) var(--x6r5v3-borderWidth-br,0px) var(--x6r5v3-borderWidth-bl,0px); border-radius: var(--x6r5v3-borderRadius-tl,0px) var(--x6r5v3-borderRadius-tr,0px) var(--x6r5v3-borderRadius-br,0px) var(--x6r5v3-borderRadius-bl,0px); aspect-ratio: var(--x6r5v3-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--x6r5v3-borderWidth-tl-tablet, var(--x6r5v3-borderWidth-tl,0px)) var(--x6r5v3-borderWidth-tr-tablet, var(--x6r5v3-borderWidth-tr,0px)) var(--x6r5v3-borderWidth-br-tablet, var(--x6r5v3-borderWidth-br,0px)) var(--x6r5v3-borderWidth-bl-tablet, var(--x6r5v3-borderWidth-bl,0px)); border-radius: var(--x6r5v3-borderRadius-tl-tablet, var(--x6r5v3-borderRadius-tl,0px)) var(--x6r5v3-borderRadius-tr-tablet, var(--x6r5v3-borderRadius-tr,0px)) var(--x6r5v3-borderRadius-br-tablet, var(--x6r5v3-borderRadius-br,0px)) var(--x6r5v3-borderRadius-bl-tablet, var(--x6r5v3-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--x6r5v3-borderWidth-tl-mobile, var(--x6r5v3-borderWidth-tl,0px)) var(--x6r5v3-borderWidth-tr-mobile, var(--x6r5v3-borderWidth-tr,0px)) var(--x6r5v3-borderWidth-br-mobile, var(--x6r5v3-borderWidth-br,0px)) var(--x6r5v3-borderWidth-bl-mobile, var(--x6r5v3-borderWidth-bl,0px)); border-radius: var(--x6r5v3-borderRadius-tl-mobile, var(--x6r5v3-borderRadius-tl,0px)) var(--x6r5v3-borderRadius-tr-mobile, var(--x6r5v3-borderRadius-tr,0px)) var(--x6r5v3-borderRadius-br-mobile, var(--x6r5v3-borderRadius-br,0px)) var(--x6r5v3-borderRadius-bl-mobile, var(--x6r5v3-borderRadius-bl,0px)); } box-shadow: if( style(--x6r5v3-enableShadow: true): var(--x6r5v3-shadowHorizontal, 0) var(--x6r5v3-shadowVertical, 0) var(--x6r5v3-shadowBlur, 0) 1px var(--x6r5v3-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--x6r5v3-overlayColor-color, #000); opacity: var(--x6r5v3-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--x6r5v3-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--x6r5v3-width-tablet,var(--x6r5v3-width,100%)) - var(--x6r5v3-margin-left-tablet,var(--x6r5v3-margin-left,0px)) - var(--x6r5v3-margin-right-tablet,var(--x6r5v3-margin-right,0px))); aspect-ratio: var(--x6r5v3-imageRatio-tablet, var(--x6r5v3-imageRatio, auto)); img { object-fit: var(--x6r5v3-objFit-tablet, var(--x6r5v3-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--x6r5v3-width-mobile,var(--x6r5v3-width,100%)) - var(--x6r5v3-margin-left-mobile,var(--x6r5v3-margin-left,0px)) - var(--x6r5v3-margin-right-mobile,var(--x6r5v3-margin-right,0px))); aspect-ratio: var(--x6r5v3-imageRatio-mobile, var(--x6r5v3-imageRatio, auto)); img { object-fit: var(--x6r5v3-objFit-mobile, var(--x6r5v3-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-0b9wla"] { --0b9wla-direction: row; --0b9wla-direction-tablet: row; --0b9wla-direction-mobile: column; --0b9wla-gap: 16px; --0b9wla-gap-tablet: 16px; --0b9wla-gap-mobile: 16px; --0b9wla-align-items: center; --0b9wla-align-items-tablet: center; --0b9wla-align-items-mobile: center; --0b9wla-justify-content: center; --0b9wla-justify-content-tablet: center; --0b9wla-justify-content-mobile: center; }[data-bnode="beae-0b9wla"] { padding-top: var(--0b9wla-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--0b9wla-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--0b9wla-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--0b9wla-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--0b9wla-padding-top-tablet, var(--0b9wla-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--0b9wla-padding-right-tablet, var(--0b9wla-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--0b9wla-padding-bottom-tablet, var(--0b9wla-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--0b9wla-padding-left-tablet, var(--0b9wla-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--0b9wla-padding-top-mobile, var(--0b9wla-padding-top-tablet, var(--0b9wla-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--0b9wla-padding-right-mobile, var(--0b9wla-padding-right-tablet, var(--0b9wla-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--0b9wla-padding-bottom-mobile, var(--0b9wla-padding-bottom-tablet, var(--0b9wla-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--0b9wla-padding-left-mobile, var(--0b9wla-padding-left-tablet, var(--0b9wla-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--0b9wla-padding-left, var(--beae-slot-padding-x, 0px)) - var(--0b9wla-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--0b9wla-background-imageRatio, auto); background: var(--0b9wla-background-color,transparent); border-style: var(--0b9wla-borderStyle,solid); border-color: var(--0b9wla-borderColor,#000000); border-width: var(--0b9wla-borderWidth-tl,0px) var(--0b9wla-borderWidth-tr,0px) var(--0b9wla-borderWidth-br,0px) var(--0b9wla-borderWidth-bl,0px); border-radius: var(--0b9wla-borderRadius-tl,0px) var(--0b9wla-borderRadius-tr,0px) var(--0b9wla-borderRadius-br,0px) var(--0b9wla-borderRadius-bl,0px); box-shadow: if(style(--0b9wla-enableShadow: true): var(--0b9wla-shadowHorizontal,0) var(--0b9wla-shadowVertical,0) var(--0b9wla-shadowBlur,0) 1px var(--0b9wla-shadowColor,#000000); else: none); max-width: var(--0b9wla-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--0b9wla-background-imageRatio-tablet, var(--0b9wla-background-imageRatio, auto)); border-width: var(--0b9wla-borderWidth-tl-tablet,0px) var(--0b9wla-borderWidth-tr-tablet,0px) var(--0b9wla-borderWidth-br-tablet,0px) var(--0b9wla-borderWidth-bl-tablet,0px); border-radius: var(--0b9wla-borderRadius-tl-tablet,0px) var(--0b9wla-borderRadius-tr-tablet,0px) var(--0b9wla-borderRadius-br-tablet,0px) var(--0b9wla-borderRadius-bl-tablet,0px); max-width: var(--0b9wla-max-width-tablet, var(--0b9wla-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--0b9wla-background-imageRatio-mobile, var(--0b9wla-background-imageRatio, auto)); border-width: var(--0b9wla-borderWidth-tl-mobile,0px) var(--0b9wla-borderWidth-tr-mobile,0px) var(--0b9wla-borderWidth-br-mobile,0px) var(--0b9wla-borderWidth-bl-mobile,0px); border-radius: var(--0b9wla-borderRadius-tl-mobile,0px) var(--0b9wla-borderRadius-tr-mobile,0px) var(--0b9wla-borderRadius-br-mobile,0px) var(--0b9wla-borderRadius-bl-mobile,0px); max-width: var(--0b9wla-max-width-mobile, var(--0b9wla-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--0b9wla-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--0b9wla-gap,var(--beae-card-gap)); padding-top: var(--0b9wla-padding-top,var(--beae-card-padding)); padding-right: var(--0b9wla-padding-right,var(--beae-card-padding)); padding-bottom: var(--0b9wla-padding-bottom,var(--beae-card-padding)); padding-left: var(--0b9wla-padding-left,var(--beae-card-padding)); border-width: var(--0b9wla-borderWidth,var(--beae-card-border-width)); border-width: var(--0b9wla-borderWidth-tl,var(--beae-card-border-width)) var(--0b9wla-borderWidth-tr,var(--beae-card-border-width)) var(--0b9wla-borderWidth-br,var(--beae-card-border-width)) var(--0b9wla-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--0b9wla-borderRadius-tl,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-tr,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-br,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--0b9wla-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--0b9wla-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--0b9wla-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--0b9wla-padding-left-tablet,var(--beae-card-padding)); border-width: var(--0b9wla-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--0b9wla-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--0b9wla-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--0b9wla-borderWidth-br-desktop,var(--beae-card-border-width)) var(--0b9wla-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--0b9wla-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--0b9wla-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--0b9wla-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--0b9wla-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--0b9wla-padding-left-mobile,var(--beae-card-padding)); border-width: var(--0b9wla-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--0b9wla-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--0b9wla-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--0b9wla-borderWidth-br-mobile,var(--beae-card-border-width)) var(--0b9wla-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--0b9wla-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--0b9wla-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--0b9wla-background-color,var(--beae-card-featured-background)); border-color: var(--0b9wla-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--0b9wla-enableShadow: true): var(--0b9wla-shadowHorizontal, var(--beae-card-shadow-x)) var(--0b9wla-shadowVertical, var(--beae-card-shadow-y)) var(--0b9wla-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0b9wla-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--0b9wla-background-color,var(--beae-card-prod-background)); border-color: var(--0b9wla-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--0b9wla-enableShadow: true): var(--0b9wla-shadowHorizontal, var(--beae-card-shadow-x)) var(--0b9wla-shadowVertical, var(--beae-card-shadow-y)) var(--0b9wla-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0b9wla-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--0b9wla-background-color,var(--beae-card-pricing-background)); border-color: var(--0b9wla-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--0b9wla-enableShadow: true): var(--0b9wla-shadowHorizontal, var(--beae-card-shadow-x)) var(--0b9wla-shadowVertical, var(--beae-card-shadow-y)) var(--0b9wla-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0b9wla-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--0b9wla-background-color,var(--beae-card-cta-background)); border-color: var(--0b9wla-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--0b9wla-enableShadow: true): var(--0b9wla-shadowHorizontal, var(--beae-card-shadow-x)) var(--0b9wla-shadowVertical, var(--beae-card-shadow-y)) var(--0b9wla-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0b9wla-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--0b9wla-background-color,var(--beae-card-media-background)); border-color: var(--0b9wla-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--0b9wla-enableShadow: true): var(--0b9wla-shadowHorizontal, var(--beae-card-shadow-x)) var(--0b9wla-shadowVertical, var(--beae-card-shadow-y)) var(--0b9wla-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0b9wla-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-0b9wla"] {     display: flex;     flex-direction: var(--0b9wla-direction, column);     flex-wrap: nowrap;     justify-content: var(--0b9wla-justify-content);     align-items: var(--0b9wla-align-items);     gap: var(--0b9wla-gap, var(--0b9wla-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-0b9wla"] {                            gap: var(--0b9wla-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--0b9wla-padding-right-tablet, 0px) - var(--0b9wla-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-0b9wla"] {      flex-direction: var(--0b9wla-direction-mobile, column);                      gap: var(--0b9wla-gap-mobile, var(--beae-slot-gap-mobile));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-vafrzn"] { --beae-h1-font-size: 50px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #282928; --beae-h1-font-family: DM Sans; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.3; --beae-h1-line-height-mobile: 1.3; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --vafrzn-typography: h1; --vafrzn-typography-tablet: h1; --vafrzn-typography-mobile: h1; --beae-h1-text-align-tablet: center; --beae-h1-text-align-mobile: center; }[data-bnode="beae-vafrzn"] { margin-top: var(--vafrzn-margin-top, 0px); margin-right: var(--vafrzn-margin-right, 0px); margin-bottom: var(--vafrzn-margin-bottom, 0px); margin-left: var(--vafrzn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vafrzn-margin-top-tablet, 0px); margin-right: var(--vafrzn-margin-right-tablet, 0px); margin-bottom: var(--vafrzn-margin-bottom-tablet, 0px); margin-left: var(--vafrzn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vafrzn-margin-top-mobile, 0px); margin-right: var(--vafrzn-margin-right-mobile, 0px); margin-bottom: var(--vafrzn-margin-bottom-mobile, 0px); margin-left: var(--vafrzn-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--vafrzn-highlightColor,var(--beae-p-color)); top: var(--vafrzn-highlightTop, 100%); } }[data-bnode="beae-8lrtp6"] { --8lrtp6-gap: 32px; --8lrtp6-gap-tablet: 20px; --8lrtp6-gap-mobile: 40px; --8lrtp6-width: 1400px; --8lrtp6-width-tablet: 1400px; --8lrtp6-width-mobile: 1400px; --8lrtp6-height: fit-content; --8lrtp6-height-tablet: fit-content; --8lrtp6-height-mobile: fit-content; --8lrtp6-padding-top: 0px; --8lrtp6-padding-top-tablet: 40px; --8lrtp6-padding-top-mobile: 80px; --8lrtp6-padding-left: 30px; --8lrtp6-padding-left-tablet: 30px; --8lrtp6-padding-left-mobile: 28px; --8lrtp6-padding-right: 30px; --8lrtp6-padding-right-tablet: 30px; --8lrtp6-padding-right-mobile: 28px; --8lrtp6-padding-bottom: 112px; --8lrtp6-padding-bottom-tablet: 40px; --8lrtp6-padding-bottom-mobile: 80px; --8lrtp6-direction: row; --8lrtp6-direction-tablet: row; --8lrtp6-direction-mobile: column; --8lrtp6-structure: columns; --8lrtp6-structure-tablet: columns; --8lrtp6-structure-mobile: columns; --8lrtp6-align-items: flex-start; --8lrtp6-align-items-tablet: flex-start; --8lrtp6-align-items-mobile: flex-start; }[data-bnode="beae-8lrtp6"] { padding-top: var(--8lrtp6-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--8lrtp6-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--8lrtp6-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--8lrtp6-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8lrtp6-padding-top-tablet, var(--8lrtp6-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--8lrtp6-padding-right-tablet, var(--8lrtp6-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--8lrtp6-padding-bottom-tablet, var(--8lrtp6-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--8lrtp6-padding-left-tablet, var(--8lrtp6-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8lrtp6-padding-top-mobile, var(--8lrtp6-padding-top-tablet, var(--8lrtp6-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--8lrtp6-padding-right-mobile, var(--8lrtp6-padding-right-tablet, var(--8lrtp6-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--8lrtp6-padding-bottom-mobile, var(--8lrtp6-padding-bottom-tablet, var(--8lrtp6-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--8lrtp6-padding-left-mobile, var(--8lrtp6-padding-left-tablet, var(--8lrtp6-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--8lrtp6-padding-left, var(--beae-section-padding-x, 0px)) - var(--8lrtp6-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--8lrtp6-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--8lrtp6-height); width: 100%; max-width: var(--8lrtp6-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--8lrtp6-height-tablet, auto); width: 100%; max-width: var(--8lrtp6-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--8lrtp6-height-mobile, auto); width: 100%; max-width: var(--8lrtp6-width-mobile, 100%); } } } }[data-bnode="beae-6muwm9"] { --6muwm9-width: 1400px; --6muwm9-width-tablet: 1400px; --6muwm9-width-mobile: 1400px; --6muwm9-height: fit-content; --6muwm9-height-tablet: fit-content; --6muwm9-height-mobile: fit-content; --6muwm9-padding-top: 112px; --6muwm9-padding-top-tablet: 96px; --6muwm9-padding-top-mobile: 80px; --6muwm9-padding-bottom: 112px; --6muwm9-padding-bottom-tablet: 96px; --6muwm9-padding-bottom-mobile: 80px; --6muwm9-padding-right: 30px; --6muwm9-padding-right-tablet: 30px; --6muwm9-padding-right-mobile: 16px; --6muwm9-padding-left: 30px; --6muwm9-padding-left-tablet: 30px; --6muwm9-padding-left-mobile: 16px; --6muwm9-direction: row; --6muwm9-direction-tablet: column; --6muwm9-direction-mobile: column; --6muwm9-structure: columns; --6muwm9-structure-tablet: columns; --6muwm9-structure-mobile: columns; --6muwm9-gap: 64px; --6muwm9-gap-tablet: 64px; --6muwm9-gap-mobile: 48px; --6muwm9-columns: 60.00,40.00; --6muwm9-columns-tablet: 60.00,40.00; --6muwm9-columns-mobile: 60.00,40.00; --6muwm9-columnsPresetId: 60.00,40.00; --6muwm9-columnsPresetId-tablet: 60.00,40.00; --6muwm9-columnsPresetId-mobile: 60.00,40.00; --6muwm9-align-items: center; --6muwm9-align-items-tablet: stretch; --6muwm9-align-items-mobile: stretch; --6muwm9-background-type: color; --6muwm9-background-type-tablet: color; --6muwm9-background-type-mobile: color; --6muwm9-background-color: #F3F6EF; --6muwm9-background-color-tablet: #F3F6EF; --6muwm9-background-color-mobile: #F3F6EF; }[data-bnode="beae-6muwm9"] { padding-top: var(--6muwm9-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--6muwm9-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--6muwm9-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--6muwm9-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6muwm9-padding-top-tablet, var(--6muwm9-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--6muwm9-padding-right-tablet, var(--6muwm9-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--6muwm9-padding-bottom-tablet, var(--6muwm9-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--6muwm9-padding-left-tablet, var(--6muwm9-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6muwm9-padding-top-mobile, var(--6muwm9-padding-top-tablet, var(--6muwm9-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--6muwm9-padding-right-mobile, var(--6muwm9-padding-right-tablet, var(--6muwm9-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--6muwm9-padding-bottom-mobile, var(--6muwm9-padding-bottom-tablet, var(--6muwm9-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--6muwm9-padding-left-mobile, var(--6muwm9-padding-left-tablet, var(--6muwm9-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--6muwm9-padding-left, var(--beae-section-padding-x, 0px)) - var(--6muwm9-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--6muwm9-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--6muwm9-height); width: 100%; max-width: var(--6muwm9-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--6muwm9-height-tablet, auto); width: 100%; max-width: var(--6muwm9-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--6muwm9-height-mobile, auto); width: 100%; max-width: var(--6muwm9-width-mobile, 100%); } } } }[data-bnode="beae-6muwm9"] > .beae-section-container{     display: flex;     flex-direction: var(--6muwm9-direction, column);     flex-wrap: nowrap;     justify-content: var(--6muwm9-justify-content);     align-items: var(--6muwm9-align-items);     gap: var(--6muwm9-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(60.00% - var(--6muwm9-padding-right, 0px) - var(--6muwm9-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(40.00% - var(--6muwm9-padding-right, 0px) - var(--6muwm9-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--6muwm9-padding-right, 0px) - var(--6muwm9-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6muwm9"] > .beae-section-container{      flex-direction: var(--6muwm9-direction-tablet, column);                 align-items: var(--6muwm9-align-items-tablet, inherit);      gap: var(--6muwm9-gap-tablet, var(--beae-grid-gap-tablet, 4px));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-6muwm9"] > .beae-section-container{      flex-direction: var(--6muwm9-direction-mobile, column);                      gap: var(--6muwm9-gap-mobile, var(--beae-grid-gap-mobile, 4px));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-bc04nx"] { padding-top: var(--bc04nx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bc04nx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bc04nx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bc04nx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bc04nx-padding-top-tablet, var(--bc04nx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bc04nx-padding-right-tablet, var(--bc04nx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bc04nx-padding-bottom-tablet, var(--bc04nx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bc04nx-padding-left-tablet, var(--bc04nx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bc04nx-padding-top-mobile, var(--bc04nx-padding-top-tablet, var(--bc04nx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bc04nx-padding-right-mobile, var(--bc04nx-padding-right-tablet, var(--bc04nx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bc04nx-padding-bottom-mobile, var(--bc04nx-padding-bottom-tablet, var(--bc04nx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bc04nx-padding-left-mobile, var(--bc04nx-padding-left-tablet, var(--bc04nx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--bc04nx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--bc04nx-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--bc04nx-background-imageRatio, auto); background: var(--bc04nx-background-color,transparent); border-style: var(--bc04nx-borderStyle,solid); border-color: var(--bc04nx-borderColor,#000000); border-width: var(--bc04nx-borderWidth-tl,0px) var(--bc04nx-borderWidth-tr,0px) var(--bc04nx-borderWidth-br,0px) var(--bc04nx-borderWidth-bl,0px); border-radius: var(--bc04nx-borderRadius-tl,0px) var(--bc04nx-borderRadius-tr,0px) var(--bc04nx-borderRadius-br,0px) var(--bc04nx-borderRadius-bl,0px); box-shadow: if(style(--bc04nx-enableShadow: true): var(--bc04nx-shadowHorizontal,0) var(--bc04nx-shadowVertical,0) var(--bc04nx-shadowBlur,0) 1px var(--bc04nx-shadowColor,#000000); else: none); max-width: var(--bc04nx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bc04nx-background-imageRatio-tablet, var(--bc04nx-background-imageRatio, auto)); border-width: var(--bc04nx-borderWidth-tl-tablet,0px) var(--bc04nx-borderWidth-tr-tablet,0px) var(--bc04nx-borderWidth-br-tablet,0px) var(--bc04nx-borderWidth-bl-tablet,0px); border-radius: var(--bc04nx-borderRadius-tl-tablet,0px) var(--bc04nx-borderRadius-tr-tablet,0px) var(--bc04nx-borderRadius-br-tablet,0px) var(--bc04nx-borderRadius-bl-tablet,0px); max-width: var(--bc04nx-max-width-tablet, var(--bc04nx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bc04nx-background-imageRatio-mobile, var(--bc04nx-background-imageRatio, auto)); border-width: var(--bc04nx-borderWidth-tl-mobile,0px) var(--bc04nx-borderWidth-tr-mobile,0px) var(--bc04nx-borderWidth-br-mobile,0px) var(--bc04nx-borderWidth-bl-mobile,0px); border-radius: var(--bc04nx-borderRadius-tl-mobile,0px) var(--bc04nx-borderRadius-tr-mobile,0px) var(--bc04nx-borderRadius-br-mobile,0px) var(--bc04nx-borderRadius-bl-mobile,0px); max-width: var(--bc04nx-max-width-mobile, var(--bc04nx-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bc04nx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--bc04nx-gap,var(--beae-card-gap)); padding-top: var(--bc04nx-padding-top,var(--beae-card-padding)); padding-right: var(--bc04nx-padding-right,var(--beae-card-padding)); padding-bottom: var(--bc04nx-padding-bottom,var(--beae-card-padding)); padding-left: var(--bc04nx-padding-left,var(--beae-card-padding)); border-width: var(--bc04nx-borderWidth,var(--beae-card-border-width)); border-width: var(--bc04nx-borderWidth-tl,var(--beae-card-border-width)) var(--bc04nx-borderWidth-tr,var(--beae-card-border-width)) var(--bc04nx-borderWidth-br,var(--beae-card-border-width)) var(--bc04nx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bc04nx-borderRadius-tl,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-tr,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-br,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--bc04nx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bc04nx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bc04nx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bc04nx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bc04nx-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--bc04nx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bc04nx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bc04nx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bc04nx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bc04nx-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--bc04nx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bc04nx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bc04nx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bc04nx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bc04nx-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--bc04nx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bc04nx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bc04nx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bc04nx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bc04nx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bc04nx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bc04nx-background-color,var(--beae-card-featured-background)); border-color: var(--bc04nx-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--bc04nx-enableShadow: true): var(--bc04nx-shadowHorizontal, var(--beae-card-shadow-x)) var(--bc04nx-shadowVertical, var(--beae-card-shadow-y)) var(--bc04nx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bc04nx-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--bc04nx-background-color,var(--beae-card-prod-background)); border-color: var(--bc04nx-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--bc04nx-enableShadow: true): var(--bc04nx-shadowHorizontal, var(--beae-card-shadow-x)) var(--bc04nx-shadowVertical, var(--beae-card-shadow-y)) var(--bc04nx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bc04nx-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--bc04nx-background-color,var(--beae-card-pricing-background)); border-color: var(--bc04nx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--bc04nx-enableShadow: true): var(--bc04nx-shadowHorizontal, var(--beae-card-shadow-x)) var(--bc04nx-shadowVertical, var(--beae-card-shadow-y)) var(--bc04nx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bc04nx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--bc04nx-background-color,var(--beae-card-cta-background)); border-color: var(--bc04nx-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--bc04nx-enableShadow: true): var(--bc04nx-shadowHorizontal, var(--beae-card-shadow-x)) var(--bc04nx-shadowVertical, var(--beae-card-shadow-y)) var(--bc04nx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bc04nx-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--bc04nx-background-color,var(--beae-card-media-background)); border-color: var(--bc04nx-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--bc04nx-enableShadow: true): var(--bc04nx-shadowHorizontal, var(--beae-card-shadow-x)) var(--bc04nx-shadowVertical, var(--beae-card-shadow-y)) var(--bc04nx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bc04nx-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-bc04nx"] {     display: flex;     flex-direction: var(--bc04nx-direction, column);     flex-wrap: nowrap;     justify-content: var(--bc04nx-justify-content);     align-items: var(--bc04nx-align-items);     gap: var(--bc04nx-gap, var(--bc04nx-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bc04nx"] {                            gap: var(--bc04nx-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--bc04nx-padding-right-tablet, 0px) - var(--bc04nx-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bc04nx"] {                            gap: var(--bc04nx-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--bc04nx-padding-right-mobile, 0px) - var(--bc04nx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6ejmd6"] { --6ejmd6-width: 100%; --6ejmd6-width-tablet: 100%; --6ejmd6-width-mobile: 100%; --6ejmd6-imageRatio: 7/6; --6ejmd6-imageRatio-tablet: 7/6; --6ejmd6-imageRatio-mobile: 7/6; --6ejmd6-objFit: cover; --6ejmd6-objFit-tablet: cover; --6ejmd6-objFit-mobile: cover; --6ejmd6-borderColor: #000000; --6ejmd6-borderColor-tablet: #000000; --6ejmd6-borderColor-mobile: #000000; --6ejmd6-shadowColor: #000000; --6ejmd6-shadowColor-tablet: #000000; --6ejmd6-shadowColor-mobile: #000000; --6ejmd6-borderStyle: none; --6ejmd6-borderStyle-tablet: none; --6ejmd6-borderStyle-mobile: none; --6ejmd6-enableShadow: false; --6ejmd6-enableShadow-tablet: false; --6ejmd6-enableShadow-mobile: false; --6ejmd6-borderRadius-tl: 12px; --6ejmd6-borderRadius-tl-tablet: 12px; --6ejmd6-borderRadius-tl-mobile: 12px; --6ejmd6-borderRadius-tr: 12px; --6ejmd6-borderRadius-tr-tablet: 12px; --6ejmd6-borderRadius-tr-mobile: 12px; --6ejmd6-borderRadius-bl: 12px; --6ejmd6-borderRadius-bl-tablet: 12px; --6ejmd6-borderRadius-bl-mobile: 12px; --6ejmd6-borderRadius-br: 12px; --6ejmd6-borderRadius-br-tablet: 12px; --6ejmd6-borderRadius-br-mobile: 12px; }[data-bnode="beae-6ejmd6"] { margin-top: var(--6ejmd6-margin-top, 0px); margin-right: var(--6ejmd6-margin-right, 0px); margin-bottom: var(--6ejmd6-margin-bottom, 0px); margin-left: var(--6ejmd6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6ejmd6-margin-top-tablet, 0px); margin-right: var(--6ejmd6-margin-right-tablet, 0px); margin-bottom: var(--6ejmd6-margin-bottom-tablet, 0px); margin-left: var(--6ejmd6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6ejmd6-margin-top-mobile, 0px); margin-right: var(--6ejmd6-margin-right-mobile, 0px); margin-bottom: var(--6ejmd6-margin-bottom-mobile, 0px); margin-left: var(--6ejmd6-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--6ejmd6-width,100%) - var(--6ejmd6-margin-left,0px) - var(--6ejmd6-margin-right,0px)); min-height: min-content; border-style: var(--6ejmd6-borderStyle,solid); border-color: var(--6ejmd6-borderColor,#000000); border-width: var(--6ejmd6-borderWidth-tl,0px) var(--6ejmd6-borderWidth-tr,0px) var(--6ejmd6-borderWidth-br,0px) var(--6ejmd6-borderWidth-bl,0px); border-radius: var(--6ejmd6-borderRadius-tl,0px) var(--6ejmd6-borderRadius-tr,0px) var(--6ejmd6-borderRadius-br,0px) var(--6ejmd6-borderRadius-bl,0px); aspect-ratio: var(--6ejmd6-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--6ejmd6-borderWidth-tl-tablet, var(--6ejmd6-borderWidth-tl,0px)) var(--6ejmd6-borderWidth-tr-tablet, var(--6ejmd6-borderWidth-tr,0px)) var(--6ejmd6-borderWidth-br-tablet, var(--6ejmd6-borderWidth-br,0px)) var(--6ejmd6-borderWidth-bl-tablet, var(--6ejmd6-borderWidth-bl,0px)); border-radius: var(--6ejmd6-borderRadius-tl-tablet, var(--6ejmd6-borderRadius-tl,0px)) var(--6ejmd6-borderRadius-tr-tablet, var(--6ejmd6-borderRadius-tr,0px)) var(--6ejmd6-borderRadius-br-tablet, var(--6ejmd6-borderRadius-br,0px)) var(--6ejmd6-borderRadius-bl-tablet, var(--6ejmd6-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--6ejmd6-borderWidth-tl-mobile, var(--6ejmd6-borderWidth-tl,0px)) var(--6ejmd6-borderWidth-tr-mobile, var(--6ejmd6-borderWidth-tr,0px)) var(--6ejmd6-borderWidth-br-mobile, var(--6ejmd6-borderWidth-br,0px)) var(--6ejmd6-borderWidth-bl-mobile, var(--6ejmd6-borderWidth-bl,0px)); border-radius: var(--6ejmd6-borderRadius-tl-mobile, var(--6ejmd6-borderRadius-tl,0px)) var(--6ejmd6-borderRadius-tr-mobile, var(--6ejmd6-borderRadius-tr,0px)) var(--6ejmd6-borderRadius-br-mobile, var(--6ejmd6-borderRadius-br,0px)) var(--6ejmd6-borderRadius-bl-mobile, var(--6ejmd6-borderRadius-bl,0px)); } box-shadow: if( style(--6ejmd6-enableShadow: true): var(--6ejmd6-shadowHorizontal, 0) var(--6ejmd6-shadowVertical, 0) var(--6ejmd6-shadowBlur, 0) 1px var(--6ejmd6-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--6ejmd6-overlayColor-color, #000); opacity: var(--6ejmd6-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--6ejmd6-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--6ejmd6-width-tablet,var(--6ejmd6-width,100%)) - var(--6ejmd6-margin-left-tablet,var(--6ejmd6-margin-left,0px)) - var(--6ejmd6-margin-right-tablet,var(--6ejmd6-margin-right,0px))); aspect-ratio: var(--6ejmd6-imageRatio-tablet, var(--6ejmd6-imageRatio, auto)); img { object-fit: var(--6ejmd6-objFit-tablet, var(--6ejmd6-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--6ejmd6-width-mobile,var(--6ejmd6-width,100%)) - var(--6ejmd6-margin-left-mobile,var(--6ejmd6-margin-left,0px)) - var(--6ejmd6-margin-right-mobile,var(--6ejmd6-margin-right,0px))); aspect-ratio: var(--6ejmd6-imageRatio-mobile, var(--6ejmd6-imageRatio, auto)); img { object-fit: var(--6ejmd6-objFit-mobile, var(--6ejmd6-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-zc8mzx"] { --zc8mzx-direction: column; --zc8mzx-direction-tablet: column; --zc8mzx-direction-mobile: column; --zc8mzx-structure: columns; --zc8mzx-structure-tablet: columns; --zc8mzx-structure-mobile: columns; --zc8mzx-gap: 48px; --zc8mzx-gap-tablet: 40px; --zc8mzx-gap-mobile: 32px; --zc8mzx-padding-top: 0px; --zc8mzx-padding-top-tablet: 0px; --zc8mzx-padding-top-mobile: 0px; --zc8mzx-padding-right: 0px; --zc8mzx-padding-right-tablet: 0px; --zc8mzx-padding-right-mobile: 0px; --zc8mzx-padding-bottom: 0px; --zc8mzx-padding-bottom-tablet: 0px; --zc8mzx-padding-bottom-mobile: 0px; --zc8mzx-padding-left: 16px; --zc8mzx-padding-left-tablet: 0px; --zc8mzx-padding-left-mobile: 0px; --zc8mzx-align-items-mobile: center; }[data-bnode="beae-zc8mzx"] { padding-top: var(--zc8mzx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zc8mzx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zc8mzx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zc8mzx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zc8mzx-padding-top-tablet, var(--zc8mzx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zc8mzx-padding-right-tablet, var(--zc8mzx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zc8mzx-padding-bottom-tablet, var(--zc8mzx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zc8mzx-padding-left-tablet, var(--zc8mzx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zc8mzx-padding-top-mobile, var(--zc8mzx-padding-top-tablet, var(--zc8mzx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zc8mzx-padding-right-mobile, var(--zc8mzx-padding-right-tablet, var(--zc8mzx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zc8mzx-padding-bottom-mobile, var(--zc8mzx-padding-bottom-tablet, var(--zc8mzx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zc8mzx-padding-left-mobile, var(--zc8mzx-padding-left-tablet, var(--zc8mzx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zc8mzx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zc8mzx-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--zc8mzx-background-imageRatio, auto); background: var(--zc8mzx-background-color,transparent); border-style: var(--zc8mzx-borderStyle,solid); border-color: var(--zc8mzx-borderColor,#000000); border-width: var(--zc8mzx-borderWidth-tl,0px) var(--zc8mzx-borderWidth-tr,0px) var(--zc8mzx-borderWidth-br,0px) var(--zc8mzx-borderWidth-bl,0px); border-radius: var(--zc8mzx-borderRadius-tl,0px) var(--zc8mzx-borderRadius-tr,0px) var(--zc8mzx-borderRadius-br,0px) var(--zc8mzx-borderRadius-bl,0px); box-shadow: if(style(--zc8mzx-enableShadow: true): var(--zc8mzx-shadowHorizontal,0) var(--zc8mzx-shadowVertical,0) var(--zc8mzx-shadowBlur,0) 1px var(--zc8mzx-shadowColor,#000000); else: none); max-width: var(--zc8mzx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zc8mzx-background-imageRatio-tablet, var(--zc8mzx-background-imageRatio, auto)); border-width: var(--zc8mzx-borderWidth-tl-tablet,0px) var(--zc8mzx-borderWidth-tr-tablet,0px) var(--zc8mzx-borderWidth-br-tablet,0px) var(--zc8mzx-borderWidth-bl-tablet,0px); border-radius: var(--zc8mzx-borderRadius-tl-tablet,0px) var(--zc8mzx-borderRadius-tr-tablet,0px) var(--zc8mzx-borderRadius-br-tablet,0px) var(--zc8mzx-borderRadius-bl-tablet,0px); max-width: var(--zc8mzx-max-width-tablet, var(--zc8mzx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zc8mzx-background-imageRatio-mobile, var(--zc8mzx-background-imageRatio, auto)); border-width: var(--zc8mzx-borderWidth-tl-mobile,0px) var(--zc8mzx-borderWidth-tr-mobile,0px) var(--zc8mzx-borderWidth-br-mobile,0px) var(--zc8mzx-borderWidth-bl-mobile,0px); border-radius: var(--zc8mzx-borderRadius-tl-mobile,0px) var(--zc8mzx-borderRadius-tr-mobile,0px) var(--zc8mzx-borderRadius-br-mobile,0px) var(--zc8mzx-borderRadius-bl-mobile,0px); max-width: var(--zc8mzx-max-width-mobile, var(--zc8mzx-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zc8mzx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zc8mzx-gap,var(--beae-card-gap)); padding-top: var(--zc8mzx-padding-top,var(--beae-card-padding)); padding-right: var(--zc8mzx-padding-right,var(--beae-card-padding)); padding-bottom: var(--zc8mzx-padding-bottom,var(--beae-card-padding)); padding-left: var(--zc8mzx-padding-left,var(--beae-card-padding)); border-width: var(--zc8mzx-borderWidth,var(--beae-card-border-width)); border-width: var(--zc8mzx-borderWidth-tl,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-tr,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-br,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zc8mzx-borderRadius-tl,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-tr,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-br,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--zc8mzx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zc8mzx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zc8mzx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zc8mzx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zc8mzx-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zc8mzx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zc8mzx-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zc8mzx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zc8mzx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zc8mzx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zc8mzx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zc8mzx-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zc8mzx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zc8mzx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zc8mzx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zc8mzx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zc8mzx-background-color,var(--beae-card-featured-background)); border-color: var(--zc8mzx-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zc8mzx-enableShadow: true): var(--zc8mzx-shadowHorizontal, var(--beae-card-shadow-x)) var(--zc8mzx-shadowVertical, var(--beae-card-shadow-y)) var(--zc8mzx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zc8mzx-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zc8mzx-background-color,var(--beae-card-prod-background)); border-color: var(--zc8mzx-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zc8mzx-enableShadow: true): var(--zc8mzx-shadowHorizontal, var(--beae-card-shadow-x)) var(--zc8mzx-shadowVertical, var(--beae-card-shadow-y)) var(--zc8mzx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zc8mzx-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zc8mzx-background-color,var(--beae-card-pricing-background)); border-color: var(--zc8mzx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zc8mzx-enableShadow: true): var(--zc8mzx-shadowHorizontal, var(--beae-card-shadow-x)) var(--zc8mzx-shadowVertical, var(--beae-card-shadow-y)) var(--zc8mzx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zc8mzx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zc8mzx-background-color,var(--beae-card-cta-background)); border-color: var(--zc8mzx-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zc8mzx-enableShadow: true): var(--zc8mzx-shadowHorizontal, var(--beae-card-shadow-x)) var(--zc8mzx-shadowVertical, var(--beae-card-shadow-y)) var(--zc8mzx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zc8mzx-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zc8mzx-background-color,var(--beae-card-media-background)); border-color: var(--zc8mzx-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zc8mzx-enableShadow: true): var(--zc8mzx-shadowHorizontal, var(--beae-card-shadow-x)) var(--zc8mzx-shadowVertical, var(--beae-card-shadow-y)) var(--zc8mzx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zc8mzx-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-zc8mzx"] {     display: flex;     flex-direction: var(--zc8mzx-direction, column);     flex-wrap: nowrap;     justify-content: var(--zc8mzx-justify-content);     align-items: var(--zc8mzx-align-items);     gap: var(--zc8mzx-gap, var(--zc8mzx-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zc8mzx"] {                            gap: var(--zc8mzx-gap-tablet, var(--zc8mzx-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zc8mzx-padding-right-tablet, 0px) - var(--zc8mzx-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zc8mzx"] {                      align-items: var(--zc8mzx-align-items-mobile, inherit);      gap: var(--zc8mzx-gap-mobile, var(--zc8mzx-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zc8mzx-padding-right-mobile, 0px) - var(--zc8mzx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-uq4imz"] { --uq4imz-direction: column; --uq4imz-direction-tablet: column; --uq4imz-direction-mobile: column; --uq4imz-gap: 12px; --uq4imz-gap-tablet: 12px; --uq4imz-gap-mobile: 12px; --uq4imz-align-items: flex-start; --uq4imz-align-items-tablet: flex-start; --uq4imz-align-items-mobile: flex-start; }[data-bnode="beae-uq4imz"] { padding-top: var(--uq4imz-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--uq4imz-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--uq4imz-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--uq4imz-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uq4imz-padding-top-tablet, var(--uq4imz-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--uq4imz-padding-right-tablet, var(--uq4imz-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--uq4imz-padding-bottom-tablet, var(--uq4imz-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--uq4imz-padding-left-tablet, var(--uq4imz-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uq4imz-padding-top-mobile, var(--uq4imz-padding-top-tablet, var(--uq4imz-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--uq4imz-padding-right-mobile, var(--uq4imz-padding-right-tablet, var(--uq4imz-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--uq4imz-padding-bottom-mobile, var(--uq4imz-padding-bottom-tablet, var(--uq4imz-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--uq4imz-padding-left-mobile, var(--uq4imz-padding-left-tablet, var(--uq4imz-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--uq4imz-padding-left, var(--beae-slot-padding-x, 0px)) - var(--uq4imz-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--uq4imz-background-imageRatio, auto); background: var(--uq4imz-background-color,transparent); border-style: var(--uq4imz-borderStyle,solid); border-color: var(--uq4imz-borderColor,#000000); border-width: var(--uq4imz-borderWidth-tl,0px) var(--uq4imz-borderWidth-tr,0px) var(--uq4imz-borderWidth-br,0px) var(--uq4imz-borderWidth-bl,0px); border-radius: var(--uq4imz-borderRadius-tl,0px) var(--uq4imz-borderRadius-tr,0px) var(--uq4imz-borderRadius-br,0px) var(--uq4imz-borderRadius-bl,0px); box-shadow: if(style(--uq4imz-enableShadow: true): var(--uq4imz-shadowHorizontal,0) var(--uq4imz-shadowVertical,0) var(--uq4imz-shadowBlur,0) 1px var(--uq4imz-shadowColor,#000000); else: none); max-width: var(--uq4imz-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--uq4imz-background-imageRatio-tablet, var(--uq4imz-background-imageRatio, auto)); border-width: var(--uq4imz-borderWidth-tl-tablet,0px) var(--uq4imz-borderWidth-tr-tablet,0px) var(--uq4imz-borderWidth-br-tablet,0px) var(--uq4imz-borderWidth-bl-tablet,0px); border-radius: var(--uq4imz-borderRadius-tl-tablet,0px) var(--uq4imz-borderRadius-tr-tablet,0px) var(--uq4imz-borderRadius-br-tablet,0px) var(--uq4imz-borderRadius-bl-tablet,0px); max-width: var(--uq4imz-max-width-tablet, var(--uq4imz-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--uq4imz-background-imageRatio-mobile, var(--uq4imz-background-imageRatio, auto)); border-width: var(--uq4imz-borderWidth-tl-mobile,0px) var(--uq4imz-borderWidth-tr-mobile,0px) var(--uq4imz-borderWidth-br-mobile,0px) var(--uq4imz-borderWidth-bl-mobile,0px); border-radius: var(--uq4imz-borderRadius-tl-mobile,0px) var(--uq4imz-borderRadius-tr-mobile,0px) var(--uq4imz-borderRadius-br-mobile,0px) var(--uq4imz-borderRadius-bl-mobile,0px); max-width: var(--uq4imz-max-width-mobile, var(--uq4imz-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--uq4imz-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--uq4imz-gap,var(--beae-card-gap)); padding-top: var(--uq4imz-padding-top,var(--beae-card-padding)); padding-right: var(--uq4imz-padding-right,var(--beae-card-padding)); padding-bottom: var(--uq4imz-padding-bottom,var(--beae-card-padding)); padding-left: var(--uq4imz-padding-left,var(--beae-card-padding)); border-width: var(--uq4imz-borderWidth,var(--beae-card-border-width)); border-width: var(--uq4imz-borderWidth-tl,var(--beae-card-border-width)) var(--uq4imz-borderWidth-tr,var(--beae-card-border-width)) var(--uq4imz-borderWidth-br,var(--beae-card-border-width)) var(--uq4imz-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--uq4imz-borderRadius-tl,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-tr,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-br,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--uq4imz-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--uq4imz-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--uq4imz-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--uq4imz-padding-left-tablet,var(--beae-card-padding)); border-width: var(--uq4imz-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--uq4imz-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--uq4imz-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--uq4imz-borderWidth-br-desktop,var(--beae-card-border-width)) var(--uq4imz-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--uq4imz-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--uq4imz-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--uq4imz-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--uq4imz-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--uq4imz-padding-left-mobile,var(--beae-card-padding)); border-width: var(--uq4imz-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--uq4imz-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--uq4imz-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--uq4imz-borderWidth-br-mobile,var(--beae-card-border-width)) var(--uq4imz-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--uq4imz-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--uq4imz-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--uq4imz-background-color,var(--beae-card-featured-background)); border-color: var(--uq4imz-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--uq4imz-enableShadow: true): var(--uq4imz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uq4imz-shadowVertical, var(--beae-card-shadow-y)) var(--uq4imz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uq4imz-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--uq4imz-background-color,var(--beae-card-prod-background)); border-color: var(--uq4imz-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--uq4imz-enableShadow: true): var(--uq4imz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uq4imz-shadowVertical, var(--beae-card-shadow-y)) var(--uq4imz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uq4imz-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--uq4imz-background-color,var(--beae-card-pricing-background)); border-color: var(--uq4imz-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--uq4imz-enableShadow: true): var(--uq4imz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uq4imz-shadowVertical, var(--beae-card-shadow-y)) var(--uq4imz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uq4imz-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--uq4imz-background-color,var(--beae-card-cta-background)); border-color: var(--uq4imz-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--uq4imz-enableShadow: true): var(--uq4imz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uq4imz-shadowVertical, var(--beae-card-shadow-y)) var(--uq4imz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uq4imz-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--uq4imz-background-color,var(--beae-card-media-background)); border-color: var(--uq4imz-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--uq4imz-enableShadow: true): var(--uq4imz-shadowHorizontal, var(--beae-card-shadow-x)) var(--uq4imz-shadowVertical, var(--beae-card-shadow-y)) var(--uq4imz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uq4imz-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-uq4imz"] {     display: flex;     flex-direction: var(--uq4imz-direction, column);     flex-wrap: nowrap;     justify-content: var(--uq4imz-justify-content);     align-items: var(--uq4imz-align-items);     gap: var(--uq4imz-gap, var(--uq4imz-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uq4imz"] {                            gap: var(--uq4imz-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uq4imz-padding-right-tablet, 0px) - var(--uq4imz-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-uq4imz"] {                            gap: var(--uq4imz-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uq4imz-padding-right-mobile, 0px) - var(--uq4imz-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4lyi9t"] { --beae-p2-font-size: 14px; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-color: #454645; --beae-p2-font-family: DM Sans; --beae-p2-font-weight: 500; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: uppercase; --4lyi9t-typography: p2; --4lyi9t-typography-tablet: p2; --4lyi9t-typography-mobile: p2; }[data-bnode="beae-4lyi9t"] { margin-top: var(--4lyi9t-margin-top, 0px); margin-right: var(--4lyi9t-margin-right, 0px); margin-bottom: var(--4lyi9t-margin-bottom, 0px); margin-left: var(--4lyi9t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4lyi9t-margin-top-tablet, 0px); margin-right: var(--4lyi9t-margin-right-tablet, 0px); margin-bottom: var(--4lyi9t-margin-bottom-tablet, 0px); margin-left: var(--4lyi9t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4lyi9t-margin-top-mobile, 0px); margin-right: var(--4lyi9t-margin-right-mobile, 0px); margin-bottom: var(--4lyi9t-margin-bottom-mobile, 0px); margin-left: var(--4lyi9t-margin-left-mobile, 0px); } }[data-bnode="beae-v897q4"] { --beae-h2-font-size: 36px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #282928; --beae-h2-font-family: DM Sans; --beae-h2-font-weight: 500; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.3; --beae-h2-line-height-mobile: 1.3; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: none; --v897q4-typography: h2; --v897q4-typography-tablet: h2; --v897q4-typography-mobile: h2; }[data-bnode="beae-v897q4"] { margin-top: var(--v897q4-margin-top, 0px); margin-right: var(--v897q4-margin-right, 0px); margin-bottom: var(--v897q4-margin-bottom, 0px); margin-left: var(--v897q4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--v897q4-margin-top-tablet, 0px); margin-right: var(--v897q4-margin-right-tablet, 0px); margin-bottom: var(--v897q4-margin-bottom-tablet, 0px); margin-left: var(--v897q4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--v897q4-margin-top-mobile, 0px); margin-right: var(--v897q4-margin-right-mobile, 0px); margin-bottom: var(--v897q4-margin-bottom-mobile, 0px); margin-left: var(--v897q4-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--v897q4-highlightColor,var(--beae-p-color)); top: var(--v897q4-highlightTop, 100%); } }[data-bnode="beae-7ektdd"] { --7ektdd-direction: column; --7ektdd-direction-tablet: column; --7ektdd-direction-mobile: column; --7ektdd-structure: columns; --7ektdd-structure-tablet: columns; --7ektdd-structure-mobile: columns; --7ektdd-gap: 32px; --7ektdd-gap-tablet: 32px; --7ektdd-gap-mobile: 24px; }[data-bnode="beae-7ektdd"] { padding-top: var(--7ektdd-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7ektdd-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7ektdd-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7ektdd-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7ektdd-padding-top-tablet, var(--7ektdd-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7ektdd-padding-right-tablet, var(--7ektdd-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7ektdd-padding-bottom-tablet, var(--7ektdd-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7ektdd-padding-left-tablet, var(--7ektdd-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7ektdd-padding-top-mobile, var(--7ektdd-padding-top-tablet, var(--7ektdd-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7ektdd-padding-right-mobile, var(--7ektdd-padding-right-tablet, var(--7ektdd-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7ektdd-padding-bottom-mobile, var(--7ektdd-padding-bottom-tablet, var(--7ektdd-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7ektdd-padding-left-mobile, var(--7ektdd-padding-left-tablet, var(--7ektdd-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--7ektdd-padding-left, var(--beae-slot-padding-x, 0px)) - var(--7ektdd-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--7ektdd-background-imageRatio, auto); background: var(--7ektdd-background-color,transparent); border-style: var(--7ektdd-borderStyle,solid); border-color: var(--7ektdd-borderColor,#000000); border-width: var(--7ektdd-borderWidth-tl,0px) var(--7ektdd-borderWidth-tr,0px) var(--7ektdd-borderWidth-br,0px) var(--7ektdd-borderWidth-bl,0px); border-radius: var(--7ektdd-borderRadius-tl,0px) var(--7ektdd-borderRadius-tr,0px) var(--7ektdd-borderRadius-br,0px) var(--7ektdd-borderRadius-bl,0px); box-shadow: if(style(--7ektdd-enableShadow: true): var(--7ektdd-shadowHorizontal,0) var(--7ektdd-shadowVertical,0) var(--7ektdd-shadowBlur,0) 1px var(--7ektdd-shadowColor,#000000); else: none); max-width: var(--7ektdd-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--7ektdd-background-imageRatio-tablet, var(--7ektdd-background-imageRatio, auto)); border-width: var(--7ektdd-borderWidth-tl-tablet,0px) var(--7ektdd-borderWidth-tr-tablet,0px) var(--7ektdd-borderWidth-br-tablet,0px) var(--7ektdd-borderWidth-bl-tablet,0px); border-radius: var(--7ektdd-borderRadius-tl-tablet,0px) var(--7ektdd-borderRadius-tr-tablet,0px) var(--7ektdd-borderRadius-br-tablet,0px) var(--7ektdd-borderRadius-bl-tablet,0px); max-width: var(--7ektdd-max-width-tablet, var(--7ektdd-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--7ektdd-background-imageRatio-mobile, var(--7ektdd-background-imageRatio, auto)); border-width: var(--7ektdd-borderWidth-tl-mobile,0px) var(--7ektdd-borderWidth-tr-mobile,0px) var(--7ektdd-borderWidth-br-mobile,0px) var(--7ektdd-borderWidth-bl-mobile,0px); border-radius: var(--7ektdd-borderRadius-tl-mobile,0px) var(--7ektdd-borderRadius-tr-mobile,0px) var(--7ektdd-borderRadius-br-mobile,0px) var(--7ektdd-borderRadius-bl-mobile,0px); max-width: var(--7ektdd-max-width-mobile, var(--7ektdd-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7ektdd-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--7ektdd-gap,var(--beae-card-gap)); padding-top: var(--7ektdd-padding-top,var(--beae-card-padding)); padding-right: var(--7ektdd-padding-right,var(--beae-card-padding)); padding-bottom: var(--7ektdd-padding-bottom,var(--beae-card-padding)); padding-left: var(--7ektdd-padding-left,var(--beae-card-padding)); border-width: var(--7ektdd-borderWidth,var(--beae-card-border-width)); border-width: var(--7ektdd-borderWidth-tl,var(--beae-card-border-width)) var(--7ektdd-borderWidth-tr,var(--beae-card-border-width)) var(--7ektdd-borderWidth-br,var(--beae-card-border-width)) var(--7ektdd-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7ektdd-borderRadius-tl,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-tr,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-br,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--7ektdd-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7ektdd-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7ektdd-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7ektdd-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7ektdd-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--7ektdd-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7ektdd-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7ektdd-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7ektdd-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7ektdd-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--7ektdd-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7ektdd-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7ektdd-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7ektdd-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7ektdd-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--7ektdd-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7ektdd-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7ektdd-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7ektdd-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7ektdd-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7ektdd-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7ektdd-background-color,var(--beae-card-featured-background)); border-color: var(--7ektdd-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--7ektdd-enableShadow: true): var(--7ektdd-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ektdd-shadowVertical, var(--beae-card-shadow-y)) var(--7ektdd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ektdd-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--7ektdd-background-color,var(--beae-card-prod-background)); border-color: var(--7ektdd-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--7ektdd-enableShadow: true): var(--7ektdd-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ektdd-shadowVertical, var(--beae-card-shadow-y)) var(--7ektdd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ektdd-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--7ektdd-background-color,var(--beae-card-pricing-background)); border-color: var(--7ektdd-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--7ektdd-enableShadow: true): var(--7ektdd-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ektdd-shadowVertical, var(--beae-card-shadow-y)) var(--7ektdd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ektdd-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--7ektdd-background-color,var(--beae-card-cta-background)); border-color: var(--7ektdd-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--7ektdd-enableShadow: true): var(--7ektdd-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ektdd-shadowVertical, var(--beae-card-shadow-y)) var(--7ektdd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ektdd-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--7ektdd-background-color,var(--beae-card-media-background)); border-color: var(--7ektdd-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--7ektdd-enableShadow: true): var(--7ektdd-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ektdd-shadowVertical, var(--beae-card-shadow-y)) var(--7ektdd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ektdd-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-7ektdd"] {     display: flex;     flex-direction: var(--7ektdd-direction, column);     flex-wrap: nowrap;     justify-content: var(--7ektdd-justify-content);     align-items: var(--7ektdd-align-items);     gap: var(--7ektdd-gap, var(--7ektdd-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7ektdd"] {                            gap: var(--7ektdd-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7ektdd-padding-right-tablet, 0px) - var(--7ektdd-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7ektdd"] {                            gap: var(--7ektdd-gap-mobile, var(--7ektdd-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7ektdd-padding-right-mobile, 0px) - var(--7ektdd-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-maosa4"] { --maosa4-columns: 1; --maosa4-columns-tablet: 1; --maosa4-columns-mobile: 1; --maosa4-gap: 32px; --maosa4-gap-tablet: 16px; --maosa4-gap-mobile: 16px; --maosa4-navType: true; --maosa4-navType-tablet: true; --maosa4-navType-mobile: true; --maosa4-pagiType: false; --maosa4-pagiType-tablet: false; --maosa4-pagiType-mobile: false; --maosa4-listType: grid; --maosa4-listType-tablet: grid; --maosa4-listType-mobile: slider; --maosa4-stateNavigation: normal; --maosa4-stateNavigation-tablet: normal; --maosa4-stateNavigation-mobile: normal; --maosa4-statePagination: normal; --maosa4-statePagination-tablet: normal; --maosa4-statePagination-mobile: normal; --maosa4-stateNavigtion: normal; --maosa4-stateNavigtion-tablet: normal; --maosa4-stateNavigtion-mobile: normal; --maosa4-columnsMobile-mobile: 1; } [data-bnode="beae-maosa4"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-maosa4"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-maosa4"] [data-bnode="beae-q730it"] { --q730it-width: 36px; --q730it-imageRatio: 1/1; --q730it-objFit: contain; --q730it-borderColor: #000000; --q730it-shadowColor: #000000; --q730it-borderStyle: none; --q730it-enableShadow: false; } [data-bnode="beae-maosa4"] [data-bnode="beae-lld4zh"] { --lld4zh-typography: h5; --beae-h5-font-size: 18px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-color: #282928; --beae-h5-font-weight: 500; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: none; } [data-bnode="beae-maosa4"] [data-bnode="beae-e67fvq"] { --e67fvq-typography: p; } [data-bnode="beae-maosa4"] [data-bnode="beae-r6ksu7"] { --r6ksu7-direction: column; --r6ksu7-structure: columns; --r6ksu7-gap: 8px; } [data-bnode="beae-maosa4"] [data-bnode="beae-183l0v"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-maosa4"] [data-bnode="beae-183l0v"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --183l0v-typography: p; --183l0v-typography-tablet: p; --183l0v-typography-mobile: p; } [data-bnode="beae-maosa4"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: row; --be-ctl-item-direction-tablet: row; --be-ctl-item-direction-mobile: row; --be-ctl-item-gap: 16px; --be-ctl-item-gap-tablet: 16px; --be-ctl-item-gap-mobile: 16px; --be-ctl-item-padding-top: 0px; --be-ctl-item-padding-top-tablet: 0px; --be-ctl-item-padding-top-mobile: 0px; --be-ctl-item-padding-right: 0px; --be-ctl-item-padding-right-tablet: 0px; --be-ctl-item-padding-right-mobile: 0px; --be-ctl-item-padding-bottom: 32px; --be-ctl-item-padding-bottom-tablet: 32px; --be-ctl-item-padding-bottom-mobile: 32px; --be-ctl-item-padding-left: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; }[data-bnode="beae-maosa4"] { margin-top: var(--maosa4-margin-top, 0px); margin-right: var(--maosa4-margin-right, 0px); margin-bottom: var(--maosa4-margin-bottom, 0px); margin-left: var(--maosa4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--maosa4-margin-top-tablet, 0px); margin-right: var(--maosa4-margin-right-tablet, 0px); margin-bottom: var(--maosa4-margin-bottom-tablet, 0px); margin-left: var(--maosa4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--maosa4-margin-top-mobile, 0px); margin-right: var(--maosa4-margin-right-mobile, 0px); margin-bottom: var(--maosa4-margin-bottom-mobile, 0px); margin-left: var(--maosa4-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--maosa4-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--maosa4-gap, 20px) * (var(--maosa4-columns, 3) - 1) + 1px) / var(--maosa4-columns, 3)); &:last-child { margin-right: var(--maosa4-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { &[data-item="1"] { .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--maosa4-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--maosa4-columns) - 1) * var(--maosa4-gap, 20px)) / var(--maosa4-columns)); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--maosa4-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--maosa4-gap-tablet, 20px) * (var(--maosa4-columns-tablet, 3) - 1)) / var(--maosa4-columns-tablet, 3)); &:last-child { margin-right: var(--maosa4-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { &[data-item-tablet="1"] { .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--maosa4-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--maosa4-columns-tablet) - 1) * var(--maosa4-gap-tablet, 20px)) / var(--maosa4-columns-tablet)); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--maosa4-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--maosa4-gap-mobile, 20px) * (var(--maosa4-columnsMobile-mobile, 1) - 1)) / var(--maosa4-columnsMobile-mobile, 1)); &:last-child { margin-right: var(--maosa4-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { &[data-item-mobile="1"] { .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--maosa4-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--maosa4-columnsMobile-mobile) - 1) * var(--maosa4-gap-mobile, 20px)) / var(--maosa4-columnsMobile-mobile)); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--maosa4-navPadding, 12px); background: var(--maosa4-navBg, #F5F5F5); color: var(--maosa4-navColor, #333333); cursor: pointer; &:hover { background: var(--maosa4-navBgHover, #CCCCCC); color: var(--maosa4-navColorHover, #333333); } svg { width: var(--maosa4-navIconSize, 20px); height: var(--maosa4-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--maosa4-pagiBg, #E6E6E6); &.active { background: var(--maosa4-pagiBgActive, #181818); } &:not(.active):hover { background: var(--maosa4-pagiBgHover, #CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"]+.beae-slider-controls .beae-slider-pagination { color: var(--maosa4-pagiColor, #e6e6e6); &.active { color: var(--maosa4-pagiColorActive, #181818); } &:not(.active):hover { color: var(--maosa4-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"]+.beae-slider-controls .beae-slider-pagination-total { color: var(--maosa4-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--maosa4-pagiBg, #E6E6E6); &.active { background: var(--maosa4-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--maosa4-pagiBgHover, #CCCCCC); } } .beae-slider-pagination-wrp { margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } .beae-slider-item { border-bottom: 1px solid #E5E6E5; } .beae-slider-item:last-child { border-bottom: 1px solid #E5E6E5; } } [data-bnode="beae-maosa4"] [data-bnode="beae-q730it"] { margin-top: var(--q730it-margin-top, 0px); margin-right: var(--q730it-margin-right, 0px); margin-bottom: var(--q730it-margin-bottom, 0px); margin-left: var(--q730it-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q730it-margin-top-tablet, 0px); margin-right: var(--q730it-margin-right-tablet, 0px); margin-bottom: var(--q730it-margin-bottom-tablet, 0px); margin-left: var(--q730it-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q730it-margin-top-mobile, 0px); margin-right: var(--q730it-margin-right-mobile, 0px); margin-bottom: var(--q730it-margin-bottom-mobile, 0px); margin-left: var(--q730it-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--q730it-width,100%) - var(--q730it-margin-left,0px) - var(--q730it-margin-right,0px)); min-height: min-content; border-style: var(--q730it-borderStyle,solid); border-color: var(--q730it-borderColor,#000000); border-width: var(--q730it-borderWidth-tl,0px) var(--q730it-borderWidth-tr,0px) var(--q730it-borderWidth-br,0px) var(--q730it-borderWidth-bl,0px); border-radius: var(--q730it-borderRadius-tl,0px) var(--q730it-borderRadius-tr,0px) var(--q730it-borderRadius-br,0px) var(--q730it-borderRadius-bl,0px); aspect-ratio: var(--q730it-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--q730it-borderWidth-tl-tablet, var(--q730it-borderWidth-tl,0px)) var(--q730it-borderWidth-tr-tablet, var(--q730it-borderWidth-tr,0px)) var(--q730it-borderWidth-br-tablet, var(--q730it-borderWidth-br,0px)) var(--q730it-borderWidth-bl-tablet, var(--q730it-borderWidth-bl,0px)); border-radius: var(--q730it-borderRadius-tl-tablet, var(--q730it-borderRadius-tl,0px)) var(--q730it-borderRadius-tr-tablet, var(--q730it-borderRadius-tr,0px)) var(--q730it-borderRadius-br-tablet, var(--q730it-borderRadius-br,0px)) var(--q730it-borderRadius-bl-tablet, var(--q730it-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--q730it-borderWidth-tl-mobile, var(--q730it-borderWidth-tl,0px)) var(--q730it-borderWidth-tr-mobile, var(--q730it-borderWidth-tr,0px)) var(--q730it-borderWidth-br-mobile, var(--q730it-borderWidth-br,0px)) var(--q730it-borderWidth-bl-mobile, var(--q730it-borderWidth-bl,0px)); border-radius: var(--q730it-borderRadius-tl-mobile, var(--q730it-borderRadius-tl,0px)) var(--q730it-borderRadius-tr-mobile, var(--q730it-borderRadius-tr,0px)) var(--q730it-borderRadius-br-mobile, var(--q730it-borderRadius-br,0px)) var(--q730it-borderRadius-bl-mobile, var(--q730it-borderRadius-bl,0px)); } box-shadow: if( style(--q730it-enableShadow: true): var(--q730it-shadowHorizontal, 0) var(--q730it-shadowVertical, 0) var(--q730it-shadowBlur, 0) 1px var(--q730it-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--q730it-overlayColor-color, #000); opacity: var(--q730it-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--q730it-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--q730it-width-tablet,var(--q730it-width,100%)) - var(--q730it-margin-left-tablet,var(--q730it-margin-left,0px)) - var(--q730it-margin-right-tablet,var(--q730it-margin-right,0px))); aspect-ratio: var(--q730it-imageRatio-tablet, var(--q730it-imageRatio, auto)); img { object-fit: var(--q730it-objFit-tablet, var(--q730it-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--q730it-width-mobile,var(--q730it-width,100%)) - var(--q730it-margin-left-mobile,var(--q730it-margin-left,0px)) - var(--q730it-margin-right-mobile,var(--q730it-margin-right,0px))); aspect-ratio: var(--q730it-imageRatio-mobile, var(--q730it-imageRatio, auto)); img { object-fit: var(--q730it-objFit-mobile, var(--q730it-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-maosa4"] [data-bnode="beae-r6ksu7"] { padding-top: var(--r6ksu7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--r6ksu7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--r6ksu7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--r6ksu7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--r6ksu7-padding-top-tablet, var(--r6ksu7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--r6ksu7-padding-right-tablet, var(--r6ksu7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--r6ksu7-padding-bottom-tablet, var(--r6ksu7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--r6ksu7-padding-left-tablet, var(--r6ksu7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--r6ksu7-padding-top-mobile, var(--r6ksu7-padding-top-tablet, var(--r6ksu7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--r6ksu7-padding-right-mobile, var(--r6ksu7-padding-right-tablet, var(--r6ksu7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--r6ksu7-padding-bottom-mobile, var(--r6ksu7-padding-bottom-tablet, var(--r6ksu7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--r6ksu7-padding-left-mobile, var(--r6ksu7-padding-left-tablet, var(--r6ksu7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--r6ksu7-padding-left, var(--beae-slot-padding-x, 0px)) - var(--r6ksu7-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--r6ksu7-background-imageRatio, auto); background: var(--r6ksu7-background-color,transparent); border-style: var(--r6ksu7-borderStyle,solid); border-color: var(--r6ksu7-borderColor,#000000); border-width: var(--r6ksu7-borderWidth-tl,0px) var(--r6ksu7-borderWidth-tr,0px) var(--r6ksu7-borderWidth-br,0px) var(--r6ksu7-borderWidth-bl,0px); border-radius: var(--r6ksu7-borderRadius-tl,0px) var(--r6ksu7-borderRadius-tr,0px) var(--r6ksu7-borderRadius-br,0px) var(--r6ksu7-borderRadius-bl,0px); box-shadow: if(style(--r6ksu7-enableShadow: true): var(--r6ksu7-shadowHorizontal,0) var(--r6ksu7-shadowVertical,0) var(--r6ksu7-shadowBlur,0) 1px var(--r6ksu7-shadowColor,#000000); else: none); max-width: var(--r6ksu7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--r6ksu7-background-imageRatio-tablet, var(--r6ksu7-background-imageRatio, auto)); border-width: var(--r6ksu7-borderWidth-tl-tablet,0px) var(--r6ksu7-borderWidth-tr-tablet,0px) var(--r6ksu7-borderWidth-br-tablet,0px) var(--r6ksu7-borderWidth-bl-tablet,0px); border-radius: var(--r6ksu7-borderRadius-tl-tablet,0px) var(--r6ksu7-borderRadius-tr-tablet,0px) var(--r6ksu7-borderRadius-br-tablet,0px) var(--r6ksu7-borderRadius-bl-tablet,0px); max-width: var(--r6ksu7-max-width-tablet, var(--r6ksu7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--r6ksu7-background-imageRatio-mobile, var(--r6ksu7-background-imageRatio, auto)); border-width: var(--r6ksu7-borderWidth-tl-mobile,0px) var(--r6ksu7-borderWidth-tr-mobile,0px) var(--r6ksu7-borderWidth-br-mobile,0px) var(--r6ksu7-borderWidth-bl-mobile,0px); border-radius: var(--r6ksu7-borderRadius-tl-mobile,0px) var(--r6ksu7-borderRadius-tr-mobile,0px) var(--r6ksu7-borderRadius-br-mobile,0px) var(--r6ksu7-borderRadius-bl-mobile,0px); max-width: var(--r6ksu7-max-width-mobile, var(--r6ksu7-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--r6ksu7-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--r6ksu7-gap,var(--beae-card-gap)); padding-top: var(--r6ksu7-padding-top,var(--beae-card-padding)); padding-right: var(--r6ksu7-padding-right,var(--beae-card-padding)); padding-bottom: var(--r6ksu7-padding-bottom,var(--beae-card-padding)); padding-left: var(--r6ksu7-padding-left,var(--beae-card-padding)); border-width: var(--r6ksu7-borderWidth,var(--beae-card-border-width)); border-width: var(--r6ksu7-borderWidth-tl,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-tr,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-br,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--r6ksu7-borderRadius-tl,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-tr,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-br,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--r6ksu7-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--r6ksu7-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--r6ksu7-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--r6ksu7-padding-left-tablet,var(--beae-card-padding)); border-width: var(--r6ksu7-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--r6ksu7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-br-desktop,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--r6ksu7-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--r6ksu7-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--r6ksu7-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--r6ksu7-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--r6ksu7-padding-left-mobile,var(--beae-card-padding)); border-width: var(--r6ksu7-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--r6ksu7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--r6ksu7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--r6ksu7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--r6ksu7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--r6ksu7-background-color,var(--beae-card-featured-background)); border-color: var(--r6ksu7-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--r6ksu7-enableShadow: true): var(--r6ksu7-shadowHorizontal, var(--beae-card-shadow-x)) var(--r6ksu7-shadowVertical, var(--beae-card-shadow-y)) var(--r6ksu7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r6ksu7-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--r6ksu7-background-color,var(--beae-card-prod-background)); border-color: var(--r6ksu7-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--r6ksu7-enableShadow: true): var(--r6ksu7-shadowHorizontal, var(--beae-card-shadow-x)) var(--r6ksu7-shadowVertical, var(--beae-card-shadow-y)) var(--r6ksu7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r6ksu7-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--r6ksu7-background-color,var(--beae-card-pricing-background)); border-color: var(--r6ksu7-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--r6ksu7-enableShadow: true): var(--r6ksu7-shadowHorizontal, var(--beae-card-shadow-x)) var(--r6ksu7-shadowVertical, var(--beae-card-shadow-y)) var(--r6ksu7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r6ksu7-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--r6ksu7-background-color,var(--beae-card-cta-background)); border-color: var(--r6ksu7-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--r6ksu7-enableShadow: true): var(--r6ksu7-shadowHorizontal, var(--beae-card-shadow-x)) var(--r6ksu7-shadowVertical, var(--beae-card-shadow-y)) var(--r6ksu7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r6ksu7-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--r6ksu7-background-color,var(--beae-card-media-background)); border-color: var(--r6ksu7-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--r6ksu7-enableShadow: true): var(--r6ksu7-shadowHorizontal, var(--beae-card-shadow-x)) var(--r6ksu7-shadowVertical, var(--beae-card-shadow-y)) var(--r6ksu7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r6ksu7-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-maosa4"] [data-bnode="beae-lld4zh"] { margin-top: var(--lld4zh-margin-top, 0px); margin-right: var(--lld4zh-margin-right, 0px); margin-bottom: var(--lld4zh-margin-bottom, 0px); margin-left: var(--lld4zh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lld4zh-margin-top-tablet, 0px); margin-right: var(--lld4zh-margin-right-tablet, 0px); margin-bottom: var(--lld4zh-margin-bottom-tablet, 0px); margin-left: var(--lld4zh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lld4zh-margin-top-mobile, 0px); margin-right: var(--lld4zh-margin-right-mobile, 0px); margin-bottom: var(--lld4zh-margin-bottom-mobile, 0px); margin-left: var(--lld4zh-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--lld4zh-highlightColor,var(--beae-p-color)); top: var(--lld4zh-highlightTop, 100%); } } [data-bnode="beae-maosa4"] [data-bnode="beae-183l0v"] { margin-top: var(--183l0v-margin-top, 0px); margin-right: var(--183l0v-margin-right, 0px); margin-bottom: var(--183l0v-margin-bottom, 0px); margin-left: var(--183l0v-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--183l0v-margin-top-tablet, 0px); margin-right: var(--183l0v-margin-right-tablet, 0px); margin-bottom: var(--183l0v-margin-bottom-tablet, 0px); margin-left: var(--183l0v-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--183l0v-margin-top-mobile, 0px); margin-right: var(--183l0v-margin-right-mobile, 0px); margin-bottom: var(--183l0v-margin-bottom-mobile, 0px); margin-left: var(--183l0v-margin-left-mobile, 0px); } } [data-bnode="beae-maosa4"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-maosa4"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-maosa4"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-maosa4"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-r6ksu7"] {     display: flex;     flex-direction: var(--r6ksu7-direction, column);     flex-wrap: nowrap;     justify-content: var(--r6ksu7-justify-content);     align-items: var(--r6ksu7-align-items);     gap: var(--r6ksu7-gap, var(--r6ksu7-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-r6ksu7"] {                            gap: var(--r6ksu7-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--r6ksu7-padding-right-tablet, 0px) - var(--r6ksu7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-r6ksu7"] {                            gap: var(--r6ksu7-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--r6ksu7-padding-right-mobile, 0px) - var(--r6ksu7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-od6wpc"] { --od6wpc-width: 100%; --od6wpc-width-tablet: 100%; --od6wpc-width-mobile: 100%; --od6wpc-height: 640px; --od6wpc-height-tablet: 640px; --od6wpc-height-mobile: 570px; --od6wpc-padding-top: 0px; --od6wpc-padding-top-tablet: 0px; --od6wpc-padding-top-mobile: 0px; --od6wpc-padding-bottom: 0px; --od6wpc-padding-bottom-tablet: 0px; --od6wpc-padding-bottom-mobile: 0px; --od6wpc-padding-right: 0px; --od6wpc-padding-right-tablet: 0px; --od6wpc-padding-right-mobile: 0px; --od6wpc-padding-left: 0px; --od6wpc-padding-left-tablet: 0px; --od6wpc-padding-left-mobile: 0px; --od6wpc-direction: row-reverse; --od6wpc-direction-tablet: row-reverse; --od6wpc-direction-mobile: row-reverse; --od6wpc-structure: columns; --od6wpc-structure-tablet: columns; --od6wpc-structure-mobile: columns; --od6wpc-align-items: stretch; --od6wpc-align-items-tablet: stretch; --od6wpc-align-items-mobile: stretch; }[data-bnode="beae-od6wpc"] { padding-top: var(--od6wpc-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--od6wpc-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--od6wpc-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--od6wpc-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--od6wpc-padding-top-tablet, var(--od6wpc-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--od6wpc-padding-right-tablet, var(--od6wpc-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--od6wpc-padding-bottom-tablet, var(--od6wpc-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--od6wpc-padding-left-tablet, var(--od6wpc-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--od6wpc-padding-top-mobile, var(--od6wpc-padding-top-tablet, var(--od6wpc-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--od6wpc-padding-right-mobile, var(--od6wpc-padding-right-tablet, var(--od6wpc-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--od6wpc-padding-bottom-mobile, var(--od6wpc-padding-bottom-tablet, var(--od6wpc-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--od6wpc-padding-left-mobile, var(--od6wpc-padding-left-tablet, var(--od6wpc-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--od6wpc-padding-left, var(--beae-section-padding-x, 0px)) - var(--od6wpc-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--od6wpc-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--od6wpc-height); width: 100%; max-width: var(--od6wpc-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--od6wpc-height-tablet, auto); width: 100%; max-width: var(--od6wpc-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--od6wpc-height-mobile, auto); width: 100%; max-width: var(--od6wpc-width-mobile, 100%); } } } }[data-bnode="beae-od6wpc"] > .beae-section-container{     display: flex;     flex-direction: var(--od6wpc-direction, column);     flex-wrap: nowrap;     justify-content: var(--od6wpc-justify-content);     align-items: var(--od6wpc-align-items);     gap: var(--od6wpc-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--od6wpc-padding-right, 0px) - var(--od6wpc-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-od6wpc"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--od6wpc-padding-right-tablet, 0px) - var(--od6wpc-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-od6wpc"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--od6wpc-padding-right-mobile, 0px) - var(--od6wpc-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-s44i7h"] { --s44i7h-background-type: image; --s44i7h-background-type-tablet: image; --s44i7h-background-type-mobile: image; --s44i7h-background-image: [object Object]; --s44i7h-background-image-tablet: [object Object]; --s44i7h-background-image-mobile: [object Object]; --s44i7h-background-imageRatio-tablet: 1/1; --s44i7h-background-imageRatio-tablet-tablet: 1/1; --s44i7h-background-imageRatio-tablet-mobile: 1/1; --s44i7h-direction: column; --s44i7h-direction-tablet: column; --s44i7h-direction-mobile: column; --s44i7h-structure: columns; --s44i7h-structure-tablet: columns; --s44i7h-structure-mobile: columns; --s44i7h-align-items: center; --s44i7h-align-items-tablet: flex-end; --s44i7h-align-items-mobile: flex-end; --s44i7h-justify-content: center; --s44i7h-justify-content-tablet: center; --s44i7h-justify-content-mobile: center; --s44i7h-gap: 36px; --s44i7h-gap-tablet: 36px; --s44i7h-gap-mobile: 32px; --s44i7h-padding-top: 0px; --s44i7h-padding-top-tablet: 0px; --s44i7h-padding-top-mobile: 80px; --s44i7h-padding-right: 30px; --s44i7h-padding-right-tablet: 30px; --s44i7h-padding-right-mobile: 16px; --s44i7h-padding-bottom: 0px; --s44i7h-padding-bottom-tablet: 0px; --s44i7h-padding-bottom-mobile: 80px; --s44i7h-padding-left: 30px; --s44i7h-padding-left-tablet: 30px; --s44i7h-padding-left-mobile: 16px; }[data-bnode="beae-s44i7h"] { padding-top: var(--s44i7h-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--s44i7h-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--s44i7h-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--s44i7h-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--s44i7h-padding-top-tablet, var(--s44i7h-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--s44i7h-padding-right-tablet, var(--s44i7h-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--s44i7h-padding-bottom-tablet, var(--s44i7h-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--s44i7h-padding-left-tablet, var(--s44i7h-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--s44i7h-padding-top-mobile, var(--s44i7h-padding-top-tablet, var(--s44i7h-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--s44i7h-padding-right-mobile, var(--s44i7h-padding-right-tablet, var(--s44i7h-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--s44i7h-padding-bottom-mobile, var(--s44i7h-padding-bottom-tablet, var(--s44i7h-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--s44i7h-padding-left-mobile, var(--s44i7h-padding-left-tablet, var(--s44i7h-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--s44i7h-padding-left, var(--beae-slot-padding-x, 0px)) - var(--s44i7h-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--s44i7h-background-imageRatio, auto); background: var(--s44i7h-background-color,transparent); border-style: var(--s44i7h-borderStyle,solid); border-color: var(--s44i7h-borderColor,#000000); border-width: var(--s44i7h-borderWidth-tl,0px) var(--s44i7h-borderWidth-tr,0px) var(--s44i7h-borderWidth-br,0px) var(--s44i7h-borderWidth-bl,0px); border-radius: var(--s44i7h-borderRadius-tl,0px) var(--s44i7h-borderRadius-tr,0px) var(--s44i7h-borderRadius-br,0px) var(--s44i7h-borderRadius-bl,0px); box-shadow: if(style(--s44i7h-enableShadow: true): var(--s44i7h-shadowHorizontal,0) var(--s44i7h-shadowVertical,0) var(--s44i7h-shadowBlur,0) 1px var(--s44i7h-shadowColor,#000000); else: none); max-width: var(--s44i7h-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--s44i7h-background-imageRatio-tablet, var(--s44i7h-background-imageRatio, auto)); border-width: var(--s44i7h-borderWidth-tl-tablet,0px) var(--s44i7h-borderWidth-tr-tablet,0px) var(--s44i7h-borderWidth-br-tablet,0px) var(--s44i7h-borderWidth-bl-tablet,0px); border-radius: var(--s44i7h-borderRadius-tl-tablet,0px) var(--s44i7h-borderRadius-tr-tablet,0px) var(--s44i7h-borderRadius-br-tablet,0px) var(--s44i7h-borderRadius-bl-tablet,0px); max-width: var(--s44i7h-max-width-tablet, var(--s44i7h-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--s44i7h-background-imageRatio-mobile, var(--s44i7h-background-imageRatio, auto)); border-width: var(--s44i7h-borderWidth-tl-mobile,0px) var(--s44i7h-borderWidth-tr-mobile,0px) var(--s44i7h-borderWidth-br-mobile,0px) var(--s44i7h-borderWidth-bl-mobile,0px); border-radius: var(--s44i7h-borderRadius-tl-mobile,0px) var(--s44i7h-borderRadius-tr-mobile,0px) var(--s44i7h-borderRadius-br-mobile,0px) var(--s44i7h-borderRadius-bl-mobile,0px); max-width: var(--s44i7h-max-width-mobile, var(--s44i7h-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--s44i7h-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--s44i7h-gap,var(--beae-card-gap)); padding-top: var(--s44i7h-padding-top,var(--beae-card-padding)); padding-right: var(--s44i7h-padding-right,var(--beae-card-padding)); padding-bottom: var(--s44i7h-padding-bottom,var(--beae-card-padding)); padding-left: var(--s44i7h-padding-left,var(--beae-card-padding)); border-width: var(--s44i7h-borderWidth,var(--beae-card-border-width)); border-width: var(--s44i7h-borderWidth-tl,var(--beae-card-border-width)) var(--s44i7h-borderWidth-tr,var(--beae-card-border-width)) var(--s44i7h-borderWidth-br,var(--beae-card-border-width)) var(--s44i7h-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--s44i7h-borderRadius-tl,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-tr,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-br,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--s44i7h-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--s44i7h-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--s44i7h-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--s44i7h-padding-left-tablet,var(--beae-card-padding)); border-width: var(--s44i7h-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--s44i7h-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--s44i7h-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--s44i7h-borderWidth-br-desktop,var(--beae-card-border-width)) var(--s44i7h-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--s44i7h-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--s44i7h-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--s44i7h-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--s44i7h-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--s44i7h-padding-left-mobile,var(--beae-card-padding)); border-width: var(--s44i7h-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--s44i7h-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--s44i7h-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--s44i7h-borderWidth-br-mobile,var(--beae-card-border-width)) var(--s44i7h-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--s44i7h-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--s44i7h-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--s44i7h-background-color,var(--beae-card-featured-background)); border-color: var(--s44i7h-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--s44i7h-enableShadow: true): var(--s44i7h-shadowHorizontal, var(--beae-card-shadow-x)) var(--s44i7h-shadowVertical, var(--beae-card-shadow-y)) var(--s44i7h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s44i7h-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--s44i7h-background-color,var(--beae-card-prod-background)); border-color: var(--s44i7h-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--s44i7h-enableShadow: true): var(--s44i7h-shadowHorizontal, var(--beae-card-shadow-x)) var(--s44i7h-shadowVertical, var(--beae-card-shadow-y)) var(--s44i7h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s44i7h-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--s44i7h-background-color,var(--beae-card-pricing-background)); border-color: var(--s44i7h-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--s44i7h-enableShadow: true): var(--s44i7h-shadowHorizontal, var(--beae-card-shadow-x)) var(--s44i7h-shadowVertical, var(--beae-card-shadow-y)) var(--s44i7h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s44i7h-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--s44i7h-background-color,var(--beae-card-cta-background)); border-color: var(--s44i7h-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--s44i7h-enableShadow: true): var(--s44i7h-shadowHorizontal, var(--beae-card-shadow-x)) var(--s44i7h-shadowVertical, var(--beae-card-shadow-y)) var(--s44i7h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s44i7h-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--s44i7h-background-color,var(--beae-card-media-background)); border-color: var(--s44i7h-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--s44i7h-enableShadow: true): var(--s44i7h-shadowHorizontal, var(--beae-card-shadow-x)) var(--s44i7h-shadowVertical, var(--beae-card-shadow-y)) var(--s44i7h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s44i7h-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-s44i7h"] {     display: flex;     flex-direction: var(--s44i7h-direction, column);     flex-wrap: nowrap;     justify-content: var(--s44i7h-justify-content);     align-items: var(--s44i7h-align-items);     gap: var(--s44i7h-gap, var(--s44i7h-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-s44i7h"] {      flex-direction: var(--s44i7h-direction-tablet, column);                 align-items: var(--s44i7h-align-items-tablet, inherit);      gap: var(--s44i7h-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-s44i7h"] {                            gap: var(--s44i7h-gap-mobile, var(--s44i7h-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--s44i7h-padding-right-mobile, 0px) - var(--s44i7h-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-m8fwxc"] { --m8fwxc-direction: column; --m8fwxc-direction-tablet: column; --m8fwxc-direction-mobile: column; --m8fwxc-align-items: center; --m8fwxc-align-items-tablet: center; --m8fwxc-align-items-mobile: center; --m8fwxc-gap: 12px; --m8fwxc-gap-tablet: 12px; --m8fwxc-gap-mobile: 12px; --m8fwxc-padding-top: 0px; --m8fwxc-padding-top-tablet: 0px; --m8fwxc-padding-top-mobile: 0px; --m8fwxc-padding-right: 0px; --m8fwxc-padding-right-tablet: 0px; --m8fwxc-padding-right-mobile: 0px; --m8fwxc-padding-bottom: 0px; --m8fwxc-padding-bottom-tablet: 0px; --m8fwxc-padding-bottom-mobile: 0px; --m8fwxc-padding-left: 0px; --m8fwxc-padding-left-tablet: 0px; --m8fwxc-padding-left-mobile: 0px; }[data-bnode="beae-m8fwxc"] { padding-top: var(--m8fwxc-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--m8fwxc-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--m8fwxc-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--m8fwxc-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--m8fwxc-padding-top-tablet, var(--m8fwxc-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--m8fwxc-padding-right-tablet, var(--m8fwxc-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--m8fwxc-padding-bottom-tablet, var(--m8fwxc-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--m8fwxc-padding-left-tablet, var(--m8fwxc-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--m8fwxc-padding-top-mobile, var(--m8fwxc-padding-top-tablet, var(--m8fwxc-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--m8fwxc-padding-right-mobile, var(--m8fwxc-padding-right-tablet, var(--m8fwxc-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--m8fwxc-padding-bottom-mobile, var(--m8fwxc-padding-bottom-tablet, var(--m8fwxc-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--m8fwxc-padding-left-mobile, var(--m8fwxc-padding-left-tablet, var(--m8fwxc-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--m8fwxc-padding-left, var(--beae-slot-padding-x, 0px)) - var(--m8fwxc-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--m8fwxc-background-imageRatio, auto); background: var(--m8fwxc-background-color,transparent); border-style: var(--m8fwxc-borderStyle,solid); border-color: var(--m8fwxc-borderColor,#000000); border-width: var(--m8fwxc-borderWidth-tl,0px) var(--m8fwxc-borderWidth-tr,0px) var(--m8fwxc-borderWidth-br,0px) var(--m8fwxc-borderWidth-bl,0px); border-radius: var(--m8fwxc-borderRadius-tl,0px) var(--m8fwxc-borderRadius-tr,0px) var(--m8fwxc-borderRadius-br,0px) var(--m8fwxc-borderRadius-bl,0px); box-shadow: if(style(--m8fwxc-enableShadow: true): var(--m8fwxc-shadowHorizontal,0) var(--m8fwxc-shadowVertical,0) var(--m8fwxc-shadowBlur,0) 1px var(--m8fwxc-shadowColor,#000000); else: none); max-width: var(--m8fwxc-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--m8fwxc-background-imageRatio-tablet, var(--m8fwxc-background-imageRatio, auto)); border-width: var(--m8fwxc-borderWidth-tl-tablet,0px) var(--m8fwxc-borderWidth-tr-tablet,0px) var(--m8fwxc-borderWidth-br-tablet,0px) var(--m8fwxc-borderWidth-bl-tablet,0px); border-radius: var(--m8fwxc-borderRadius-tl-tablet,0px) var(--m8fwxc-borderRadius-tr-tablet,0px) var(--m8fwxc-borderRadius-br-tablet,0px) var(--m8fwxc-borderRadius-bl-tablet,0px); max-width: var(--m8fwxc-max-width-tablet, var(--m8fwxc-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--m8fwxc-background-imageRatio-mobile, var(--m8fwxc-background-imageRatio, auto)); border-width: var(--m8fwxc-borderWidth-tl-mobile,0px) var(--m8fwxc-borderWidth-tr-mobile,0px) var(--m8fwxc-borderWidth-br-mobile,0px) var(--m8fwxc-borderWidth-bl-mobile,0px); border-radius: var(--m8fwxc-borderRadius-tl-mobile,0px) var(--m8fwxc-borderRadius-tr-mobile,0px) var(--m8fwxc-borderRadius-br-mobile,0px) var(--m8fwxc-borderRadius-bl-mobile,0px); max-width: var(--m8fwxc-max-width-mobile, var(--m8fwxc-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--m8fwxc-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--m8fwxc-gap,var(--beae-card-gap)); padding-top: var(--m8fwxc-padding-top,var(--beae-card-padding)); padding-right: var(--m8fwxc-padding-right,var(--beae-card-padding)); padding-bottom: var(--m8fwxc-padding-bottom,var(--beae-card-padding)); padding-left: var(--m8fwxc-padding-left,var(--beae-card-padding)); border-width: var(--m8fwxc-borderWidth,var(--beae-card-border-width)); border-width: var(--m8fwxc-borderWidth-tl,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-tr,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-br,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--m8fwxc-borderRadius-tl,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-tr,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-br,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--m8fwxc-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--m8fwxc-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--m8fwxc-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--m8fwxc-padding-left-tablet,var(--beae-card-padding)); border-width: var(--m8fwxc-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--m8fwxc-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-br-desktop,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--m8fwxc-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--m8fwxc-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--m8fwxc-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--m8fwxc-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--m8fwxc-padding-left-mobile,var(--beae-card-padding)); border-width: var(--m8fwxc-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--m8fwxc-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-br-mobile,var(--beae-card-border-width)) var(--m8fwxc-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--m8fwxc-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--m8fwxc-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--m8fwxc-background-color,var(--beae-card-featured-background)); border-color: var(--m8fwxc-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--m8fwxc-enableShadow: true): var(--m8fwxc-shadowHorizontal, var(--beae-card-shadow-x)) var(--m8fwxc-shadowVertical, var(--beae-card-shadow-y)) var(--m8fwxc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m8fwxc-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--m8fwxc-background-color,var(--beae-card-prod-background)); border-color: var(--m8fwxc-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--m8fwxc-enableShadow: true): var(--m8fwxc-shadowHorizontal, var(--beae-card-shadow-x)) var(--m8fwxc-shadowVertical, var(--beae-card-shadow-y)) var(--m8fwxc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m8fwxc-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--m8fwxc-background-color,var(--beae-card-pricing-background)); border-color: var(--m8fwxc-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--m8fwxc-enableShadow: true): var(--m8fwxc-shadowHorizontal, var(--beae-card-shadow-x)) var(--m8fwxc-shadowVertical, var(--beae-card-shadow-y)) var(--m8fwxc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m8fwxc-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--m8fwxc-background-color,var(--beae-card-cta-background)); border-color: var(--m8fwxc-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--m8fwxc-enableShadow: true): var(--m8fwxc-shadowHorizontal, var(--beae-card-shadow-x)) var(--m8fwxc-shadowVertical, var(--beae-card-shadow-y)) var(--m8fwxc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m8fwxc-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--m8fwxc-background-color,var(--beae-card-media-background)); border-color: var(--m8fwxc-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--m8fwxc-enableShadow: true): var(--m8fwxc-shadowHorizontal, var(--beae-card-shadow-x)) var(--m8fwxc-shadowVertical, var(--beae-card-shadow-y)) var(--m8fwxc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m8fwxc-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-m8fwxc"] {     display: flex;     flex-direction: var(--m8fwxc-direction, column);     flex-wrap: nowrap;     justify-content: var(--m8fwxc-justify-content);     align-items: var(--m8fwxc-align-items);     gap: var(--m8fwxc-gap, var(--m8fwxc-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-m8fwxc"] {                            gap: var(--m8fwxc-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--m8fwxc-padding-right-tablet, 0px) - var(--m8fwxc-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-m8fwxc"] {                            gap: var(--m8fwxc-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--m8fwxc-padding-right-mobile, 0px) - var(--m8fwxc-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-acfn3v"] { --beae-p2-font-size: 14px; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-color: #ffffff; --beae-p2-font-family: DM Sans; --beae-p2-font-weight: 500; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: uppercase; --acfn3v-typography: p2; --acfn3v-typography-tablet: p2; --acfn3v-typography-mobile: p2; }[data-bnode="beae-acfn3v"] { margin-top: var(--acfn3v-margin-top, 0px); margin-right: var(--acfn3v-margin-right, 0px); margin-bottom: var(--acfn3v-margin-bottom, 0px); margin-left: var(--acfn3v-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--acfn3v-margin-top-tablet, 0px); margin-right: var(--acfn3v-margin-right-tablet, 0px); margin-bottom: var(--acfn3v-margin-bottom-tablet, 0px); margin-left: var(--acfn3v-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--acfn3v-margin-top-mobile, 0px); margin-right: var(--acfn3v-margin-right-mobile, 0px); margin-bottom: var(--acfn3v-margin-bottom-mobile, 0px); margin-left: var(--acfn3v-margin-left-mobile, 0px); } }[data-bnode="beae-vcofrf"] { --vcofrf-direction: row; --vcofrf-direction-tablet: row; --vcofrf-direction-mobile: row; --vcofrf-structure: columns; --vcofrf-structure-tablet: columns; --vcofrf-structure-mobile: columns; }[data-bnode="beae-vcofrf"] { padding-top: var(--vcofrf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vcofrf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vcofrf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vcofrf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vcofrf-padding-top-tablet, var(--vcofrf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vcofrf-padding-right-tablet, var(--vcofrf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vcofrf-padding-bottom-tablet, var(--vcofrf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vcofrf-padding-left-tablet, var(--vcofrf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vcofrf-padding-top-mobile, var(--vcofrf-padding-top-tablet, var(--vcofrf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vcofrf-padding-right-mobile, var(--vcofrf-padding-right-tablet, var(--vcofrf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vcofrf-padding-bottom-mobile, var(--vcofrf-padding-bottom-tablet, var(--vcofrf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vcofrf-padding-left-mobile, var(--vcofrf-padding-left-tablet, var(--vcofrf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--vcofrf-padding-left, var(--beae-slot-padding-x, 0px)) - var(--vcofrf-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--vcofrf-background-imageRatio, auto); background: var(--vcofrf-background-color,transparent); border-style: var(--vcofrf-borderStyle,solid); border-color: var(--vcofrf-borderColor,#000000); border-width: var(--vcofrf-borderWidth-tl,0px) var(--vcofrf-borderWidth-tr,0px) var(--vcofrf-borderWidth-br,0px) var(--vcofrf-borderWidth-bl,0px); border-radius: var(--vcofrf-borderRadius-tl,0px) var(--vcofrf-borderRadius-tr,0px) var(--vcofrf-borderRadius-br,0px) var(--vcofrf-borderRadius-bl,0px); box-shadow: if(style(--vcofrf-enableShadow: true): var(--vcofrf-shadowHorizontal,0) var(--vcofrf-shadowVertical,0) var(--vcofrf-shadowBlur,0) 1px var(--vcofrf-shadowColor,#000000); else: none); max-width: var(--vcofrf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--vcofrf-background-imageRatio-tablet, var(--vcofrf-background-imageRatio, auto)); border-width: var(--vcofrf-borderWidth-tl-tablet,0px) var(--vcofrf-borderWidth-tr-tablet,0px) var(--vcofrf-borderWidth-br-tablet,0px) var(--vcofrf-borderWidth-bl-tablet,0px); border-radius: var(--vcofrf-borderRadius-tl-tablet,0px) var(--vcofrf-borderRadius-tr-tablet,0px) var(--vcofrf-borderRadius-br-tablet,0px) var(--vcofrf-borderRadius-bl-tablet,0px); max-width: var(--vcofrf-max-width-tablet, var(--vcofrf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--vcofrf-background-imageRatio-mobile, var(--vcofrf-background-imageRatio, auto)); border-width: var(--vcofrf-borderWidth-tl-mobile,0px) var(--vcofrf-borderWidth-tr-mobile,0px) var(--vcofrf-borderWidth-br-mobile,0px) var(--vcofrf-borderWidth-bl-mobile,0px); border-radius: var(--vcofrf-borderRadius-tl-mobile,0px) var(--vcofrf-borderRadius-tr-mobile,0px) var(--vcofrf-borderRadius-br-mobile,0px) var(--vcofrf-borderRadius-bl-mobile,0px); max-width: var(--vcofrf-max-width-mobile, var(--vcofrf-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--vcofrf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--vcofrf-gap,var(--beae-card-gap)); padding-top: var(--vcofrf-padding-top,var(--beae-card-padding)); padding-right: var(--vcofrf-padding-right,var(--beae-card-padding)); padding-bottom: var(--vcofrf-padding-bottom,var(--beae-card-padding)); padding-left: var(--vcofrf-padding-left,var(--beae-card-padding)); border-width: var(--vcofrf-borderWidth,var(--beae-card-border-width)); border-width: var(--vcofrf-borderWidth-tl,var(--beae-card-border-width)) var(--vcofrf-borderWidth-tr,var(--beae-card-border-width)) var(--vcofrf-borderWidth-br,var(--beae-card-border-width)) var(--vcofrf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--vcofrf-borderRadius-tl,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-tr,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-br,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--vcofrf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--vcofrf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--vcofrf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--vcofrf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--vcofrf-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--vcofrf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--vcofrf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--vcofrf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--vcofrf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--vcofrf-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--vcofrf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--vcofrf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--vcofrf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--vcofrf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--vcofrf-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--vcofrf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--vcofrf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--vcofrf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--vcofrf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--vcofrf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--vcofrf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--vcofrf-background-color,var(--beae-card-featured-background)); border-color: var(--vcofrf-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--vcofrf-enableShadow: true): var(--vcofrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--vcofrf-shadowVertical, var(--beae-card-shadow-y)) var(--vcofrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vcofrf-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--vcofrf-background-color,var(--beae-card-prod-background)); border-color: var(--vcofrf-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--vcofrf-enableShadow: true): var(--vcofrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--vcofrf-shadowVertical, var(--beae-card-shadow-y)) var(--vcofrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vcofrf-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--vcofrf-background-color,var(--beae-card-pricing-background)); border-color: var(--vcofrf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--vcofrf-enableShadow: true): var(--vcofrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--vcofrf-shadowVertical, var(--beae-card-shadow-y)) var(--vcofrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vcofrf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--vcofrf-background-color,var(--beae-card-cta-background)); border-color: var(--vcofrf-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--vcofrf-enableShadow: true): var(--vcofrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--vcofrf-shadowVertical, var(--beae-card-shadow-y)) var(--vcofrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vcofrf-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--vcofrf-background-color,var(--beae-card-media-background)); border-color: var(--vcofrf-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--vcofrf-enableShadow: true): var(--vcofrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--vcofrf-shadowVertical, var(--beae-card-shadow-y)) var(--vcofrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vcofrf-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-vcofrf"] {     display: flex;     flex-direction: var(--vcofrf-direction, column);     flex-wrap: nowrap;     justify-content: var(--vcofrf-justify-content);     align-items: var(--vcofrf-align-items);     gap: var(--vcofrf-gap, var(--vcofrf-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--vcofrf-padding-right, 0px) - var(--vcofrf-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-vcofrf"] {                            gap: var(--vcofrf-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--vcofrf-padding-right-tablet, 0px) - var(--vcofrf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-vcofrf"] {                            gap: var(--vcofrf-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--vcofrf-padding-right-mobile, 0px) - var(--vcofrf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-bc97es"] { --beae-h1-font-size: 50px; --beae-h1-font-size-tablet: 44px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #ffffff; --beae-h1-font-family: DM Sans; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.3; --beae-h1-line-height-mobile: 1.3; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --bc97es-typography: h1; --bc97es-typography-tablet: h1; --bc97es-typography-mobile: h1; --beae-h1-text-align: center; }[data-bnode="beae-bc97es"] { margin-top: var(--bc97es-margin-top, 0px); margin-right: var(--bc97es-margin-right, 0px); margin-bottom: var(--bc97es-margin-bottom, 0px); margin-left: var(--bc97es-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bc97es-margin-top-tablet, 0px); margin-right: var(--bc97es-margin-right-tablet, 0px); margin-bottom: var(--bc97es-margin-bottom-tablet, 0px); margin-left: var(--bc97es-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bc97es-margin-top-mobile, 0px); margin-right: var(--bc97es-margin-right-mobile, 0px); margin-bottom: var(--bc97es-margin-bottom-mobile, 0px); margin-left: var(--bc97es-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--bc97es-highlightColor,var(--beae-p-color)); top: var(--bc97es-highlightTop, 100%); } }[data-bnode="beae-lbfy19"] { --lbfy19-direction: column; --lbfy19-direction-tablet: column; --lbfy19-direction-mobile: column; --lbfy19-align-items: center; --lbfy19-align-items-tablet: center; --lbfy19-align-items-mobile: center; --lbfy19-gap: 64px; --lbfy19-gap-tablet: 64px; --lbfy19-gap-mobile: 56px; --lbfy19-justify-content: center; --lbfy19-justify-content-tablet: center; --lbfy19-justify-content-mobile: center; --lbfy19-padding-top-mobile: 0px; --lbfy19-padding-right-mobile: 0px; --lbfy19-padding-bottom-mobile: 0px; --lbfy19-padding-left-mobile: 0px; }[data-bnode="beae-lbfy19"] { padding-top: var(--lbfy19-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lbfy19-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lbfy19-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lbfy19-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lbfy19-padding-top-tablet, var(--lbfy19-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lbfy19-padding-right-tablet, var(--lbfy19-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lbfy19-padding-bottom-tablet, var(--lbfy19-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lbfy19-padding-left-tablet, var(--lbfy19-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lbfy19-padding-top-mobile, var(--lbfy19-padding-top-tablet, var(--lbfy19-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lbfy19-padding-right-mobile, var(--lbfy19-padding-right-tablet, var(--lbfy19-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lbfy19-padding-bottom-mobile, var(--lbfy19-padding-bottom-tablet, var(--lbfy19-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lbfy19-padding-left-mobile, var(--lbfy19-padding-left-tablet, var(--lbfy19-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lbfy19-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lbfy19-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lbfy19-background-imageRatio, auto); background: var(--lbfy19-background-color,transparent); border-style: var(--lbfy19-borderStyle,solid); border-color: var(--lbfy19-borderColor,#000000); border-width: var(--lbfy19-borderWidth-tl,0px) var(--lbfy19-borderWidth-tr,0px) var(--lbfy19-borderWidth-br,0px) var(--lbfy19-borderWidth-bl,0px); border-radius: var(--lbfy19-borderRadius-tl,0px) var(--lbfy19-borderRadius-tr,0px) var(--lbfy19-borderRadius-br,0px) var(--lbfy19-borderRadius-bl,0px); box-shadow: if(style(--lbfy19-enableShadow: true): var(--lbfy19-shadowHorizontal,0) var(--lbfy19-shadowVertical,0) var(--lbfy19-shadowBlur,0) 1px var(--lbfy19-shadowColor,#000000); else: none); max-width: var(--lbfy19-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lbfy19-background-imageRatio-tablet, var(--lbfy19-background-imageRatio, auto)); border-width: var(--lbfy19-borderWidth-tl-tablet,0px) var(--lbfy19-borderWidth-tr-tablet,0px) var(--lbfy19-borderWidth-br-tablet,0px) var(--lbfy19-borderWidth-bl-tablet,0px); border-radius: var(--lbfy19-borderRadius-tl-tablet,0px) var(--lbfy19-borderRadius-tr-tablet,0px) var(--lbfy19-borderRadius-br-tablet,0px) var(--lbfy19-borderRadius-bl-tablet,0px); max-width: var(--lbfy19-max-width-tablet, var(--lbfy19-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lbfy19-background-imageRatio-mobile, var(--lbfy19-background-imageRatio, auto)); border-width: var(--lbfy19-borderWidth-tl-mobile,0px) var(--lbfy19-borderWidth-tr-mobile,0px) var(--lbfy19-borderWidth-br-mobile,0px) var(--lbfy19-borderWidth-bl-mobile,0px); border-radius: var(--lbfy19-borderRadius-tl-mobile,0px) var(--lbfy19-borderRadius-tr-mobile,0px) var(--lbfy19-borderRadius-br-mobile,0px) var(--lbfy19-borderRadius-bl-mobile,0px); max-width: var(--lbfy19-max-width-mobile, var(--lbfy19-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lbfy19-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lbfy19-gap,var(--beae-card-gap)); padding-top: var(--lbfy19-padding-top,var(--beae-card-padding)); padding-right: var(--lbfy19-padding-right,var(--beae-card-padding)); padding-bottom: var(--lbfy19-padding-bottom,var(--beae-card-padding)); padding-left: var(--lbfy19-padding-left,var(--beae-card-padding)); border-width: var(--lbfy19-borderWidth,var(--beae-card-border-width)); border-width: var(--lbfy19-borderWidth-tl,var(--beae-card-border-width)) var(--lbfy19-borderWidth-tr,var(--beae-card-border-width)) var(--lbfy19-borderWidth-br,var(--beae-card-border-width)) var(--lbfy19-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lbfy19-borderRadius-tl,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-tr,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-br,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lbfy19-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lbfy19-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lbfy19-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lbfy19-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lbfy19-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lbfy19-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lbfy19-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lbfy19-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lbfy19-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lbfy19-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lbfy19-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lbfy19-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lbfy19-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lbfy19-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lbfy19-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lbfy19-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lbfy19-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lbfy19-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lbfy19-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lbfy19-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lbfy19-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lbfy19-background-color,var(--beae-card-featured-background)); border-color: var(--lbfy19-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lbfy19-enableShadow: true): var(--lbfy19-shadowHorizontal, var(--beae-card-shadow-x)) var(--lbfy19-shadowVertical, var(--beae-card-shadow-y)) var(--lbfy19-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lbfy19-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lbfy19-background-color,var(--beae-card-prod-background)); border-color: var(--lbfy19-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lbfy19-enableShadow: true): var(--lbfy19-shadowHorizontal, var(--beae-card-shadow-x)) var(--lbfy19-shadowVertical, var(--beae-card-shadow-y)) var(--lbfy19-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lbfy19-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lbfy19-background-color,var(--beae-card-pricing-background)); border-color: var(--lbfy19-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lbfy19-enableShadow: true): var(--lbfy19-shadowHorizontal, var(--beae-card-shadow-x)) var(--lbfy19-shadowVertical, var(--beae-card-shadow-y)) var(--lbfy19-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lbfy19-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lbfy19-background-color,var(--beae-card-cta-background)); border-color: var(--lbfy19-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lbfy19-enableShadow: true): var(--lbfy19-shadowHorizontal, var(--beae-card-shadow-x)) var(--lbfy19-shadowVertical, var(--beae-card-shadow-y)) var(--lbfy19-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lbfy19-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lbfy19-background-color,var(--beae-card-media-background)); border-color: var(--lbfy19-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lbfy19-enableShadow: true): var(--lbfy19-shadowHorizontal, var(--beae-card-shadow-x)) var(--lbfy19-shadowVertical, var(--beae-card-shadow-y)) var(--lbfy19-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lbfy19-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-lbfy19"] {     display: flex;     flex-direction: var(--lbfy19-direction, column);     flex-wrap: nowrap;     justify-content: var(--lbfy19-justify-content);     align-items: var(--lbfy19-align-items);     gap: var(--lbfy19-gap, var(--lbfy19-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lbfy19"] {                            gap: var(--lbfy19-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--lbfy19-padding-right-tablet, 0px) - var(--lbfy19-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-lbfy19"] {                            gap: var(--lbfy19-gap-mobile, var(--lbfy19-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--lbfy19-padding-right-mobile, 0px) - var(--lbfy19-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-okeyij"] { --okeyij-timer: number; --okeyij-timer-tablet: number; --okeyij-timer-mobile: number; --okeyij-paddingY: 16px; --okeyij-paddingY-tablet: 20px; --okeyij-paddingY-mobile: 20px; --okeyij-paddingX: 20px; --okeyij-paddingX-tablet: 22px; --okeyij-paddingX-mobile: 22px; --okeyij-background-type: color; --okeyij-background-type-tablet: color; --okeyij-background-type-mobile: color; --okeyij-background-color: #ffffff4d; --okeyij-background-color-tablet: #ffffff4d; --okeyij-background-color-mobile: #ffffff4d; --okeyij-typographyNumber: h2; --okeyij-typographyNumber-tablet: h2; --okeyij-typographyNumber-mobile: h2; --okeyij-typographyLabel: p2; --okeyij-typographyLabel-tablet: p2; --okeyij-typographyLabel-mobile: p2; --beae-p2-font-size: 14px; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-color: #ffffff; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --beae-h2-font-size: 36px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #ffffff; --beae-h2-font-weight: 500; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.3; --beae-h2-line-height-mobile: 1.3; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: none; --beae-h2-text-align-tablet: center; --beae-p2-text-align-tablet: center; --okeyij-gap-tablet: 16px; --okeyij-gap-mobile: 16px; --okeyij-borderRadius-tl-tablet: 12px; --okeyij-borderRadius-tl-mobile: 12px; --okeyij-borderRadius-tr-tablet: 12px; --okeyij-borderRadius-tr-mobile: 12px; --okeyij-borderRadius-bl-tablet: 12px; --okeyij-borderRadius-bl-mobile: 12px; --okeyij-borderRadius-br-tablet: 12px; --okeyij-borderRadius-br-mobile: 12px; }[data-bnode="beae-okeyij"] { margin-top: var(--okeyij-margin-top, 0px); margin-right: var(--okeyij-margin-right, 0px); margin-bottom: var(--okeyij-margin-bottom, 0px); margin-left: var(--okeyij-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--okeyij-margin-top-tablet, 0px); margin-right: var(--okeyij-margin-right-tablet, 0px); margin-bottom: var(--okeyij-margin-bottom-tablet, 0px); margin-left: var(--okeyij-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--okeyij-margin-top-mobile, 0px); margin-right: var(--okeyij-margin-right-mobile, 0px); margin-bottom: var(--okeyij-margin-bottom-mobile, 0px); margin-left: var(--okeyij-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--okeyij-gap, 10px); &.time-out[data-action-time-out="hide"] { display: none; } .beae-separator-hidden { display: none; } .beae-separator-show { display: flex; align-items: center; } .beae-countdown-item { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; border-style: var(--okeyij-borderStyle,solid); border-color: var(--okeyij-borderColor,#000000); border-width: var(--okeyij-borderWidth-tl,0px) var(--okeyij-borderWidth-tr,0px) var(--okeyij-borderWidth-br,0px) var(--okeyij-borderWidth-bl,0px); border-radius: var(--okeyij-borderRadius-tl,0px) var(--okeyij-borderRadius-tr,0px) var(--okeyij-borderRadius-br,0px) var(--okeyij-borderRadius-bl,0px); box-shadow: if(style(--okeyij-enableShadow: true): var(--okeyij-shadowHorizontal,0) var(--okeyij-shadowVertical,0) var(--okeyij-shadowBlur,0) 1px var(--okeyij-shadowColor,#000000); else: none); max-width: var(--okeyij-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--okeyij-borderWidth-tl-tablet,0px) var(--okeyij-borderWidth-tr-tablet,0px) var(--okeyij-borderWidth-br-tablet,0px) var(--okeyij-borderWidth-bl-tablet,0px); border-radius: var(--okeyij-borderRadius-tl-tablet,0px) var(--okeyij-borderRadius-tr-tablet,0px) var(--okeyij-borderRadius-br-tablet,0px) var(--okeyij-borderRadius-bl-tablet,0px); max-width: var(--okeyij-max-width-tablet, var(--okeyij-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--okeyij-borderWidth-tl-mobile,0px) var(--okeyij-borderWidth-tr-mobile,0px) var(--okeyij-borderWidth-br-mobile,0px) var(--okeyij-borderWidth-bl-mobile,0px); border-radius: var(--okeyij-borderRadius-tl-mobile,0px) var(--okeyij-borderRadius-tr-mobile,0px) var(--okeyij-borderRadius-br-mobile,0px) var(--okeyij-borderRadius-bl-mobile,0px); max-width: var(--okeyij-max-width-mobile, var(--okeyij-max-width, 100%)); } overflow: hidden; background: var(--okeyij-background-color,transparent); padding-inline: var(--okeyij-paddingX); padding-block: var(--okeyij-paddingY); >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } @media (min-width: 768px) and (max-width: 1180px) { &.beae-countdown-wrapper { gap: var(--okeyij-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--okeyij-paddingX-tablet); padding-block: var(--okeyij-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--okeyij-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--okeyij-paddingX-mobile); padding-block: var(--okeyij-paddingY-mobile); } } } }[data-bnode="beae-ygtrd4"] { --ygtrd4-width: fill; --ygtrd4-width-tablet: fill; --ygtrd4-width-mobile: fill; --beae-p-font-family: DM Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 14px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 46px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 36px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-se-label-color: #2A2A2A; --beae-btn-se-background-color: #EBEBEB; --beae-btn-text-transform: none; --ygtrd4-iconWidth: 20px; --ygtrd4-iconWidth-tablet: 20px; --ygtrd4-iconWidth-mobile: 20px; --ygtrd4-iconGap: 5px; --ygtrd4-iconGap-tablet: 5px; --ygtrd4-iconGap-mobile: 5px; --ygtrd4-button: se; --ygtrd4-button-tablet: se; --ygtrd4-button-mobile: se; }[data-bnode="beae-ygtrd4"] { margin-top: var(--ygtrd4-margin-top, 0px); margin-right: var(--ygtrd4-margin-right, 0px); margin-bottom: var(--ygtrd4-margin-bottom, 0px); margin-left: var(--ygtrd4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ygtrd4-margin-top-tablet, 0px); margin-right: var(--ygtrd4-margin-right-tablet, 0px); margin-bottom: var(--ygtrd4-margin-bottom-tablet, 0px); margin-left: var(--ygtrd4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ygtrd4-margin-top-mobile, 0px); margin-right: var(--ygtrd4-margin-right-mobile, 0px); margin-bottom: var(--ygtrd4-margin-bottom-mobile, 0px); margin-left: var(--ygtrd4-margin-left-mobile, 0px); } &{ gap:var(--ygtrd4-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--ygtrd4-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--ygtrd4-bgBtnHover)) * 1%)); style(--ygtrd4-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--ygtrd4-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--ygtrd4-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--ygtrd4-labelBtnHover)) * 1%)); style(--ygtrd4-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--ygtrd4-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--ygtrd4-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--ygtrd4-borderBtnHover)) * 1%)); style(--ygtrd4-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--ygtrd4-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--ygtrd4-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--ygtrd4-bgBtnHover)) * 1%)); style(--ygtrd4-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--ygtrd4-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--ygtrd4-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--ygtrd4-labelBtnHover)) * 1%)); style(--ygtrd4-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--ygtrd4-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--ygtrd4-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--ygtrd4-borderBtnHover)) * 1%)); style(--ygtrd4-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--ygtrd4-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--ygtrd4-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--ygtrd4-labelBtnHover)) * 1%)); style(--ygtrd4-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--ygtrd4-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--ygtrd4-iconWidth); } svg { width: var(--ygtrd4-iconWidth,20px); min-width: var(--ygtrd4-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--ygtrd4-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--ygtrd4-iconWidth-tablet, var(--ygtrd4-iconWidth)); } svg { width: var(--ygtrd4-iconWidth-tablet, var(--ygtrd4-iconWidth)); min-width: var(--ygtrd4-iconWidth-tablet, var(--ygtrd4-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--ygtrd4-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--ygtrd4-iconWidth-mobile, var(--ygtrd4-iconWidth)); } svg { width: var(--ygtrd4-iconWidth-mobile, var(--ygtrd4-iconWidth)); min-width: var(--ygtrd4-iconWidth-mobile, var(--ygtrd4-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-tmuwab"] { --tmuwab-width: 1400px; --tmuwab-width-tablet: 1400px; --tmuwab-width-mobile: 1400px; --tmuwab-height: fit-content; --tmuwab-height-tablet: fit-content; --tmuwab-height-mobile: fit-content; --tmuwab-padding-top: 112px; --tmuwab-padding-top-tablet: 96px; --tmuwab-padding-top-mobile: 80px; --tmuwab-padding-bottom: 112px; --tmuwab-padding-bottom-tablet: 96px; --tmuwab-padding-bottom-mobile: 80px; --tmuwab-padding-right: 30px; --tmuwab-padding-right-tablet: 30px; --tmuwab-padding-right-mobile: 16px; --tmuwab-padding-left: 30px; --tmuwab-padding-left-tablet: 30px; --tmuwab-padding-left-mobile: 16px; --tmuwab-gap: 44px; --tmuwab-gap-tablet: 44px; --tmuwab-gap-mobile: 36px; }[data-bnode="beae-tmuwab"] { padding-top: var(--tmuwab-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--tmuwab-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--tmuwab-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--tmuwab-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--tmuwab-padding-top-tablet, var(--tmuwab-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--tmuwab-padding-right-tablet, var(--tmuwab-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--tmuwab-padding-bottom-tablet, var(--tmuwab-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--tmuwab-padding-left-tablet, var(--tmuwab-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--tmuwab-padding-top-mobile, var(--tmuwab-padding-top-tablet, var(--tmuwab-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--tmuwab-padding-right-mobile, var(--tmuwab-padding-right-tablet, var(--tmuwab-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--tmuwab-padding-bottom-mobile, var(--tmuwab-padding-bottom-tablet, var(--tmuwab-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--tmuwab-padding-left-mobile, var(--tmuwab-padding-left-tablet, var(--tmuwab-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--tmuwab-padding-left, var(--beae-section-padding-x, 0px)) - var(--tmuwab-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--tmuwab-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--tmuwab-height); width: 100%; max-width: var(--tmuwab-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--tmuwab-height-tablet, auto); width: 100%; max-width: var(--tmuwab-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--tmuwab-height-mobile, auto); width: 100%; max-width: var(--tmuwab-width-mobile, 100%); } } } }[data-bnode="beae-tmuwab"] > .beae-section-container{     display: flex;     flex-direction: var(--tmuwab-direction, column);     flex-wrap: nowrap;     justify-content: var(--tmuwab-justify-content);     align-items: var(--tmuwab-align-items);     gap: var(--tmuwab-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-tmuwab"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--tmuwab-padding-right-tablet, 0px) - var(--tmuwab-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-tmuwab"] > .beae-section-container{                            gap: var(--tmuwab-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--tmuwab-padding-right-mobile, 0px) - var(--tmuwab-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-9feg48"] { --beae-h2-font-size: 36px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #282928; --beae-h2-font-family: DM Sans; --beae-h2-font-weight: 500; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.3; --beae-h2-line-height-mobile: 1.3; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: none; --9feg48-typography: h2; --9feg48-typography-tablet: h2; --9feg48-typography-mobile: h2; }[data-bnode="beae-9feg48"] { margin-top: var(--9feg48-margin-top, 0px); margin-right: var(--9feg48-margin-right, 0px); margin-bottom: var(--9feg48-margin-bottom, 0px); margin-left: var(--9feg48-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9feg48-margin-top-tablet, 0px); margin-right: var(--9feg48-margin-right-tablet, 0px); margin-bottom: var(--9feg48-margin-bottom-tablet, 0px); margin-left: var(--9feg48-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9feg48-margin-top-mobile, 0px); margin-right: var(--9feg48-margin-right-mobile, 0px); margin-bottom: var(--9feg48-margin-bottom-mobile, 0px); margin-left: var(--9feg48-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--9feg48-highlightColor,var(--beae-p-color)); top: var(--9feg48-highlightTop, 100%); } }[data-bnode="beae-9qnk8p"] { --9qnk8p-listType: slider; --9qnk8p-listType-tablet: slider; --9qnk8p-listType-mobile: slider; --9qnk8p-columns: 3.04; --9qnk8p-columns-tablet: 1.7; --9qnk8p-columns-mobile: 1.7; --9qnk8p-columnsMobile: 1; --9qnk8p-columnsMobile-tablet: 1; --9qnk8p-columnsMobile-mobile: 1; --9qnk8p-gap: 20px; --9qnk8p-gap-tablet: 20px; --9qnk8p-gap-mobile: 20px; --9qnk8p-stateSelector: normal; --9qnk8p-stateSelector-tablet: normal; --9qnk8p-stateSelector-mobile: normal; --9qnk8p-navType: true; --9qnk8p-navType-tablet: true; --9qnk8p-navType-mobile: true; --9qnk8p-navColor: #333333; --9qnk8p-navColor-tablet: #333333; --9qnk8p-navColor-mobile: #333333; --9qnk8p-navBg: #f5f5f5; --9qnk8p-navBg-tablet: #f5f5f5; --9qnk8p-navBg-mobile: #f5f5f5; --9qnk8p-navColorHover: #333333; --9qnk8p-navColorHover-tablet: #333333; --9qnk8p-navColorHover-mobile: #333333; --9qnk8p-navBgHover: #cccccc; --9qnk8p-navBgHover-tablet: #cccccc; --9qnk8p-navBgHover-mobile: #cccccc; --9qnk8p-navColorActive: #333333; --9qnk8p-navColorActive-tablet: #333333; --9qnk8p-navColorActive-mobile: #333333; --9qnk8p-navBgActive: #cccccc; --9qnk8p-navBgActive-tablet: #cccccc; --9qnk8p-navBgActive-mobile: #cccccc; --9qnk8p-navIconSize: 20; --9qnk8p-navIconSize-tablet: 20; --9qnk8p-navIconSize-mobile: 20; --9qnk8p-navPadding: 20; --9qnk8p-navPadding-tablet: 20; --9qnk8p-navPadding-mobile: 20; --9qnk8p-pagiType: true; --9qnk8p-pagiType-tablet: true; --9qnk8p-pagiType-mobile: true; --9qnk8p-pagiColor: #e6e6e6; --9qnk8p-pagiColor-tablet: #e6e6e6; --9qnk8p-pagiColor-mobile: #e6e6e6; --9qnk8p-pagiBg: #e6e6e6; --9qnk8p-pagiBg-tablet: #e6e6e6; --9qnk8p-pagiBg-mobile: #e6e6e6; --9qnk8p-pagiColorHover: #cccccc; --9qnk8p-pagiColorHover-tablet: #cccccc; --9qnk8p-pagiColorHover-mobile: #cccccc; --9qnk8p-pagiBgHover: #cccccc; --9qnk8p-pagiBgHover-tablet: #cccccc; --9qnk8p-pagiBgHover-mobile: #cccccc; --9qnk8p-pagiColorActive: #181818; --9qnk8p-pagiColorActive-tablet: #181818; --9qnk8p-pagiColorActive-mobile: #181818; --9qnk8p-pagiBgActive: #181818; --9qnk8p-pagiBgActive-tablet: #181818; --9qnk8p-pagiBgActive-mobile: #181818; --9qnk8p-stateNavigtion: normal; --9qnk8p-stateNavigtion-tablet: normal; --9qnk8p-stateNavigtion-mobile: normal; --9qnk8p-statePagination: active; --9qnk8p-statePagination-tablet: active; --9qnk8p-statePagination-mobile: active; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-tj7o4r"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-2dxqpk"] { --beae-p-text-align: start; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-z130qj"] { --z130qj-direction: row; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-4zt59s"] { --4zt59s-padding-top: 24px; --4zt59s-padding-right: 24px; --4zt59s-padding-bottom: 24px; --4zt59s-padding-left: 24px; --4zt59s-direction: column; --4zt59s-structure: columns; --4zt59s-gap: 10px; --4zt59s-borderStyle: solid; --4zt59s-borderWidth-tl: 0px; --4zt59s-borderWidth-tr: 1px; --4zt59s-borderWidth-bl: 1px; --4zt59s-borderWidth-br: 1px; --4zt59s-borderColor: #E5E6E5; --4zt59s-borderRadius-tl: 0px; --4zt59s-borderRadius-tr: 0px; --4zt59s-borderRadius-bl: 16px; --4zt59s-borderRadius-br: 16px; --4zt59s-padding-top-tablet: 24px; --4zt59s-padding-right-tablet: 24px; --4zt59s-padding-bottom-tablet: 24px; --4zt59s-padding-left-tablet: 24px; --4zt59s-gap-tablet: 10px; --4zt59s-padding-top-mobile: 24px; --4zt59s-padding-right-mobile: 24px; --4zt59s-padding-bottom-mobile: 24px; --4zt59s-padding-left-mobile: 24px; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-5j1kk0"] { --5j1kk0-width: 100%; --5j1kk0-imageRatio: 7/5; --5j1kk0-objFit: cover; --5j1kk0-borderStyle: none; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-lmrvd6"] { --lmrvd6-direction: row; --lmrvd6-align-items: center; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-7jfjds"] { --7jfjds-maxWidth: unset; --7jfjds-typography: p; --7jfjds-margin-top: 0px; --7jfjds-margin-right: 0px; --7jfjds-margin-bottom: 0px; --7jfjds-margin-left: 0px; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-y512q0"] { --beae-p-text-transform: capitalize; --beae-p-color: #7E817E; --y512q0-maxWidth: unset; --y512q0-typography: p; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-qbfypc"] { --qbfypc-size: 22px; --qbfypc-padding: 0px; --qbfypc-iconColor: #DDBBBB; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-o2gbcb"] { --o2gbcb-padding: 0px; --o2gbcb-size: 8px; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-hm44gm"] { --hm44gm-width: 100%; --hm44gm-imageRatio: 7/5; --hm44gm-objFit: cover; --hm44gm-borderColor: #000000; --hm44gm-shadowColor: #000000; --hm44gm-borderStyle: none; --hm44gm-enableShadow: false; --hm44gm-borderRadius-tl: 16px; --hm44gm-borderRadius-tr: 16px; --hm44gm-borderRadius-bl: 0px; --hm44gm-borderRadius-br: 0px; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-we60yt"] { --we60yt-typography: h4; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-0ukbas"] { --0ukbas-typography: h4; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-0agy0r"] { --0agy0r-size: 16px; --0agy0r-borderRadius: 0px; --0agy0r-borderWidth: 0px; --0agy0r-iconColor: #000000; --0agy0r-borderColor: #FFFFFF; --0agy0r-shadowHorizontal: 0px; --0agy0r-shadowVertical: 0px; --0agy0r-shadowBlur: 0px; --0agy0r-shadowColor: #EEEEEE; --0agy0r-backgroundColor: #FFFFFF; --0agy0r-padding: 0px; --0agy0r-enableShadow: false; --0agy0r-borderStyle: none; --0agy0r-margin-top: 0px; --0agy0r-margin-right: 0px; --0agy0r-margin-bottom: 0px; --0agy0r-margin-left: 0px; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-qu8m8x"] { --beae-p-color: #7E817E; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-ijjyq6"] { --beae-p-color: #7E817E; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-c8zb2k"] { --beae-p-color: #7E817E; --c8zb2k-typography: p; --c8zb2k-margin-top: 0px; --c8zb2k-margin-right: 0px; --c8zb2k-margin-bottom: 0px; --c8zb2k-margin-left: 0px; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-8038p6"] { --8038p6-typography: h5; --beae-h5-font-size: 18px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-color: #282928; --beae-h5-font-weight: 500; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: none; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-7cxzx0"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --7cxzx0-typography: p; --7cxzx0-margin-top: 0px; --7cxzx0-margin-right: 4px; --7cxzx0-margin-bottom: 0px; --7cxzx0-margin-left: 0px; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-7cxzx0"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --7cxzx0-typography: p; --7cxzx0-typography-tablet: p; --7cxzx0-typography-mobile: p; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-c8zb2k"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --c8zb2k-typography: p; --c8zb2k-typography-tablet: p; --c8zb2k-typography-mobile: p; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-8038p6"] { --beae-h3-font-size: 30px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 24px; --beae-h3-color: #282928; --beae-h3-font-family: DM Sans; --beae-h3-font-weight: 500; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: none; --8038p6-typography: h3; --8038p6-typography-tablet: h3; --8038p6-typography-mobile: h3; } [data-bnode="beae-9qnk8p"] [data-bnode="beae-i4pguz"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --i4pguz-typography: p; --i4pguz-typography-tablet: p; --i4pguz-typography-mobile: p; } [data-bnode="beae-9qnk8p"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-structure: columns; --be-ctl-item-structure-tablet: columns; --be-ctl-item-structure-mobile: columns; --be-ctl-item-borderRadius-tl: 16px; --be-ctl-item-borderRadius-tl-tablet: 16px; --be-ctl-item-borderRadius-tl-mobile: 16px; --be-ctl-item-borderRadius-tr: 16px; --be-ctl-item-borderRadius-tr-tablet: 16px; --be-ctl-item-borderRadius-tr-mobile: 16px; --be-ctl-item-borderRadius-bl: 16px; --be-ctl-item-borderRadius-bl-tablet: 16px; --be-ctl-item-borderRadius-bl-mobile: 16px; --be-ctl-item-borderRadius-br: 16px; --be-ctl-item-borderRadius-br-tablet: 16px; --be-ctl-item-borderRadius-br-mobile: 16px; --be-ctl-item-borderStyle: solid; --be-ctl-item-borderStyle-tablet: solid; --be-ctl-item-borderStyle-mobile: solid; --be-ctl-item-borderWidth: 1px; --be-ctl-item-borderWidth-tablet: 1px; --be-ctl-item-borderWidth-mobile: 1px; --be-ctl-item-borderColor: #E5E6E5; --be-ctl-item-borderColor-tablet: #E5E6E5; --be-ctl-item-borderColor-mobile: #E5E6E5; --be-ctl-item-max-width: 100%; --be-ctl-item-max-width-tablet: 100%; --be-ctl-item-max-width-mobile: 100%; --be-ctl-item-gap: 0px; --be-ctl-item-gap-tablet: 0px; --be-ctl-item-gap-mobile: 0px; }[data-bnode="beae-9qnk8p"] { margin-top: var(--9qnk8p-margin-top, 0px); margin-right: var(--9qnk8p-margin-right, 0px); margin-bottom: var(--9qnk8p-margin-bottom, 0px); margin-left: var(--9qnk8p-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9qnk8p-margin-top-tablet, 0px); margin-right: var(--9qnk8p-margin-right-tablet, 0px); margin-bottom: var(--9qnk8p-margin-bottom-tablet, 0px); margin-left: var(--9qnk8p-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9qnk8p-margin-top-mobile, 0px); margin-right: var(--9qnk8p-margin-right-mobile, 0px); margin-bottom: var(--9qnk8p-margin-bottom-mobile, 0px); margin-left: var(--9qnk8p-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--9qnk8p-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--9qnk8p-gap, 20px) * (var(--9qnk8p-columns, 3) - 1)) / var(--9qnk8p-columns, 3)); &:last-child { margin-right: var(--9qnk8p-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--9qnk8p-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--9qnk8p-columns) - 1) * var(--9qnk8p-gap, 20px)) / var(--9qnk8p-columns)); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--9qnk8p-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--9qnk8p-gap-tablet, 20px) * (var(--9qnk8p-columns-tablet, 3) - 1)) / var(--9qnk8p-columns-tablet, 3)); &:last-child { margin-right: var(--9qnk8p-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--9qnk8p-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--9qnk8p-columns-tablet) - 1) * var(--9qnk8p-gap-tablet, 20px)) / var(--9qnk8p-columns-tablet)); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--9qnk8p-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--9qnk8p-gap-mobile, 20px) * (var(--9qnk8p-columnsMobile-mobile, 1) - 1)) / var(--9qnk8p-columnsMobile-mobile, 1)); &:last-child { margin-right: var(--9qnk8p-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--9qnk8p-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--9qnk8p-columnsMobile-mobile) - 1) * var(--9qnk8p-gap-mobile, 20px)) / var(--9qnk8p-columnsMobile-mobile)); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--9qnk8p-navPadding, 12px); background: var(--9qnk8p-navBg, #F5F5F5); color: var(--9qnk8p-navColor, #333333); cursor: pointer; &:hover { background: var(--9qnk8p-navBgHover, #CCCCCC); color: var(--9qnk8p-navColorHover, #333333); } svg { width: var(--9qnk8p-navIconSize, 20px); height: var(--9qnk8p-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--9qnk8p-pagiBg, #E6E6E6); &.active { background: var(--9qnk8p-pagiBgActive, #181818); } &:not(.active):hover { background: var(--9qnk8p-pagiBgHover, #CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"]+.beae-slider-controls .beae-slider-pagination { color: var(--9qnk8p-pagiColor, #e6e6e6); &.active { color: var(--9qnk8p-pagiColorActive, #181818); } &:not(.active):hover { color: var(--9qnk8p-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"]+.beae-slider-controls .beae-slider-pagination-total { color: var(--9qnk8p-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--9qnk8p-pagiBg, #E6E6E6); &.active { background: var(--9qnk8p-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--9qnk8p-pagiBgHover, #CCCCCC); } } .beae-slider-controls-wrp { margin-top: 20px; } .beae-slider-items { align-items: stretch; .beae-slider-item>.beae-slot { height: 100%; } } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } .beae-content-item { height: 100%; } } [data-bnode="beae-9qnk8p"] [data-bnode="beae-hm44gm"] { margin-top: var(--hm44gm-margin-top, 0px); margin-right: var(--hm44gm-margin-right, 0px); margin-bottom: var(--hm44gm-margin-bottom, 0px); margin-left: var(--hm44gm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hm44gm-margin-top-tablet, 0px); margin-right: var(--hm44gm-margin-right-tablet, 0px); margin-bottom: var(--hm44gm-margin-bottom-tablet, 0px); margin-left: var(--hm44gm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hm44gm-margin-top-mobile, 0px); margin-right: var(--hm44gm-margin-right-mobile, 0px); margin-bottom: var(--hm44gm-margin-bottom-mobile, 0px); margin-left: var(--hm44gm-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--hm44gm-width,100%) - var(--hm44gm-margin-left,0px) - var(--hm44gm-margin-right,0px)); min-height: min-content; border-style: var(--hm44gm-borderStyle,solid); border-color: var(--hm44gm-borderColor,#000000); border-width: var(--hm44gm-borderWidth-tl,0px) var(--hm44gm-borderWidth-tr,0px) var(--hm44gm-borderWidth-br,0px) var(--hm44gm-borderWidth-bl,0px); border-radius: var(--hm44gm-borderRadius-tl,0px) var(--hm44gm-borderRadius-tr,0px) var(--hm44gm-borderRadius-br,0px) var(--hm44gm-borderRadius-bl,0px); aspect-ratio: var(--hm44gm-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--hm44gm-borderWidth-tl-tablet, var(--hm44gm-borderWidth-tl,0px)) var(--hm44gm-borderWidth-tr-tablet, var(--hm44gm-borderWidth-tr,0px)) var(--hm44gm-borderWidth-br-tablet, var(--hm44gm-borderWidth-br,0px)) var(--hm44gm-borderWidth-bl-tablet, var(--hm44gm-borderWidth-bl,0px)); border-radius: var(--hm44gm-borderRadius-tl-tablet, var(--hm44gm-borderRadius-tl,0px)) var(--hm44gm-borderRadius-tr-tablet, var(--hm44gm-borderRadius-tr,0px)) var(--hm44gm-borderRadius-br-tablet, var(--hm44gm-borderRadius-br,0px)) var(--hm44gm-borderRadius-bl-tablet, var(--hm44gm-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--hm44gm-borderWidth-tl-mobile, var(--hm44gm-borderWidth-tl,0px)) var(--hm44gm-borderWidth-tr-mobile, var(--hm44gm-borderWidth-tr,0px)) var(--hm44gm-borderWidth-br-mobile, var(--hm44gm-borderWidth-br,0px)) var(--hm44gm-borderWidth-bl-mobile, var(--hm44gm-borderWidth-bl,0px)); border-radius: var(--hm44gm-borderRadius-tl-mobile, var(--hm44gm-borderRadius-tl,0px)) var(--hm44gm-borderRadius-tr-mobile, var(--hm44gm-borderRadius-tr,0px)) var(--hm44gm-borderRadius-br-mobile, var(--hm44gm-borderRadius-br,0px)) var(--hm44gm-borderRadius-bl-mobile, var(--hm44gm-borderRadius-bl,0px)); } box-shadow: if( style(--hm44gm-enableShadow: true): var(--hm44gm-shadowHorizontal, 0) var(--hm44gm-shadowVertical, 0) var(--hm44gm-shadowBlur, 0) 1px var(--hm44gm-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--hm44gm-overlayColor-color, #000); opacity: var(--hm44gm-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--hm44gm-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--hm44gm-width-tablet,var(--hm44gm-width,100%)) - var(--hm44gm-margin-left-tablet,var(--hm44gm-margin-left,0px)) - var(--hm44gm-margin-right-tablet,var(--hm44gm-margin-right,0px))); aspect-ratio: var(--hm44gm-imageRatio-tablet, var(--hm44gm-imageRatio, auto)); img { object-fit: var(--hm44gm-objFit-tablet, var(--hm44gm-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--hm44gm-width-mobile,var(--hm44gm-width,100%)) - var(--hm44gm-margin-left-mobile,var(--hm44gm-margin-left,0px)) - var(--hm44gm-margin-right-mobile,var(--hm44gm-margin-right,0px))); aspect-ratio: var(--hm44gm-imageRatio-mobile, var(--hm44gm-imageRatio, auto)); img { object-fit: var(--hm44gm-objFit-mobile, var(--hm44gm-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-9qnk8p"] [data-bnode="beae-4zt59s"] { padding-top: var(--4zt59s-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--4zt59s-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--4zt59s-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--4zt59s-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--4zt59s-padding-top-tablet, var(--4zt59s-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--4zt59s-padding-right-tablet, var(--4zt59s-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--4zt59s-padding-bottom-tablet, var(--4zt59s-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--4zt59s-padding-left-tablet, var(--4zt59s-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--4zt59s-padding-top-mobile, var(--4zt59s-padding-top-tablet, var(--4zt59s-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--4zt59s-padding-right-mobile, var(--4zt59s-padding-right-tablet, var(--4zt59s-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--4zt59s-padding-bottom-mobile, var(--4zt59s-padding-bottom-tablet, var(--4zt59s-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--4zt59s-padding-left-mobile, var(--4zt59s-padding-left-tablet, var(--4zt59s-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--4zt59s-padding-left, var(--beae-slot-padding-x, 0px)) - var(--4zt59s-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; border: 1px solid #7E817E; aspect-ratio: var(--4zt59s-background-imageRatio, auto); background: var(--4zt59s-background-color); border-style: var(--4zt59s-borderStyle, solid); border-color: var(--4zt59s-borderColor, #000000); border-width: var(--4zt59s-borderWidth-tl, 0px) var(--4zt59s-borderWidth-tr, 0px) var(--4zt59s-borderWidth-br, 0px) var(--4zt59s-borderWidth-bl, 0px); border-radius: var(--4zt59s-borderRadius-tl, 0px) var(--4zt59s-borderRadius-tr, 0px) var(--4zt59s-borderRadius-br, 0px) var(--4zt59s-borderRadius-bl, 0px); box-shadow: if(style(--4zt59s-enableShadow: true): var(--4zt59s-shadowHorizontal, 0) var(--4zt59s-shadowVertical, 0) var(--4zt59s-shadowBlur, 0) 1px var(--4zt59s-shadowColor, #000000); else: none); max-width: var(--4zt59s-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--4zt59s-background-imageRatio-tablet, var(--4zt59s-background-imageRatio, auto)); border-width: var(--4zt59s-borderWidth-tl-tablet, 0px) var(--4zt59s-borderWidth-tr-tablet, 0px) var(--4zt59s-borderWidth-br-tablet, 0px) var(--4zt59s-borderWidth-bl-tablet, 0px); border-radius: var(--4zt59s-borderRadius-tl-tablet, 0px) var(--4zt59s-borderRadius-tr-tablet, 0px) var(--4zt59s-borderRadius-br-tablet, 0px) var(--4zt59s-borderRadius-bl-tablet, 0px); max-width: var(--4zt59s-max-width-tablet, var(--4zt59s-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--4zt59s-background-imageRatio-mobile, var(--4zt59s-background-imageRatio, auto)); border-width: var(--4zt59s-borderWidth-tl-mobile, 0px) var(--4zt59s-borderWidth-tr-mobile, 0px) var(--4zt59s-borderWidth-br-mobile, 0px) var(--4zt59s-borderWidth-bl-mobile, 0px); border-radius: var(--4zt59s-borderRadius-tl-mobile, 0px) var(--4zt59s-borderRadius-tr-mobile, 0px) var(--4zt59s-borderRadius-br-mobile, 0px) var(--4zt59s-borderRadius-bl-mobile, 0px); max-width: var(--4zt59s-max-width-mobile, var(--4zt59s-max-width, 100%)); } >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-9qnk8p"] [data-bnode="beae-lmrvd6"] { padding-top: var(--lmrvd6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lmrvd6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lmrvd6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lmrvd6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lmrvd6-padding-top-tablet, var(--lmrvd6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lmrvd6-padding-right-tablet, var(--lmrvd6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lmrvd6-padding-bottom-tablet, var(--lmrvd6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lmrvd6-padding-left-tablet, var(--lmrvd6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lmrvd6-padding-top-mobile, var(--lmrvd6-padding-top-tablet, var(--lmrvd6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lmrvd6-padding-right-mobile, var(--lmrvd6-padding-right-tablet, var(--lmrvd6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lmrvd6-padding-bottom-mobile, var(--lmrvd6-padding-bottom-tablet, var(--lmrvd6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lmrvd6-padding-left-mobile, var(--lmrvd6-padding-left-tablet, var(--lmrvd6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lmrvd6-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lmrvd6-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lmrvd6-background-imageRatio, auto); background: var(--lmrvd6-background-color,transparent); border-style: var(--lmrvd6-borderStyle,solid); border-color: var(--lmrvd6-borderColor,#000000); border-width: var(--lmrvd6-borderWidth-tl,0px) var(--lmrvd6-borderWidth-tr,0px) var(--lmrvd6-borderWidth-br,0px) var(--lmrvd6-borderWidth-bl,0px); border-radius: var(--lmrvd6-borderRadius-tl,0px) var(--lmrvd6-borderRadius-tr,0px) var(--lmrvd6-borderRadius-br,0px) var(--lmrvd6-borderRadius-bl,0px); box-shadow: if(style(--lmrvd6-enableShadow: true): var(--lmrvd6-shadowHorizontal,0) var(--lmrvd6-shadowVertical,0) var(--lmrvd6-shadowBlur,0) 1px var(--lmrvd6-shadowColor,#000000); else: none); max-width: var(--lmrvd6-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lmrvd6-background-imageRatio-tablet, var(--lmrvd6-background-imageRatio, auto)); border-width: var(--lmrvd6-borderWidth-tl-tablet,0px) var(--lmrvd6-borderWidth-tr-tablet,0px) var(--lmrvd6-borderWidth-br-tablet,0px) var(--lmrvd6-borderWidth-bl-tablet,0px); border-radius: var(--lmrvd6-borderRadius-tl-tablet,0px) var(--lmrvd6-borderRadius-tr-tablet,0px) var(--lmrvd6-borderRadius-br-tablet,0px) var(--lmrvd6-borderRadius-bl-tablet,0px); max-width: var(--lmrvd6-max-width-tablet, var(--lmrvd6-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lmrvd6-background-imageRatio-mobile, var(--lmrvd6-background-imageRatio, auto)); border-width: var(--lmrvd6-borderWidth-tl-mobile,0px) var(--lmrvd6-borderWidth-tr-mobile,0px) var(--lmrvd6-borderWidth-br-mobile,0px) var(--lmrvd6-borderWidth-bl-mobile,0px); border-radius: var(--lmrvd6-borderRadius-tl-mobile,0px) var(--lmrvd6-borderRadius-tr-mobile,0px) var(--lmrvd6-borderRadius-br-mobile,0px) var(--lmrvd6-borderRadius-bl-mobile,0px); max-width: var(--lmrvd6-max-width-mobile, var(--lmrvd6-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lmrvd6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lmrvd6-gap,var(--beae-card-gap)); padding-top: var(--lmrvd6-padding-top,var(--beae-card-padding)); padding-right: var(--lmrvd6-padding-right,var(--beae-card-padding)); padding-bottom: var(--lmrvd6-padding-bottom,var(--beae-card-padding)); padding-left: var(--lmrvd6-padding-left,var(--beae-card-padding)); border-width: var(--lmrvd6-borderWidth,var(--beae-card-border-width)); border-width: var(--lmrvd6-borderWidth-tl,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-tr,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-br,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lmrvd6-borderRadius-tl,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-tr,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-br,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lmrvd6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lmrvd6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lmrvd6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lmrvd6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lmrvd6-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lmrvd6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lmrvd6-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lmrvd6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lmrvd6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lmrvd6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lmrvd6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lmrvd6-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lmrvd6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lmrvd6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lmrvd6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lmrvd6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lmrvd6-background-color,var(--beae-card-featured-background)); border-color: var(--lmrvd6-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lmrvd6-enableShadow: true): var(--lmrvd6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lmrvd6-shadowVertical, var(--beae-card-shadow-y)) var(--lmrvd6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lmrvd6-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lmrvd6-background-color,var(--beae-card-prod-background)); border-color: var(--lmrvd6-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lmrvd6-enableShadow: true): var(--lmrvd6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lmrvd6-shadowVertical, var(--beae-card-shadow-y)) var(--lmrvd6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lmrvd6-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lmrvd6-background-color,var(--beae-card-pricing-background)); border-color: var(--lmrvd6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lmrvd6-enableShadow: true): var(--lmrvd6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lmrvd6-shadowVertical, var(--beae-card-shadow-y)) var(--lmrvd6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lmrvd6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lmrvd6-background-color,var(--beae-card-cta-background)); border-color: var(--lmrvd6-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lmrvd6-enableShadow: true): var(--lmrvd6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lmrvd6-shadowVertical, var(--beae-card-shadow-y)) var(--lmrvd6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lmrvd6-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lmrvd6-background-color,var(--beae-card-media-background)); border-color: var(--lmrvd6-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lmrvd6-enableShadow: true): var(--lmrvd6-shadowHorizontal, var(--beae-card-shadow-x)) var(--lmrvd6-shadowVertical, var(--beae-card-shadow-y)) var(--lmrvd6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lmrvd6-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-9qnk8p"] [data-bnode="beae-7cxzx0"] { margin-top: var(--7cxzx0-margin-top, 0px); margin-right: var(--7cxzx0-margin-right, 0px); margin-bottom: var(--7cxzx0-margin-bottom, 0px); margin-left: var(--7cxzx0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7cxzx0-margin-top-tablet, 0px); margin-right: var(--7cxzx0-margin-right-tablet, 0px); margin-bottom: var(--7cxzx0-margin-bottom-tablet, 0px); margin-left: var(--7cxzx0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7cxzx0-margin-top-mobile, 0px); margin-right: var(--7cxzx0-margin-right-mobile, 0px); margin-bottom: var(--7cxzx0-margin-bottom-mobile, 0px); margin-left: var(--7cxzx0-margin-left-mobile, 0px); } } [data-bnode="beae-9qnk8p"] [data-bnode="beae-0agy0r"] { margin-top: var(--0agy0r-margin-top, 0px); margin-right: var(--0agy0r-margin-right, 0px); margin-bottom: var(--0agy0r-margin-bottom, 0px); margin-left: var(--0agy0r-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0agy0r-margin-top-tablet, 0px); margin-right: var(--0agy0r-margin-right-tablet, 0px); margin-bottom: var(--0agy0r-margin-bottom-tablet, 0px); margin-left: var(--0agy0r-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0agy0r-margin-top-mobile, 0px); margin-right: var(--0agy0r-margin-right-mobile, 0px); margin-bottom: var(--0agy0r-margin-bottom-mobile, 0px); margin-left: var(--0agy0r-margin-left-mobile, 0px); } & { display: block; padding: var(--0agy0r-padding, 4px); border-style: var(--0agy0r-borderStyle,solid); border-color: var(--0agy0r-borderColor,#000000); border-width: var(--0agy0r-borderWidth-tl,0px) var(--0agy0r-borderWidth-tr,0px) var(--0agy0r-borderWidth-br,0px) var(--0agy0r-borderWidth-bl,0px); border-radius: var(--0agy0r-borderRadius-tl,0px) var(--0agy0r-borderRadius-tr,0px) var(--0agy0r-borderRadius-br,0px) var(--0agy0r-borderRadius-bl,0px); box-shadow: if( style(--0agy0r-enableShadow: true): var(--0agy0r-shadowHorizontal, 0) var(--0agy0r-shadowVertical, 0) var(--0agy0r-shadowBlur, 0) 1px var(--0agy0r-shadowColor, #000000); else: none ); color: var(--0agy0r-iconColor,var(--beae-text-color)); background-color: var(--0agy0r-backgroundColor); overflow: hidden; width: var(--0agy0r-size, 28px); min-width: var(--0agy0r-size, 28px); height: fit-content; max-width: var(--0agy0r-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--0agy0r-borderWidth-tl-tablet,0px) var(--0agy0r-borderWidth-tr-tablet,0px) var(--0agy0r-borderWidth-br-tablet,0px) var(--0agy0r-borderWidth-bl-tablet,0px); border-radius: var(--0agy0r-borderRadius-tl-tablet,0px) var(--0agy0r-borderRadius-tr-tablet,0px) var(--0agy0r-borderRadius-br-tablet,0px) var(--0agy0r-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--0agy0r-borderWidth-tl-mobile,0px) var(--0agy0r-borderWidth-tr-mobile,0px) var(--0agy0r-borderWidth-br-mobile,0px) var(--0agy0r-borderWidth-bl-mobile,0px); border-radius: var(--0agy0r-borderRadius-tl-mobile,0px) var(--0agy0r-borderRadius-tr-mobile,0px) var(--0agy0r-borderRadius-br-mobile,0px) var(--0agy0r-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-9qnk8p"] [data-bnode="beae-c8zb2k"] { margin-top: var(--c8zb2k-margin-top, 0px); margin-right: var(--c8zb2k-margin-right, 0px); margin-bottom: var(--c8zb2k-margin-bottom, 0px); margin-left: var(--c8zb2k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--c8zb2k-margin-top-tablet, 0px); margin-right: var(--c8zb2k-margin-right-tablet, 0px); margin-bottom: var(--c8zb2k-margin-bottom-tablet, 0px); margin-left: var(--c8zb2k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--c8zb2k-margin-top-mobile, 0px); margin-right: var(--c8zb2k-margin-right-mobile, 0px); margin-bottom: var(--c8zb2k-margin-bottom-mobile, 0px); margin-left: var(--c8zb2k-margin-left-mobile, 0px); } &{font-style: italic;} } [data-bnode="beae-9qnk8p"] [data-bnode="beae-8038p6"] { margin-top: var(--8038p6-margin-top, 0px); margin-right: var(--8038p6-margin-right, 0px); margin-bottom: var(--8038p6-margin-bottom, 0px); margin-left: var(--8038p6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8038p6-margin-top-tablet, 0px); margin-right: var(--8038p6-margin-right-tablet, 0px); margin-bottom: var(--8038p6-margin-bottom-tablet, 0px); margin-left: var(--8038p6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8038p6-margin-top-mobile, 0px); margin-right: var(--8038p6-margin-right-mobile, 0px); margin-bottom: var(--8038p6-margin-bottom-mobile, 0px); margin-left: var(--8038p6-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--8038p6-highlightColor,var(--beae-p-color)); top: var(--8038p6-highlightTop, 100%); } } [data-bnode="beae-9qnk8p"] [data-bnode="beae-i4pguz"] { margin-top: var(--i4pguz-margin-top, 0px); margin-right: var(--i4pguz-margin-right, 0px); margin-bottom: var(--i4pguz-margin-bottom, 0px); margin-left: var(--i4pguz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i4pguz-margin-top-tablet, 0px); margin-right: var(--i4pguz-margin-right-tablet, 0px); margin-bottom: var(--i4pguz-margin-bottom-tablet, 0px); margin-left: var(--i4pguz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i4pguz-margin-top-mobile, 0px); margin-right: var(--i4pguz-margin-right-mobile, 0px); margin-bottom: var(--i4pguz-margin-bottom-mobile, 0px); margin-left: var(--i4pguz-margin-left-mobile, 0px); } } [data-bnode="beae-9qnk8p"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-9qnk8p"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9qnk8p"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9qnk8p"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4zt59s"] {     display: flex;     flex-direction: var(--4zt59s-direction, column);     flex-wrap: nowrap;     justify-content: var(--4zt59s-justify-content);     align-items: var(--4zt59s-align-items);     gap: var(--4zt59s-gap, var(--4zt59s-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-4zt59s"] {                            gap: var(--4zt59s-gap-tablet, var(--4zt59s-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--4zt59s-padding-right-tablet, 0px) - var(--4zt59s-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-4zt59s"] {                            gap: var(--4zt59s-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--4zt59s-padding-right-mobile, 0px) - var(--4zt59s-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-lmrvd6"] {     display: flex;     flex-direction: var(--lmrvd6-direction, column);     flex-wrap: nowrap;     justify-content: var(--lmrvd6-justify-content);     align-items: var(--lmrvd6-align-items);     gap: var(--lmrvd6-gap, var(--lmrvd6-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lmrvd6"] {                            gap: var(--lmrvd6-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--lmrvd6-padding-right-tablet, 0px) - var(--lmrvd6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-lmrvd6"] {                            gap: var(--lmrvd6-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--lmrvd6-padding-right-mobile, 0px) - var(--lmrvd6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-56kg8m"] { --56kg8m-width: 1400px; --56kg8m-width-tablet: 1400px; --56kg8m-width-mobile: 1400px; --56kg8m-height: fit-content; --56kg8m-height-tablet: fit-content; --56kg8m-height-mobile: fit-content; --56kg8m-padding-top: 0px; --56kg8m-padding-top-tablet: 40px; --56kg8m-padding-top-mobile: 40px; --56kg8m-padding-right: 30px; --56kg8m-padding-right-tablet: 30px; --56kg8m-padding-right-mobile: 16px; --56kg8m-padding-bottom: 112px; --56kg8m-padding-bottom-tablet: 40px; --56kg8m-padding-bottom-mobile: 40px; --56kg8m-padding-left: 30px; --56kg8m-padding-left-tablet: 30px; --56kg8m-padding-left-mobile: 16px; }[data-bnode="beae-56kg8m"] { padding-top: var(--56kg8m-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--56kg8m-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--56kg8m-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--56kg8m-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--56kg8m-padding-top-tablet, var(--56kg8m-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--56kg8m-padding-right-tablet, var(--56kg8m-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--56kg8m-padding-bottom-tablet, var(--56kg8m-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--56kg8m-padding-left-tablet, var(--56kg8m-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--56kg8m-padding-top-mobile, var(--56kg8m-padding-top-tablet, var(--56kg8m-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--56kg8m-padding-right-mobile, var(--56kg8m-padding-right-tablet, var(--56kg8m-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--56kg8m-padding-bottom-mobile, var(--56kg8m-padding-bottom-tablet, var(--56kg8m-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--56kg8m-padding-left-mobile, var(--56kg8m-padding-left-tablet, var(--56kg8m-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--56kg8m-padding-left, var(--beae-section-padding-x, 0px)) - var(--56kg8m-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; * { box-sizing: border-box; } &.beae-section { background: var(--56kg8m-background-color); max-width: 100%; overflow: visible; position: relative; .beae-section-container { height: var(--56kg8m-height); width: 100%; max-width: var(--56kg8m-width, 1280px); margin: 0 auto; >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } >.beae-video-background { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } & .beae-slot { height: 100%; top: 0; position: relative !important; overflow: visible !important; } @media (min-width: 768px) { & .beae-slot { position: sticky !important; } } & .beae-3d1z32t-media-main { height: fit-content; aspect-ratio: auto !important; } & .beae-3d1z32t-media-main .beae-slider-items .beae-slider-item { aspect-ratio: 1/1 !important; } @media (min-width: 768px) and (max-width: 1180px) { &.beae-section { background: var(--56kg8m-background-color-tablet, var(--56kg8m-background-color)); & .beae-section-container { height: var(--56kg8m-height-tablet, auto); width: 100%; max-width: var(--56kg8m-width-tablet, 100%); } } & .beae-3d1z32t-media-main { width: 100% !important; } & .beae-3d1z32t-media-main .beae-slider-items .beae-slider-item { aspect-ratio: 3/4 !important; } & .beae-3d1z32t-media-main .beae-slider-items { height: 100% !important; } } @media (max-width: 767px) { &.beae-section { background: var(--56kg8m-background-color-mobile, var(--56kg8m-background-color-tablet, var(--56kg8m-background-color))); & .beae-section-container { height: var(--56kg8m-height-mobile, auto); width: 100%; max-width: var(--56kg8m-width-mobile, 100%); } } & .beae-3d1z32t-media-main { width: 100% !important; } & .beae-3d1z32t-media-main .beae-slider-items .beae-slider-item { aspect-ratio: 1/1 !important; } } }[data-bnode="beae-56kg8m"] > .beae-section-container{     display: flex;     flex-direction: var(--56kg8m-direction, column);     flex-wrap: nowrap;     justify-content: var(--56kg8m-justify-content);     align-items: var(--56kg8m-align-items);     gap: var(--56kg8m-gap, var(--beae-grid-gap, 4px));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-56kg8m"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--56kg8m-padding-right-tablet, 0px) - var(--56kg8m-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-56kg8m"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--56kg8m-padding-right-mobile, 0px) - var(--56kg8m-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-wk4dxj"] { --wk4dxj-direction: row; --wk4dxj-direction-tablet: row; --wk4dxj-direction-mobile: column; --wk4dxj-structure: columns; --wk4dxj-structure-tablet: columns; --wk4dxj-structure-mobile: columns; --wk4dxj-gap: 64px; --wk4dxj-gap-tablet: 40px; --wk4dxj-gap-mobile: 40px; --wk4dxj-columns: 50.00,50.00; --wk4dxj-columns-tablet: 50.00,50.00; --wk4dxj-columns-mobile: 50.00,50.00; --wk4dxj-columnsPresetId: 50.00,50.00; --wk4dxj-columnsPresetId-tablet: 50.00,50.00; --wk4dxj-columnsPresetId-mobile: 50.00,50.00; --wk4dxj-max-width: 1400px; --wk4dxj-max-width-tablet: 1400px; --wk4dxj-max-width-mobile: 1400px; --wk4dxj-padding-top: 0px; --wk4dxj-padding-top-tablet: 0px; --wk4dxj-padding-top-mobile: 0px; --wk4dxj-padding-right: 0px; --wk4dxj-padding-right-tablet: 0px; --wk4dxj-padding-right-mobile: 0px; --wk4dxj-padding-bottom: 0px; --wk4dxj-padding-bottom-tablet: 0px; --wk4dxj-padding-bottom-mobile: 0px; --wk4dxj-padding-left: 0px; --wk4dxj-padding-left-tablet: 0px; --wk4dxj-padding-left-mobile: 0px; }[data-bnode="beae-wk4dxj"] { padding-top: var(--wk4dxj-padding-top, 0px); padding-right: var(--wk4dxj-padding-right, 0px); padding-bottom: var(--wk4dxj-padding-bottom, 0px); padding-left: var(--wk4dxj-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wk4dxj-padding-top-tablet, var(--wk4dxj-padding-top, 0px)); padding-right: var(--wk4dxj-padding-right-tablet, var(--wk4dxj-padding-right, 0px)); padding-bottom: var(--wk4dxj-padding-bottom-tablet, var(--wk4dxj-padding-bottom, 0px)); padding-left: var(--wk4dxj-padding-left-tablet, var(--wk4dxj-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--wk4dxj-padding-top-mobile, var(--wk4dxj-padding-top-tablet, var(--wk4dxj-padding-top, 0px))); padding-right: var(--wk4dxj-padding-right-mobile, var(--wk4dxj-padding-right-tablet, var(--wk4dxj-padding-right, 0px))); padding-bottom: var(--wk4dxj-padding-bottom-mobile, var(--wk4dxj-padding-bottom-tablet, var(--wk4dxj-padding-bottom, 0px))); padding-left: var(--wk4dxj-padding-left-mobile, var(--wk4dxj-padding-left-tablet, var(--wk4dxj-padding-left, 0px))); } width: calc( 100% - var(--wk4dxj-padding-left, 0px) - var(--wk4dxj-padding-right, 0px) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow:hidden; background: var(--wk4dxj-background-color); border-style: var(--wk4dxj-borderStyle,solid); border-color: var(--wk4dxj-borderColor,#000000); border-width: var(--wk4dxj-borderWidth-tl,0px) var(--wk4dxj-borderWidth-tr,0px) var(--wk4dxj-borderWidth-br,0px) var(--wk4dxj-borderWidth-bl,0px); border-radius: var(--wk4dxj-borderRadius-tl,0px) var(--wk4dxj-borderRadius-tr,0px) var(--wk4dxj-borderRadius-br,0px) var(--wk4dxj-borderRadius-bl,0px); box-shadow: if(style(--wk4dxj-enableShadow: true): var(--wk4dxj-shadowHorizontal,0) var(--wk4dxj-shadowVertical,0) var(--wk4dxj-shadowBlur,0) 1px var(--wk4dxj-shadowColor,#000000); else: none); max-width: var(--wk4dxj-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--wk4dxj-borderWidth-tl-tablet,0px) var(--wk4dxj-borderWidth-tr-tablet,0px) var(--wk4dxj-borderWidth-br-tablet,0px) var(--wk4dxj-borderWidth-bl-tablet,0px); border-radius: var(--wk4dxj-borderRadius-tl-tablet,0px) var(--wk4dxj-borderRadius-tr-tablet,0px) var(--wk4dxj-borderRadius-br-tablet,0px) var(--wk4dxj-borderRadius-bl-tablet,0px); max-width: var(--wk4dxj-max-width-tablet, var(--wk4dxj-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--wk4dxj-borderWidth-tl-mobile,0px) var(--wk4dxj-borderWidth-tr-mobile,0px) var(--wk4dxj-borderWidth-br-mobile,0px) var(--wk4dxj-borderWidth-bl-mobile,0px); border-radius: var(--wk4dxj-borderRadius-tl-mobile,0px) var(--wk4dxj-borderRadius-tr-mobile,0px) var(--wk4dxj-borderRadius-br-mobile,0px) var(--wk4dxj-borderRadius-bl-mobile,0px); max-width: var(--wk4dxj-max-width-mobile, var(--wk4dxj-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-wk4dxj"] {     display: flex;     flex-direction: var(--wk4dxj-direction, column);     flex-wrap: nowrap;     justify-content: var(--wk4dxj-justify-content);     align-items: var(--wk4dxj-align-items);     gap: var(--wk4dxj-gap, var(--wk4dxj-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--wk4dxj-padding-right, 0px) - var(--wk4dxj-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--wk4dxj-padding-right, 0px) - var(--wk4dxj-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--wk4dxj-padding-right, 0px) - var(--wk4dxj-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wk4dxj"] {                            gap: var(--wk4dxj-gap-tablet, var(--wk4dxj-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(50.00% - var(--wk4dxj-padding-right-tablet, 0px) - var(--wk4dxj-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--wk4dxj-padding-right-tablet, 0px) - var(--wk4dxj-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--wk4dxj-padding-right-tablet, 0px) - var(--wk4dxj-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-wk4dxj"] {      flex-direction: var(--wk4dxj-direction-mobile, column);                      gap: var(--wk4dxj-gap-mobile, var(--wk4dxj-gap-mobile, var(--beae-slot-gap-mobile)));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-jws0s6"] { --jws0s6-media: thumbs; --jws0s6-media-tablet: thumbs; --jws0s6-media-mobile: thumbs; --jws0s6-effect: fade; --jws0s6-effect-tablet: fade; --jws0s6-effect-mobile: fade; --jws0s6-imageRatioMain: 1/1; --jws0s6-imageRatioMain-tablet: 1/1; --jws0s6-imageRatioMain-mobile: 1/1; --jws0s6-positionThumb: bottom; --jws0s6-positionThumb-tablet: bottom; --jws0s6-positionThumb-mobile: bottom; --jws0s6-widthItemThumbs: 80px; --jws0s6-widthItemThumbs-tablet: 64px; --jws0s6-widthItemThumbs-mobile: 64px; --jws0s6-imageRatioThumbs: 1/1; --jws0s6-imageRatioThumbs-tablet: 1/1; --jws0s6-imageRatioThumbs-mobile: 1/1; --jws0s6-borderStyleThumbs: solid; --jws0s6-borderStyleThumbs-tablet: solid; --jws0s6-borderStyleThumbs-mobile: solid; --jws0s6-borderColorThumbs: #000000; --jws0s6-borderColorThumbs-tablet: #000000; --jws0s6-borderColorThumbs-mobile: #000000; --jws0s6-borderWidthThumbs: 1px; --jws0s6-borderWidthThumbs-tablet: 1px; --jws0s6-borderWidthThumbs-mobile: 1px; --jws0s6-gap: 16px; --jws0s6-gap-tablet: 16px; --jws0s6-gap-mobile: 16px; --jws0s6-borderRadiusThumbs: 12px; --jws0s6-borderRadiusThumbs-tablet: 12px; --jws0s6-borderRadiusThumbs-mobile: 12px; --jws0s6-borderRadiusMain: 12px; --jws0s6-borderRadiusMain-tablet: 12px; --jws0s6-borderRadiusMain-mobile: 12px; --jws0s6-borderStyleMain: solid; --jws0s6-borderStyleMain-tablet: solid; --jws0s6-borderStyleMain-mobile: solid; --jws0s6-borderWidthMain: 0; --jws0s6-borderWidthMain-tablet: 0; --jws0s6-borderWidthMain-mobile: 0; }[data-bnode="beae-jws0s6"] { margin-top: var(--jws0s6-margin-top, 0px); margin-right: var(--jws0s6-margin-right, 0px); margin-bottom: var(--jws0s6-margin-bottom, 0px); margin-left: var(--jws0s6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jws0s6-margin-top-tablet, 0px); margin-right: var(--jws0s6-margin-right-tablet, 0px); margin-bottom: var(--jws0s6-margin-bottom-tablet, 0px); margin-left: var(--jws0s6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jws0s6-margin-top-mobile, 0px); margin-right: var(--jws0s6-margin-right-mobile, 0px); margin-bottom: var(--jws0s6-margin-bottom-mobile, 0px); margin-left: var(--jws0s6-margin-left-mobile, 0px); } & { position: sticky; top: 0; .beae-media-product { display: flex; gap: var(--jws0s6-gap, 16px); width: 100%; .beae-main-slider-wrap { overflow: hidden; } } .beae-media-product { display: flex; align-items: start; gap: var(--jws0s6-gap, 16px); width: 100%; .beae-main-slider-wrap { width: 100%; height: fit-content; } } .beae-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--jws0s6-borderRadiusMain); box-shadow: if(style(--jws0s6-enableShadowMain: true): var(--jws0s6-shadowHorizontalMain, 0) var(--jws0s6-shadowVerticalMain, 0) var(--jws0s6-shadowBlurMain, 0) 1px var(--jws0s6-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--jws0s6-borderWidthMain) var(--jws0s6-borderStyleMain) var(--jws0s6-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--jws0s6-borderRadiusMain); box-shadow: if(style(--jws0s6-enableShadowMain: true): var(--jws0s6-shadowHorizontalMain, 0) var(--jws0s6-shadowVerticalMain, 0) var(--jws0s6-shadowBlurMain, 0) 1px var(--jws0s6-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--jws0s6-borderWidthMain) var(--jws0s6-borderStyleMain) var(--jws0s6-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--jws0s6-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--jws0s6-objFit, cover); object-position: var(--beae-image-position, 0% 50%); vertical-align: middle; } } .beae-product-thumb-slide { .beae-slider-items { gap: 16px; } .beae-slider-item { flex: 1 0 var(--jws0s6-widthItemThumbs, 100px) !important; max-width: var(--jws0s6-widthItemThumbs, 100px); } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if(style(--jws0s6-enableShadowThumbs: true): var(--jws0s6-shadowHorizontalThumbs, 0) var(--jws0s6-shadowVerticalThumbs, 0) var(--jws0s6-shadowBlurThumbs, 0) 1px var(--jws0s6-shadowColorThumbs, #000000); else: none); } .beae-slider-item.is-active .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--jws0s6-borderWidthThumbs) var(--jws0s6-borderStyleThumbs) var(--jws0s6-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--jws0s6-imageRatioThumbs); border-radius: var(--jws0s6-borderRadiusThumbs); overflow: hidden; .beae-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } } @media (min-width: 1181px) { & { .beae-media-product { &[data-position-thumbs='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: fit-content; width: 100%; overflow: hidden; } } &:not([data-position-thumbs='bottom']) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs='left'] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .beae-media-product { gap: var(--jws0s6-gap-tablet, 16px); &[data-position-thumbs-tablet='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: fit-content; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet='bottom']) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs-tablet='left'] { flex-direction: row-reverse; } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--jws0s6-widthItemThumbs-tablet, 80px) !important; max-width: var(--jws0s6-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--jws0s6-imageRatioMain-tablet); border-radius: var(--jws0s6-borderRadiusMedia-tablet); .beae-product-image { object-fit: var(--jws0s6-objFit-tablet, var(--jws0s6-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--jws0s6-imageRatioThumbs-tablet); border-radius: var(--jws0s6-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .beae-media-product { gap: var(--jws0s6-gap-mobile, 16px); &[data-position-thumbs-mobile='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: fit-content; width: 100%; overflow: hidden; } } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--jws0s6-widthItemThumbs-mobile, 64px) !important; max-width: var(--jws0s6-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--jws0s6-imageRatioMain-mobile); border-radius: var(--jws0s6-borderRadiusMedia-mobile); .beae-product-image { object-fit: var(--jws0s6-objFit-mobile, var(--jws0s6-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--jws0s6-imageRatioThumbs-mobile); border-radius: var(--jws0s6-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--jws0s6-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--jws0s6-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--jws0s6-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--jws0s6-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--jws0s6-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--jws0s6-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--jws0s6-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--jws0s6-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--jws0s6-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--jws0s6-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--jws0s6-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--jws0s6-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--jws0s6-navPadding, 12px); background: var(--jws0s6-navBg, #F5F5F5); color: var(--jws0s6-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--jws0s6-navBgHover, #CCCCCC); color: var(--jws0s6-navColorHover, #333333); } svg { width: var(--jws0s6-navIconSize, 20px); height: var(--jws0s6-navIconSize, 20px); } } } }[data-bnode="beae-rwckhs"] { --rwckhs-direction: column; --rwckhs-direction-tablet: column; --rwckhs-direction-mobile: column; --rwckhs-align-items: stretch; --rwckhs-align-items-tablet: stretch; --rwckhs-align-items-mobile: stretch; --rwckhs-gap: 14px; --rwckhs-gap-tablet: 14px; --rwckhs-gap-mobile: 14px; }[data-bnode="beae-rwckhs"] { padding-top: var(--rwckhs-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rwckhs-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rwckhs-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rwckhs-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rwckhs-padding-top-tablet, var(--rwckhs-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rwckhs-padding-right-tablet, var(--rwckhs-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rwckhs-padding-bottom-tablet, var(--rwckhs-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rwckhs-padding-left-tablet, var(--rwckhs-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rwckhs-padding-top-mobile, var(--rwckhs-padding-top-tablet, var(--rwckhs-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rwckhs-padding-right-mobile, var(--rwckhs-padding-right-tablet, var(--rwckhs-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rwckhs-padding-bottom-mobile, var(--rwckhs-padding-bottom-tablet, var(--rwckhs-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rwckhs-padding-left-mobile, var(--rwckhs-padding-left-tablet, var(--rwckhs-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--rwckhs-padding-left, var(--beae-slot-padding-x, 0px)) - var(--rwckhs-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--rwckhs-background-imageRatio, auto); background: var(--rwckhs-background-color,transparent); border-style: var(--rwckhs-borderStyle,solid); border-color: var(--rwckhs-borderColor,#000000); border-width: var(--rwckhs-borderWidth-tl,0px) var(--rwckhs-borderWidth-tr,0px) var(--rwckhs-borderWidth-br,0px) var(--rwckhs-borderWidth-bl,0px); border-radius: var(--rwckhs-borderRadius-tl,0px) var(--rwckhs-borderRadius-tr,0px) var(--rwckhs-borderRadius-br,0px) var(--rwckhs-borderRadius-bl,0px); box-shadow: if(style(--rwckhs-enableShadow: true): var(--rwckhs-shadowHorizontal,0) var(--rwckhs-shadowVertical,0) var(--rwckhs-shadowBlur,0) 1px var(--rwckhs-shadowColor,#000000); else: none); max-width: var(--rwckhs-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--rwckhs-background-imageRatio-tablet, var(--rwckhs-background-imageRatio, auto)); border-width: var(--rwckhs-borderWidth-tl-tablet,0px) var(--rwckhs-borderWidth-tr-tablet,0px) var(--rwckhs-borderWidth-br-tablet,0px) var(--rwckhs-borderWidth-bl-tablet,0px); border-radius: var(--rwckhs-borderRadius-tl-tablet,0px) var(--rwckhs-borderRadius-tr-tablet,0px) var(--rwckhs-borderRadius-br-tablet,0px) var(--rwckhs-borderRadius-bl-tablet,0px); max-width: var(--rwckhs-max-width-tablet, var(--rwckhs-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--rwckhs-background-imageRatio-mobile, var(--rwckhs-background-imageRatio, auto)); border-width: var(--rwckhs-borderWidth-tl-mobile,0px) var(--rwckhs-borderWidth-tr-mobile,0px) var(--rwckhs-borderWidth-br-mobile,0px) var(--rwckhs-borderWidth-bl-mobile,0px); border-radius: var(--rwckhs-borderRadius-tl-mobile,0px) var(--rwckhs-borderRadius-tr-mobile,0px) var(--rwckhs-borderRadius-br-mobile,0px) var(--rwckhs-borderRadius-bl-mobile,0px); max-width: var(--rwckhs-max-width-mobile, var(--rwckhs-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rwckhs-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--rwckhs-gap,var(--beae-card-gap)); padding-top: var(--rwckhs-padding-top,var(--beae-card-padding)); padding-right: var(--rwckhs-padding-right,var(--beae-card-padding)); padding-bottom: var(--rwckhs-padding-bottom,var(--beae-card-padding)); padding-left: var(--rwckhs-padding-left,var(--beae-card-padding)); border-width: var(--rwckhs-borderWidth,var(--beae-card-border-width)); border-width: var(--rwckhs-borderWidth-tl,var(--beae-card-border-width)) var(--rwckhs-borderWidth-tr,var(--beae-card-border-width)) var(--rwckhs-borderWidth-br,var(--beae-card-border-width)) var(--rwckhs-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rwckhs-borderRadius-tl,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-tr,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-br,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--rwckhs-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rwckhs-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rwckhs-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rwckhs-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rwckhs-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--rwckhs-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rwckhs-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rwckhs-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rwckhs-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rwckhs-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--rwckhs-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rwckhs-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rwckhs-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rwckhs-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rwckhs-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--rwckhs-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rwckhs-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rwckhs-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rwckhs-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rwckhs-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rwckhs-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rwckhs-background-color,var(--beae-card-featured-background)); border-color: var(--rwckhs-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--rwckhs-enableShadow: true): var(--rwckhs-shadowHorizontal, var(--beae-card-shadow-x)) var(--rwckhs-shadowVertical, var(--beae-card-shadow-y)) var(--rwckhs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rwckhs-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--rwckhs-background-color,var(--beae-card-prod-background)); border-color: var(--rwckhs-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--rwckhs-enableShadow: true): var(--rwckhs-shadowHorizontal, var(--beae-card-shadow-x)) var(--rwckhs-shadowVertical, var(--beae-card-shadow-y)) var(--rwckhs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rwckhs-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--rwckhs-background-color,var(--beae-card-pricing-background)); border-color: var(--rwckhs-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--rwckhs-enableShadow: true): var(--rwckhs-shadowHorizontal, var(--beae-card-shadow-x)) var(--rwckhs-shadowVertical, var(--beae-card-shadow-y)) var(--rwckhs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rwckhs-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--rwckhs-background-color,var(--beae-card-cta-background)); border-color: var(--rwckhs-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--rwckhs-enableShadow: true): var(--rwckhs-shadowHorizontal, var(--beae-card-shadow-x)) var(--rwckhs-shadowVertical, var(--beae-card-shadow-y)) var(--rwckhs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rwckhs-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--rwckhs-background-color,var(--beae-card-media-background)); border-color: var(--rwckhs-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--rwckhs-enableShadow: true): var(--rwckhs-shadowHorizontal, var(--beae-card-shadow-x)) var(--rwckhs-shadowVertical, var(--beae-card-shadow-y)) var(--rwckhs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rwckhs-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-rwckhs"] {     display: flex;     flex-direction: var(--rwckhs-direction, column);     flex-wrap: nowrap;     justify-content: var(--rwckhs-justify-content);     align-items: var(--rwckhs-align-items);     gap: var(--rwckhs-gap, var(--rwckhs-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rwckhs"] {                            gap: var(--rwckhs-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(11.11% - var(--rwckhs-padding-right-tablet, 0px) - var(--rwckhs-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rwckhs"] {                            gap: var(--rwckhs-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(11.11% - var(--rwckhs-padding-right-mobile, 0px) - var(--rwckhs-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7dabaq"] { --7dabaq-maxWidth: auto; --7dabaq-maxWidth-tablet: auto; --7dabaq-maxWidth-mobile: auto; --7dabaq-typography: h2; --7dabaq-typography-tablet: h2; --7dabaq-typography-mobile: h2; --7dabaq-margin-top: 0px; --7dabaq-margin-top-tablet: 0px; --7dabaq-margin-top-mobile: 0px; --7dabaq-margin-right: 0px; --7dabaq-margin-right-tablet: 0px; --7dabaq-margin-right-mobile: 0px; --7dabaq-margin-bottom: 0px; --7dabaq-margin-bottom-tablet: 0px; --7dabaq-margin-bottom-mobile: 0px; --7dabaq-margin-left: 0px; --7dabaq-margin-left-tablet: 0px; --7dabaq-margin-left-mobile: 0px; --beae-h2-font-weight: 500; --beae-h2-line-height: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-font-size: 36px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #282928; --beae-h2-line-height-tablet: 1.3; --beae-h2-line-height-mobile: 1.3; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: none; }[data-bnode="beae-7dabaq"] { margin-top: var(--7dabaq-margin-top, 0px); margin-right: var(--7dabaq-margin-right, 0px); margin-bottom: var(--7dabaq-margin-bottom, 0px); margin-left: var(--7dabaq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7dabaq-margin-top-tablet, 0px); margin-right: var(--7dabaq-margin-right-tablet, 0px); margin-bottom: var(--7dabaq-margin-bottom-tablet, 0px); margin-left: var(--7dabaq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7dabaq-margin-top-mobile, 0px); margin-right: var(--7dabaq-margin-right-mobile, 0px); margin-bottom: var(--7dabaq-margin-bottom-mobile, 0px); margin-left: var(--7dabaq-margin-left-mobile, 0px); } &.beae-product-title { max-width: var(--7dabaq-maxWidth); width: if(style(--7dabaq-maxWidth: auto): fit-content; else: 100%); } }[data-bnode="beae-as7tx9"] { margin-top: var(--as7tx9-margin-top, 0px); margin-right: var(--as7tx9-margin-right, 0px); margin-bottom: var(--as7tx9-margin-bottom, 0px); margin-left: var(--as7tx9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--as7tx9-margin-top-tablet, 0px); margin-right: var(--as7tx9-margin-right-tablet, 0px); margin-bottom: var(--as7tx9-margin-bottom-tablet, 0px); margin-left: var(--as7tx9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--as7tx9-margin-top-mobile, 0px); margin-right: var(--as7tx9-margin-right-mobile, 0px); margin-bottom: var(--as7tx9-margin-bottom-mobile, 0px); margin-left: var(--as7tx9-margin-left-mobile, 0px); } }[data-bnode="beae-jlbj9b"] { --jlbj9b-typography: h5; --jlbj9b-typography-tablet: h5; --jlbj9b-typography-mobile: h5; --jlbj9b-decoration: line-through; --jlbj9b-decoration-tablet: line-through; --jlbj9b-decoration-mobile: line-through; --jlbj9b-comparePriceColor: #888888; --jlbj9b-comparePriceColor-tablet: #888888; --jlbj9b-comparePriceColor-mobile: #888888; --jlbj9b-scale: 0.95; --jlbj9b-scale-tablet: 0.95; --jlbj9b-scale-mobile: 0.95; --jlbj9b-margin-top: 0px; --jlbj9b-margin-top-tablet: 0px; --jlbj9b-margin-top-mobile: 0px; --jlbj9b-margin-right: 0px; --jlbj9b-margin-right-tablet: 0px; --jlbj9b-margin-right-mobile: 0px; --jlbj9b-margin-bottom: 0px; --jlbj9b-margin-bottom-tablet: 0px; --jlbj9b-margin-bottom-mobile: 0px; --jlbj9b-margin-left: 0px; --jlbj9b-margin-left-tablet: 0px; --jlbj9b-margin-left-mobile: 0px; --beae-h5-font-size: 20px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-color: #282928; --beae-h5-font-weight: 500; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: none; }[data-bnode="beae-jlbj9b"] { margin-top: var(--jlbj9b-margin-top, 0px); margin-right: var(--jlbj9b-margin-right, 0px); margin-bottom: var(--jlbj9b-margin-bottom, 0px); margin-left: var(--jlbj9b-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jlbj9b-margin-top-tablet, 0px); margin-right: var(--jlbj9b-margin-right-tablet, 0px); margin-bottom: var(--jlbj9b-margin-bottom-tablet, 0px); margin-left: var(--jlbj9b-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jlbj9b-margin-top-mobile, 0px); margin-right: var(--jlbj9b-margin-right-mobile, 0px); margin-bottom: var(--jlbj9b-margin-bottom-mobile, 0px); margin-left: var(--jlbj9b-margin-left-mobile, 0px); } & { .beae-product-price-compare{ display: none; color: var(--jlbj9b-comparePriceColor); text-decoration: var(--jlbj9b-decoration,none); font-size: calc(var(--jlbj9b-scale,1) * 1em); margin-left:7px; } &.beae-product-price-box.beae-on-sale { .beae-product-price{ color: var(--beae-other-sale-price-color); } .beae-product-price-compare { display: inline-block; } } } }[data-bnode="beae-cbac1l"] { --cbac1l-maxWidth: unset; --cbac1l-maxWidth-tablet: unset; --cbac1l-maxWidth-mobile: unset; --cbac1l-typography: p; --cbac1l-typography-tablet: p; --cbac1l-typography-mobile: p; --cbac1l-margin-top: 0px; --cbac1l-margin-top-tablet: 0px; --cbac1l-margin-top-mobile: 0px; --cbac1l-margin-right: 0px; --cbac1l-margin-right-tablet: 0px; --cbac1l-margin-right-mobile: 0px; --cbac1l-margin-bottom: 0px; --cbac1l-margin-bottom-tablet: 0px; --cbac1l-margin-bottom-mobile: 0px; --cbac1l-margin-left: 0px; --cbac1l-margin-left-tablet: 0px; --cbac1l-margin-left-mobile: 0px; --beae-h2-font-weight: 600; --beae-h2-line-height: 1.2; --beae-h2-letter-spacing: 0px; --beae-p-color: #454645; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-letter-spacing: 0px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-cbac1l"] { margin-top: var(--cbac1l-margin-top, 0px); margin-right: var(--cbac1l-margin-right, 0px); margin-bottom: var(--cbac1l-margin-bottom, 0px); margin-left: var(--cbac1l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cbac1l-margin-top-tablet, 0px); margin-right: var(--cbac1l-margin-right-tablet, 0px); margin-bottom: var(--cbac1l-margin-bottom-tablet, 0px); margin-left: var(--cbac1l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cbac1l-margin-top-mobile, 0px); margin-right: var(--cbac1l-margin-right-mobile, 0px); margin-bottom: var(--cbac1l-margin-bottom-mobile, 0px); margin-left: var(--cbac1l-margin-left-mobile, 0px); } & { max-width: var(--cbac1l-maxWidth); width: if(style(--cbac1l-maxWidth: auto): fit-content; else: 100%); .beae-description { p:only-child { margin: 0; } } } }[data-bnode="beae-uxp1j1"] { --uxp1j1-direction: row; --uxp1j1-direction-tablet: row; --uxp1j1-direction-mobile: row; --uxp1j1-structure: auto; --uxp1j1-structure-tablet: auto; --uxp1j1-structure-mobile: auto; --uxp1j1-max-width: 100%; --uxp1j1-max-width-tablet: 100%; --uxp1j1-max-width-mobile: 100%; --uxp1j1-align-items: center; --uxp1j1-align-items-tablet: center; --uxp1j1-align-items-mobile: center; --uxp1j1-gap: 4px; --uxp1j1-gap-tablet: 4px; --uxp1j1-gap-mobile: 4px; --uxp1j1-padding-top: 0px; --uxp1j1-padding-top-tablet: 0px; --uxp1j1-padding-top-mobile: 0px; --uxp1j1-padding-right: 0px; --uxp1j1-padding-right-tablet: 0px; --uxp1j1-padding-right-mobile: 0px; --uxp1j1-padding-bottom: 0px; --uxp1j1-padding-bottom-tablet: 0px; --uxp1j1-padding-bottom-mobile: 0px; --uxp1j1-padding-left: 0px; --uxp1j1-padding-left-tablet: 0px; --uxp1j1-padding-left-mobile: 0px; --uxp1j1-background-type: color; --uxp1j1-background-type-tablet: color; --uxp1j1-background-type-mobile: color; --uxp1j1-background-color: #ffffff00; --uxp1j1-background-color-tablet: #ffffff00; --uxp1j1-background-color-mobile: #ffffff00; --uxp1j1-borderStyle: solid; --uxp1j1-borderStyle-tablet: solid; --uxp1j1-borderStyle-mobile: solid; --uxp1j1-borderWidth-tl: 0px; --uxp1j1-borderWidth-tl-tablet: 0px; --uxp1j1-borderWidth-tl-mobile: 0px; --uxp1j1-borderWidth-tr: 0px; --uxp1j1-borderWidth-tr-tablet: 0px; --uxp1j1-borderWidth-tr-mobile: 0px; --uxp1j1-borderWidth-bl: 0px; --uxp1j1-borderWidth-bl-tablet: 0px; --uxp1j1-borderWidth-bl-mobile: 0px; --uxp1j1-borderWidth-br: 0px; --uxp1j1-borderWidth-br-tablet: 0px; --uxp1j1-borderWidth-br-mobile: 0px; }[data-bnode="beae-uxp1j1"] { padding-top: var(--uxp1j1-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--uxp1j1-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--uxp1j1-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--uxp1j1-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uxp1j1-padding-top-tablet, var(--uxp1j1-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--uxp1j1-padding-right-tablet, var(--uxp1j1-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--uxp1j1-padding-bottom-tablet, var(--uxp1j1-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--uxp1j1-padding-left-tablet, var(--uxp1j1-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uxp1j1-padding-top-mobile, var(--uxp1j1-padding-top-tablet, var(--uxp1j1-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--uxp1j1-padding-right-mobile, var(--uxp1j1-padding-right-tablet, var(--uxp1j1-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--uxp1j1-padding-bottom-mobile, var(--uxp1j1-padding-bottom-tablet, var(--uxp1j1-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--uxp1j1-padding-left-mobile, var(--uxp1j1-padding-left-tablet, var(--uxp1j1-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--uxp1j1-padding-left, var(--beae-slot-padding-x, 0px)) - var(--uxp1j1-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot-inventory { position: relative; aspect-ratio: var(--uxp1j1-background-imageRatio, auto); background: var(--uxp1j1-background-color); border-style: var(--uxp1j1-borderStyle, solid); border-color: var(--uxp1j1-borderColor, #000000); border-width: var(--uxp1j1-borderWidth-tl, 0px) var(--uxp1j1-borderWidth-tr, 0px) var(--uxp1j1-borderWidth-br, 0px) var(--uxp1j1-borderWidth-bl, 0px); border-radius: var(--uxp1j1-borderRadius-tl, 0px) var(--uxp1j1-borderRadius-tr, 0px) var(--uxp1j1-borderRadius-br, 0px) var(--uxp1j1-borderRadius-bl, 0px); box-shadow: if(style(--uxp1j1-enableShadow: true): var(--uxp1j1-shadowHorizontal, 0) var(--uxp1j1-shadowVertical, 0) var(--uxp1j1-shadowBlur, 0) 1px var(--uxp1j1-shadowColor, #000000); else: none); max-width: var(--uxp1j1-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--uxp1j1-background-imageRatio-tablet, var(--uxp1j1-background-imageRatio, auto)); border-width: var(--uxp1j1-borderWidth-tl-tablet, 0px) var(--uxp1j1-borderWidth-tr-tablet, 0px) var(--uxp1j1-borderWidth-br-tablet, 0px) var(--uxp1j1-borderWidth-bl-tablet, 0px); border-radius: var(--uxp1j1-borderRadius-tl-tablet, 0px) var(--uxp1j1-borderRadius-tr-tablet, 0px) var(--uxp1j1-borderRadius-br-tablet, 0px) var(--uxp1j1-borderRadius-bl-tablet, 0px); max-width: var(--uxp1j1-max-width-tablet, var(--uxp1j1-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--uxp1j1-background-imageRatio-mobile, var(--uxp1j1-background-imageRatio, auto)); border-width: var(--uxp1j1-borderWidth-tl-mobile, 0px) var(--uxp1j1-borderWidth-tr-mobile, 0px) var(--uxp1j1-borderWidth-br-mobile, 0px) var(--uxp1j1-borderWidth-bl-mobile, 0px); border-radius: var(--uxp1j1-borderRadius-tl-mobile, 0px) var(--uxp1j1-borderRadius-tr-mobile, 0px) var(--uxp1j1-borderRadius-br-mobile, 0px) var(--uxp1j1-borderRadius-bl-mobile, 0px); max-width: var(--uxp1j1-max-width-mobile, var(--uxp1j1-max-width, 100%)); } >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-uxp1j1"] {     display: flex;     flex-direction: var(--uxp1j1-direction, column);     flex-wrap: nowrap;     justify-content: var(--uxp1j1-justify-content);     align-items: var(--uxp1j1-align-items);     gap: var(--uxp1j1-gap, var(--uxp1j1-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uxp1j1"] {                            gap: var(--uxp1j1-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uxp1j1-padding-right-tablet, 0px) - var(--uxp1j1-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-uxp1j1"] {                            gap: var(--uxp1j1-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uxp1j1-padding-right-mobile, 0px) - var(--uxp1j1-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-nl7moy"] { --nl7moy-size: 18px; --nl7moy-size-tablet: 18px; --nl7moy-size-mobile: 18px; --nl7moy-iconColor: #A94600; --nl7moy-iconColor-tablet: #A94600; --nl7moy-iconColor-mobile: #A94600; --nl7moy-backgroundColor: #FFFFFF00; --nl7moy-backgroundColor-tablet: #FFFFFF00; --nl7moy-backgroundColor-mobile: #FFFFFF00; --nl7moy-padding: 0px; --nl7moy-padding-tablet: 0px; --nl7moy-padding-mobile: 0px; --nl7moy-enableShadow: false; --nl7moy-enableShadow-tablet: false; --nl7moy-enableShadow-mobile: false; }[data-bnode="beae-nl7moy"] { margin-top: var(--nl7moy-margin-top, 0px); margin-right: var(--nl7moy-margin-right, 0px); margin-bottom: var(--nl7moy-margin-bottom, 0px); margin-left: var(--nl7moy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nl7moy-margin-top-tablet, 0px); margin-right: var(--nl7moy-margin-right-tablet, 0px); margin-bottom: var(--nl7moy-margin-bottom-tablet, 0px); margin-left: var(--nl7moy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nl7moy-margin-top-mobile, 0px); margin-right: var(--nl7moy-margin-right-mobile, 0px); margin-bottom: var(--nl7moy-margin-bottom-mobile, 0px); margin-left: var(--nl7moy-margin-left-mobile, 0px); } & { display: block; padding: var(--nl7moy-padding, 4px); border-style: var(--nl7moy-borderStyle,solid); border-color: var(--nl7moy-borderColor,#000000); border-width: var(--nl7moy-borderWidth-tl,0px) var(--nl7moy-borderWidth-tr,0px) var(--nl7moy-borderWidth-br,0px) var(--nl7moy-borderWidth-bl,0px); border-radius: var(--nl7moy-borderRadius-tl,0px) var(--nl7moy-borderRadius-tr,0px) var(--nl7moy-borderRadius-br,0px) var(--nl7moy-borderRadius-bl,0px); box-shadow: if( style(--nl7moy-enableShadow: true): var(--nl7moy-shadowHorizontal, 0) var(--nl7moy-shadowVertical, 0) var(--nl7moy-shadowBlur, 0) 1px var(--nl7moy-shadowColor, #000000); else: none ); color: var(--nl7moy-iconColor,var(--beae-text-color)); background-color: var(--nl7moy-backgroundColor); overflow: hidden; width: var(--nl7moy-size, 28px); min-width: var(--nl7moy-size, 28px); height: fit-content; max-width: var(--nl7moy-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--nl7moy-borderWidth-tl-tablet,0px) var(--nl7moy-borderWidth-tr-tablet,0px) var(--nl7moy-borderWidth-br-tablet,0px) var(--nl7moy-borderWidth-bl-tablet,0px); border-radius: var(--nl7moy-borderRadius-tl-tablet,0px) var(--nl7moy-borderRadius-tr-tablet,0px) var(--nl7moy-borderRadius-br-tablet,0px) var(--nl7moy-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--nl7moy-borderWidth-tl-mobile,0px) var(--nl7moy-borderWidth-tr-mobile,0px) var(--nl7moy-borderWidth-br-mobile,0px) var(--nl7moy-borderWidth-bl-mobile,0px); border-radius: var(--nl7moy-borderRadius-tl-mobile,0px) var(--nl7moy-borderRadius-tr-mobile,0px) var(--nl7moy-borderRadius-br-mobile,0px) var(--nl7moy-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } }[data-bnode="beae-53rw48"] { --53rw48-typography: p; --53rw48-typography-tablet: p; --53rw48-typography-mobile: p; --53rw48-veryLowColor: #c13c18; --53rw48-veryLowColor-tablet: #c13c18; --53rw48-veryLowColor-mobile: #c13c18; --53rw48-lowColor: #f1c40f; --53rw48-lowColor-tablet: #f1c40f; --53rw48-lowColor-mobile: #f1c40f; --53rw48-progressHeight: 4px; --53rw48-progressHeight-tablet: 4px; --53rw48-progressHeight-mobile: 4px; --53rw48-margin-top: 8px; --53rw48-margin-top-tablet: 8px; --53rw48-margin-top-mobile: 8px; --53rw48-margin-right: 1px; --53rw48-margin-right-tablet: 1px; --53rw48-margin-right-mobile: 1px; --53rw48-margin-bottom: 0px; --53rw48-margin-bottom-tablet: 0px; --53rw48-margin-bottom-mobile: 0px; --53rw48-margin-left: 0px; --53rw48-margin-left-tablet: 0px; --53rw48-margin-left-mobile: 0px; --53rw48-color: #08823B; --53rw48-color-tablet: #08823B; --53rw48-color-mobile: #08823B; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #1F487A; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-53rw48"] { margin-top: var(--53rw48-margin-top, 0px); margin-right: var(--53rw48-margin-right, 0px); margin-bottom: var(--53rw48-margin-bottom, 0px); margin-left: var(--53rw48-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--53rw48-margin-top-tablet, 0px); margin-right: var(--53rw48-margin-right-tablet, 0px); margin-bottom: var(--53rw48-margin-bottom-tablet, 0px); margin-left: var(--53rw48-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--53rw48-margin-top-mobile, 0px); margin-right: var(--53rw48-margin-right-mobile, 0px); margin-bottom: var(--53rw48-margin-bottom-mobile, 0px); margin-left: var(--53rw48-margin-left-mobile, 0px); } &.beae-inventory { width: 100%; } &.beae-inventory-low { color: var(--53rw48-lowColor); } &.beae-inventory-critical, &.beae-inventory-out { color: var(--53rw48-veryLowColor); } & .beae-inventory-text { display: none; &.beae-show { display: block; } } & .beae-inventory-progress { width: 100%; height: var(--53rw48-progressHeight, 4px); background: rgba(0, 0, 0, 0.08); border-radius: 999px; overflow: hidden; margin-top: 6px; & .beae-inventory-progress-bar { display: block; height: 100%; width: 0%; background: var(--53rw48-lowColor); border-radius: 999px; transition: width 0.3s ease; } } &.beae-inventory-critical .beae-inventory-progress-bar { background: var(--53rw48-veryLowColor); } &.beae-inventory-out .beae-inventory-progress-bar { background: var(--53rw48-veryLowColor); width: 0% !important; } }[data-bnode="beae-wx028q"] { --wx028q-direction: row; --wx028q-direction-tablet: column; --wx028q-direction-mobile: row; --wx028q-structure: auto; --wx028q-structure-tablet: auto; --wx028q-structure-mobile: auto; --wx028q-gap: 8px; --wx028q-gap-tablet: 8px; --wx028q-gap-mobile: 8px; --wx028q-align-items: flex-end; --wx028q-align-items-tablet: flex-start; --wx028q-align-items-mobile: flex-start; --wx028q-padding-top: 16px; --wx028q-padding-top-tablet: 16px; --wx028q-padding-top-mobile: 16px; --wx028q-padding-right: 0px; --wx028q-padding-right-tablet: 0px; --wx028q-padding-right-mobile: 0px; --wx028q-padding-bottom: 0px; --wx028q-padding-bottom-tablet: 0px; --wx028q-padding-bottom-mobile: 0px; --wx028q-padding-left: 0px; --wx028q-padding-left-tablet: 0px; --wx028q-padding-left-mobile: 0px; --wx028q-borderStyle: solid; --wx028q-borderStyle-tablet: solid; --wx028q-borderStyle-mobile: solid; --wx028q-borderWidth-tl: 0px; --wx028q-borderWidth-tl-tablet: 0px; --wx028q-borderWidth-tl-mobile: 0px; --wx028q-borderWidth-tr: 0px; --wx028q-borderWidth-tr-tablet: 0px; --wx028q-borderWidth-tr-mobile: 0px; --wx028q-borderWidth-bl: 0px; --wx028q-borderWidth-bl-tablet: 0px; --wx028q-borderWidth-bl-mobile: 0px; --wx028q-borderWidth-br: 0px; --wx028q-borderWidth-br-tablet: 0px; --wx028q-borderWidth-br-mobile: 0px; }[data-bnode="beae-wx028q"] { padding-top: var(--wx028q-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--wx028q-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--wx028q-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--wx028q-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wx028q-padding-top-tablet, var(--wx028q-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--wx028q-padding-right-tablet, var(--wx028q-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--wx028q-padding-bottom-tablet, var(--wx028q-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--wx028q-padding-left-tablet, var(--wx028q-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--wx028q-padding-top-mobile, var(--wx028q-padding-top-tablet, var(--wx028q-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--wx028q-padding-right-mobile, var(--wx028q-padding-right-tablet, var(--wx028q-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--wx028q-padding-bottom-mobile, var(--wx028q-padding-bottom-tablet, var(--wx028q-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--wx028q-padding-left-mobile, var(--wx028q-padding-left-tablet, var(--wx028q-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--wx028q-padding-left, var(--beae-slot-padding-x, 0px)) - var(--wx028q-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot-atc { position: relative; aspect-ratio: var(--wx028q-background-imageRatio, auto); background: var(--wx028q-background-color); border-style: var(--wx028q-borderStyle, solid); border-color: var(--wx028q-borderColor, #000000); border-width: var(--wx028q-borderWidth-tl, 0px) var(--wx028q-borderWidth-tr, 0px) var(--wx028q-borderWidth-br, 0px) var(--wx028q-borderWidth-bl, 0px); border-radius: var(--wx028q-borderRadius-tl, 0px) var(--wx028q-borderRadius-tr, 0px) var(--wx028q-borderRadius-br, 0px) var(--wx028q-borderRadius-bl, 0px); box-shadow: if(style(--wx028q-enableShadow: true): var(--wx028q-shadowHorizontal, 0) var(--wx028q-shadowVertical, 0) var(--wx028q-shadowBlur, 0) 1px var(--wx028q-shadowColor, #000000); else: none); max-width: var(--wx028q-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--wx028q-background-imageRatio-tablet, var(--wx028q-background-imageRatio, auto)); border-width: var(--wx028q-borderWidth-tl-tablet, 0px) var(--wx028q-borderWidth-tr-tablet, 0px) var(--wx028q-borderWidth-br-tablet, 0px) var(--wx028q-borderWidth-bl-tablet, 0px); border-radius: var(--wx028q-borderRadius-tl-tablet, 0px) var(--wx028q-borderRadius-tr-tablet, 0px) var(--wx028q-borderRadius-br-tablet, 0px) var(--wx028q-borderRadius-bl-tablet, 0px); max-width: var(--wx028q-max-width-tablet, var(--wx028q-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--wx028q-background-imageRatio-mobile, var(--wx028q-background-imageRatio, auto)); border-width: var(--wx028q-borderWidth-tl-mobile, 0px) var(--wx028q-borderWidth-tr-mobile, 0px) var(--wx028q-borderWidth-br-mobile, 0px) var(--wx028q-borderWidth-bl-mobile, 0px); border-radius: var(--wx028q-borderRadius-tl-mobile, 0px) var(--wx028q-borderRadius-tr-mobile, 0px) var(--wx028q-borderRadius-br-mobile, 0px) var(--wx028q-borderRadius-bl-mobile, 0px); max-width: var(--wx028q-max-width-mobile, var(--wx028q-max-width, 100%)); } >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-wx028q"] {     display: flex;     flex-direction: var(--wx028q-direction, column);     flex-wrap: nowrap;     justify-content: var(--wx028q-justify-content);     align-items: var(--wx028q-align-items);     gap: var(--wx028q-gap, var(--wx028q-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wx028q"] {      flex-direction: var(--wx028q-direction-tablet, column);                 align-items: var(--wx028q-align-items-tablet, inherit);      gap: var(--wx028q-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-wx028q"] {      flex-direction: var(--wx028q-direction-mobile, column);                 align-items: var(--wx028q-align-items-mobile, inherit);      gap: var(--wx028q-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--wx028q-padding-right-mobile, 0px) - var(--wx028q-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0pk3c8"] { --0pk3c8-borderStyle: solid; --0pk3c8-borderStyle-tablet: solid; --0pk3c8-borderStyle-mobile: solid; --0pk3c8-borderWidth-tl: 1px; --0pk3c8-borderWidth-tl-tablet: 1px; --0pk3c8-borderWidth-tl-mobile: 1px; --0pk3c8-borderWidth-tr: 1px; --0pk3c8-borderWidth-tr-tablet: 1px; --0pk3c8-borderWidth-tr-mobile: 1px; --0pk3c8-borderWidth-bl: 1px; --0pk3c8-borderWidth-bl-tablet: 1px; --0pk3c8-borderWidth-bl-mobile: 1px; --0pk3c8-borderWidth-br: 1px; --0pk3c8-borderWidth-br-tablet: 1px; --0pk3c8-borderWidth-br-mobile: 1px; --0pk3c8-borderColor: #E6E6E6; --0pk3c8-borderColor-tablet: #E6E6E6; --0pk3c8-borderColor-mobile: #E6E6E6; --0pk3c8-borderRadius-tl: 9999px; --0pk3c8-borderRadius-tl-tablet: 9999px; --0pk3c8-borderRadius-tl-mobile: 9999px; --0pk3c8-borderRadius-tr: 9999px; --0pk3c8-borderRadius-tr-tablet: 9999px; --0pk3c8-borderRadius-tr-mobile: 9999px; --0pk3c8-borderRadius-bl: 9999px; --0pk3c8-borderRadius-bl-tablet: 9999px; --0pk3c8-borderRadius-bl-mobile: 9999px; --0pk3c8-borderRadius-br: 9999px; --0pk3c8-borderRadius-br-tablet: 9999px; --0pk3c8-borderRadius-br-mobile: 9999px; --0pk3c8-margin-top: 0px; --0pk3c8-margin-top-tablet: 0px; --0pk3c8-margin-top-mobile: 0px; --0pk3c8-margin-right: 0px; --0pk3c8-margin-right-tablet: 0px; --0pk3c8-margin-right-mobile: 0px; --0pk3c8-margin-bottom: 0px; --0pk3c8-margin-bottom-tablet: 0px; --0pk3c8-margin-bottom-mobile: 0px; --0pk3c8-margin-left: 0px; --0pk3c8-margin-left-tablet: 0px; --0pk3c8-margin-left-mobile: 0px; --0pk3c8-enableShadow: false; --0pk3c8-enableShadow-tablet: false; --0pk3c8-enableShadow-mobile: false; --0pk3c8-btnWdith: 80px; --0pk3c8-btnWdith-tablet: 80px; --0pk3c8-btnWdith-mobile: 80px; --0pk3c8-typography: p; --0pk3c8-typography-tablet: p; --0pk3c8-typography-mobile: p; --0pk3c8-inputWidth: 40px; --0pk3c8-inputWidth-tablet: 40px; --0pk3c8-inputWidth-mobile: 40px; --0pk3c8-btnWidth: 50px; --0pk3c8-btnWidth-tablet: 50px; --0pk3c8-btnWidth-mobile: 50px; --0pk3c8-btnColor: #1D1D1F; --0pk3c8-btnColor-tablet: #1D1D1F; --0pk3c8-btnColor-mobile: #1D1D1F; --0pk3c8-btnBg: #FFFFFF; --0pk3c8-btnBg-tablet: #FFFFFF; --0pk3c8-btnBg-mobile: #FFFFFF; --0pk3c8-inputColor: #1D1D1F; --0pk3c8-inputColor-tablet: #1D1D1F; --0pk3c8-inputColor-mobile: #1D1D1F; }[data-bnode="beae-0pk3c8"] { margin-top: var(--0pk3c8-margin-top, 0px); margin-right: var(--0pk3c8-margin-right, 0px); margin-bottom: var(--0pk3c8-margin-bottom, 0px); margin-left: var(--0pk3c8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0pk3c8-margin-top-tablet, 0px); margin-right: var(--0pk3c8-margin-right-tablet, 0px); margin-bottom: var(--0pk3c8-margin-bottom-tablet, 0px); margin-left: var(--0pk3c8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0pk3c8-margin-top-mobile, 0px); margin-right: var(--0pk3c8-margin-right-mobile, 0px); margin-bottom: var(--0pk3c8-margin-bottom-mobile, 0px); margin-left: var(--0pk3c8-margin-left-mobile, 0px); } &.beae-qty { display: flex; flex-direction: column; gap: 8px; .beae-qty-wrap { height: 100%; display: flex; align-items: stretch; width: fit-content; border-style: var(--0pk3c8-borderStyle,solid); border-color: var(--0pk3c8-borderColor,#000000); border-width: var(--0pk3c8-borderWidth-tl,0px) var(--0pk3c8-borderWidth-tr,0px) var(--0pk3c8-borderWidth-br,0px) var(--0pk3c8-borderWidth-bl,0px); border-radius: var(--0pk3c8-borderRadius-tl,0px) var(--0pk3c8-borderRadius-tr,0px) var(--0pk3c8-borderRadius-br,0px) var(--0pk3c8-borderRadius-bl,0px); box-shadow: var(--0pk3c8-shadowHorizontal, 0) var(--0pk3c8-shadowVertical, 0) var(--0pk3c8-shadowBlur, 0) 0 var(--0pk3c8-shadowColor, #000000); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--0pk3c8-borderWidth-tl-tablet,0px) var(--0pk3c8-borderWidth-tr-tablet,0px) var(--0pk3c8-borderWidth-br-tablet,0px) var(--0pk3c8-borderWidth-bl-tablet,0px); border-radius: var(--0pk3c8-borderRadius-tl-tablet,0px) var(--0pk3c8-borderRadius-tr-tablet,0px) var(--0pk3c8-borderRadius-br-tablet,0px) var(--0pk3c8-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--0pk3c8-borderWidth-tl-mobile,0px) var(--0pk3c8-borderWidth-tr-mobile,0px) var(--0pk3c8-borderWidth-br-mobile,0px) var(--0pk3c8-borderWidth-bl-mobile,0px); border-radius: var(--0pk3c8-borderRadius-tl-mobile,0px) var(--0pk3c8-borderRadius-tr-mobile,0px) var(--0pk3c8-borderRadius-br-mobile,0px) var(--0pk3c8-borderRadius-bl-mobile,0px); } } .beae-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--0pk3c8-btnWidth, 40px); height: var(--0pk3c8-btnWidth, 40px); padding: 0; border: none; background: var(--0pk3c8-btnBg, #f5f5f5); color: var(--0pk3c8-btnColor, #333); cursor: pointer; transition: opacity 0.2s; } .beae-qty-input { flex: 1; min-width: 0; width: var(--0pk3c8-inputWidth, 40px); text-align: center; border: none; color: var(--0pk3c8-inputColor, #333); background: var(--0pk3c8-inputBg, #ffffff); font-size: 16px; } .beae-qty-input::-webkit-outer-spin-button, .beae-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .beae-qty-input:focus { outline: none; } .beae-qty-warning { color: #f59e0b; } } }[data-bnode="beae-czjkrv"] { --czjkrv-direction: row; --czjkrv-direction-tablet: row; --czjkrv-direction-mobile: row; --czjkrv-structure: columns; --czjkrv-structure-tablet: columns; --czjkrv-structure-mobile: columns; }[data-bnode="beae-czjkrv"] { padding-top: var(--czjkrv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--czjkrv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--czjkrv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--czjkrv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--czjkrv-padding-top-tablet, var(--czjkrv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--czjkrv-padding-right-tablet, var(--czjkrv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--czjkrv-padding-bottom-tablet, var(--czjkrv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--czjkrv-padding-left-tablet, var(--czjkrv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--czjkrv-padding-top-mobile, var(--czjkrv-padding-top-tablet, var(--czjkrv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--czjkrv-padding-right-mobile, var(--czjkrv-padding-right-tablet, var(--czjkrv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--czjkrv-padding-bottom-mobile, var(--czjkrv-padding-bottom-tablet, var(--czjkrv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--czjkrv-padding-left-mobile, var(--czjkrv-padding-left-tablet, var(--czjkrv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--czjkrv-padding-left, var(--beae-slot-padding-x, 0px)) - var(--czjkrv-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--czjkrv-background-imageRatio, auto); background: var(--czjkrv-background-color,transparent); border-style: var(--czjkrv-borderStyle,solid); border-color: var(--czjkrv-borderColor,#000000); border-width: var(--czjkrv-borderWidth-tl,0px) var(--czjkrv-borderWidth-tr,0px) var(--czjkrv-borderWidth-br,0px) var(--czjkrv-borderWidth-bl,0px); border-radius: var(--czjkrv-borderRadius-tl,0px) var(--czjkrv-borderRadius-tr,0px) var(--czjkrv-borderRadius-br,0px) var(--czjkrv-borderRadius-bl,0px); box-shadow: if(style(--czjkrv-enableShadow: true): var(--czjkrv-shadowHorizontal,0) var(--czjkrv-shadowVertical,0) var(--czjkrv-shadowBlur,0) 1px var(--czjkrv-shadowColor,#000000); else: none); max-width: var(--czjkrv-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--czjkrv-background-imageRatio-tablet, var(--czjkrv-background-imageRatio, auto)); border-width: var(--czjkrv-borderWidth-tl-tablet,0px) var(--czjkrv-borderWidth-tr-tablet,0px) var(--czjkrv-borderWidth-br-tablet,0px) var(--czjkrv-borderWidth-bl-tablet,0px); border-radius: var(--czjkrv-borderRadius-tl-tablet,0px) var(--czjkrv-borderRadius-tr-tablet,0px) var(--czjkrv-borderRadius-br-tablet,0px) var(--czjkrv-borderRadius-bl-tablet,0px); max-width: var(--czjkrv-max-width-tablet, var(--czjkrv-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--czjkrv-background-imageRatio-mobile, var(--czjkrv-background-imageRatio, auto)); border-width: var(--czjkrv-borderWidth-tl-mobile,0px) var(--czjkrv-borderWidth-tr-mobile,0px) var(--czjkrv-borderWidth-br-mobile,0px) var(--czjkrv-borderWidth-bl-mobile,0px); border-radius: var(--czjkrv-borderRadius-tl-mobile,0px) var(--czjkrv-borderRadius-tr-mobile,0px) var(--czjkrv-borderRadius-br-mobile,0px) var(--czjkrv-borderRadius-bl-mobile,0px); max-width: var(--czjkrv-max-width-mobile, var(--czjkrv-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--czjkrv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--czjkrv-gap,var(--beae-card-gap)); padding-top: var(--czjkrv-padding-top,var(--beae-card-padding)); padding-right: var(--czjkrv-padding-right,var(--beae-card-padding)); padding-bottom: var(--czjkrv-padding-bottom,var(--beae-card-padding)); padding-left: var(--czjkrv-padding-left,var(--beae-card-padding)); border-width: var(--czjkrv-borderWidth,var(--beae-card-border-width)); border-width: var(--czjkrv-borderWidth-tl,var(--beae-card-border-width)) var(--czjkrv-borderWidth-tr,var(--beae-card-border-width)) var(--czjkrv-borderWidth-br,var(--beae-card-border-width)) var(--czjkrv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--czjkrv-borderRadius-tl,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-tr,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-br,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--czjkrv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--czjkrv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--czjkrv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--czjkrv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--czjkrv-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--czjkrv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--czjkrv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--czjkrv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--czjkrv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--czjkrv-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--czjkrv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--czjkrv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--czjkrv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--czjkrv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--czjkrv-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--czjkrv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--czjkrv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--czjkrv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--czjkrv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--czjkrv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--czjkrv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--czjkrv-background-color,var(--beae-card-featured-background)); border-color: var(--czjkrv-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--czjkrv-enableShadow: true): var(--czjkrv-shadowHorizontal, var(--beae-card-shadow-x)) var(--czjkrv-shadowVertical, var(--beae-card-shadow-y)) var(--czjkrv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--czjkrv-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--czjkrv-background-color,var(--beae-card-prod-background)); border-color: var(--czjkrv-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--czjkrv-enableShadow: true): var(--czjkrv-shadowHorizontal, var(--beae-card-shadow-x)) var(--czjkrv-shadowVertical, var(--beae-card-shadow-y)) var(--czjkrv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--czjkrv-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--czjkrv-background-color,var(--beae-card-pricing-background)); border-color: var(--czjkrv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--czjkrv-enableShadow: true): var(--czjkrv-shadowHorizontal, var(--beae-card-shadow-x)) var(--czjkrv-shadowVertical, var(--beae-card-shadow-y)) var(--czjkrv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--czjkrv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--czjkrv-background-color,var(--beae-card-cta-background)); border-color: var(--czjkrv-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--czjkrv-enableShadow: true): var(--czjkrv-shadowHorizontal, var(--beae-card-shadow-x)) var(--czjkrv-shadowVertical, var(--beae-card-shadow-y)) var(--czjkrv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--czjkrv-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--czjkrv-background-color,var(--beae-card-media-background)); border-color: var(--czjkrv-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--czjkrv-enableShadow: true): var(--czjkrv-shadowHorizontal, var(--beae-card-shadow-x)) var(--czjkrv-shadowVertical, var(--beae-card-shadow-y)) var(--czjkrv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--czjkrv-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-czjkrv"] {     display: flex;     flex-direction: var(--czjkrv-direction, column);     flex-wrap: nowrap;     justify-content: var(--czjkrv-justify-content);     align-items: var(--czjkrv-align-items);     gap: var(--czjkrv-gap, var(--czjkrv-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--czjkrv-padding-right, 0px) - var(--czjkrv-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-czjkrv"] {                            gap: var(--czjkrv-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--czjkrv-padding-right-tablet, 0px) - var(--czjkrv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-czjkrv"] {                            gap: var(--czjkrv-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--czjkrv-padding-right-mobile, 0px) - var(--czjkrv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6dasag"] { --6dasag-width: fill; --6dasag-width-tablet: fill; --6dasag-width-mobile: fill; --beae-p-font-family: DM Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 14px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 46px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 36px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #2A2A2A; --beae-btn-text-transform: none; --6dasag-iconWidth: 20px; --6dasag-iconWidth-tablet: 20px; --6dasag-iconWidth-mobile: 20px; --6dasag-iconGap: 5px; --6dasag-iconGap-tablet: 5px; --6dasag-iconGap-mobile: 5px; --6dasag-button: pr; --6dasag-button-tablet: pr; --6dasag-button-mobile: pr; }[data-bnode="beae-6dasag"] { margin-top: var(--6dasag-margin-top, 0px); margin-right: var(--6dasag-margin-right, 0px); margin-bottom: var(--6dasag-margin-bottom, 0px); margin-left: var(--6dasag-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6dasag-margin-top-tablet, 0px); margin-right: var(--6dasag-margin-right-tablet, 0px); margin-bottom: var(--6dasag-margin-bottom-tablet, 0px); margin-left: var(--6dasag-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6dasag-margin-top-mobile, 0px); margin-right: var(--6dasag-margin-right-mobile, 0px); margin-bottom: var(--6dasag-margin-bottom-mobile, 0px); margin-left: var(--6dasag-margin-left-mobile, 0px); } &{ gap:var(--6dasag-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--6dasag-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--6dasag-bgBtnHover)) * 1%)); style(--6dasag-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--6dasag-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--6dasag-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--6dasag-labelBtnHover)) * 1%)); style(--6dasag-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--6dasag-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--6dasag-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--6dasag-borderBtnHover)) * 1%)); style(--6dasag-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--6dasag-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--6dasag-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--6dasag-bgBtnHover)) * 1%)); style(--6dasag-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--6dasag-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--6dasag-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--6dasag-labelBtnHover)) * 1%)); style(--6dasag-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--6dasag-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--6dasag-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--6dasag-borderBtnHover)) * 1%)); style(--6dasag-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--6dasag-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--6dasag-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--6dasag-labelBtnHover)) * 1%)); style(--6dasag-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--6dasag-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--6dasag-iconWidth); } svg { width: var(--6dasag-iconWidth,20px); min-width: var(--6dasag-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--6dasag-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--6dasag-iconWidth-tablet, var(--6dasag-iconWidth)); } svg { width: var(--6dasag-iconWidth-tablet, var(--6dasag-iconWidth)); min-width: var(--6dasag-iconWidth-tablet, var(--6dasag-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--6dasag-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--6dasag-iconWidth-mobile, var(--6dasag-iconWidth)); } svg { width: var(--6dasag-iconWidth-mobile, var(--6dasag-iconWidth)); min-width: var(--6dasag-iconWidth-mobile, var(--6dasag-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-95uz5l"] { --95uz5l-direction: column; --95uz5l-direction-tablet: column; --95uz5l-direction-mobile: column; --95uz5l-structure: columns; --95uz5l-structure-tablet: columns; --95uz5l-structure-mobile: columns; --95uz5l-gap: 16px; --95uz5l-gap-tablet: 16px; --95uz5l-gap-mobile: 16px; --95uz5l-padding-top: 0px; --95uz5l-padding-top-tablet: 0px; --95uz5l-padding-top-mobile: 0px; --95uz5l-padding-right: 0px; --95uz5l-padding-right-tablet: 0px; --95uz5l-padding-right-mobile: 0px; --95uz5l-padding-bottom: 0px; --95uz5l-padding-bottom-tablet: 0px; --95uz5l-padding-bottom-mobile: 0px; --95uz5l-padding-left: 0px; --95uz5l-padding-left-tablet: 0px; --95uz5l-padding-left-mobile: 0px; }[data-bnode="beae-95uz5l"] { padding-top: var(--95uz5l-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--95uz5l-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--95uz5l-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--95uz5l-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--95uz5l-padding-top-tablet, var(--95uz5l-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--95uz5l-padding-right-tablet, var(--95uz5l-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--95uz5l-padding-bottom-tablet, var(--95uz5l-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--95uz5l-padding-left-tablet, var(--95uz5l-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--95uz5l-padding-top-mobile, var(--95uz5l-padding-top-tablet, var(--95uz5l-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--95uz5l-padding-right-mobile, var(--95uz5l-padding-right-tablet, var(--95uz5l-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--95uz5l-padding-bottom-mobile, var(--95uz5l-padding-bottom-tablet, var(--95uz5l-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--95uz5l-padding-left-mobile, var(--95uz5l-padding-left-tablet, var(--95uz5l-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--95uz5l-padding-left, var(--beae-slot-padding-x, 0px)) - var(--95uz5l-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--95uz5l-background-imageRatio, auto); background: var(--95uz5l-background-color,transparent); border-style: var(--95uz5l-borderStyle,solid); border-color: var(--95uz5l-borderColor,#000000); border-width: var(--95uz5l-borderWidth-tl,0px) var(--95uz5l-borderWidth-tr,0px) var(--95uz5l-borderWidth-br,0px) var(--95uz5l-borderWidth-bl,0px); border-radius: var(--95uz5l-borderRadius-tl,0px) var(--95uz5l-borderRadius-tr,0px) var(--95uz5l-borderRadius-br,0px) var(--95uz5l-borderRadius-bl,0px); box-shadow: if(style(--95uz5l-enableShadow: true): var(--95uz5l-shadowHorizontal,0) var(--95uz5l-shadowVertical,0) var(--95uz5l-shadowBlur,0) 1px var(--95uz5l-shadowColor,#000000); else: none); max-width: var(--95uz5l-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--95uz5l-background-imageRatio-tablet, var(--95uz5l-background-imageRatio, auto)); border-width: var(--95uz5l-borderWidth-tl-tablet,0px) var(--95uz5l-borderWidth-tr-tablet,0px) var(--95uz5l-borderWidth-br-tablet,0px) var(--95uz5l-borderWidth-bl-tablet,0px); border-radius: var(--95uz5l-borderRadius-tl-tablet,0px) var(--95uz5l-borderRadius-tr-tablet,0px) var(--95uz5l-borderRadius-br-tablet,0px) var(--95uz5l-borderRadius-bl-tablet,0px); max-width: var(--95uz5l-max-width-tablet, var(--95uz5l-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--95uz5l-background-imageRatio-mobile, var(--95uz5l-background-imageRatio, auto)); border-width: var(--95uz5l-borderWidth-tl-mobile,0px) var(--95uz5l-borderWidth-tr-mobile,0px) var(--95uz5l-borderWidth-br-mobile,0px) var(--95uz5l-borderWidth-bl-mobile,0px); border-radius: var(--95uz5l-borderRadius-tl-mobile,0px) var(--95uz5l-borderRadius-tr-mobile,0px) var(--95uz5l-borderRadius-br-mobile,0px) var(--95uz5l-borderRadius-bl-mobile,0px); max-width: var(--95uz5l-max-width-mobile, var(--95uz5l-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--95uz5l-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--95uz5l-gap,var(--beae-card-gap)); padding-top: var(--95uz5l-padding-top,var(--beae-card-padding)); padding-right: var(--95uz5l-padding-right,var(--beae-card-padding)); padding-bottom: var(--95uz5l-padding-bottom,var(--beae-card-padding)); padding-left: var(--95uz5l-padding-left,var(--beae-card-padding)); border-width: var(--95uz5l-borderWidth,var(--beae-card-border-width)); border-width: var(--95uz5l-borderWidth-tl,var(--beae-card-border-width)) var(--95uz5l-borderWidth-tr,var(--beae-card-border-width)) var(--95uz5l-borderWidth-br,var(--beae-card-border-width)) var(--95uz5l-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--95uz5l-borderRadius-tl,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-tr,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-br,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--95uz5l-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--95uz5l-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--95uz5l-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--95uz5l-padding-left-tablet,var(--beae-card-padding)); border-width: var(--95uz5l-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--95uz5l-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--95uz5l-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--95uz5l-borderWidth-br-desktop,var(--beae-card-border-width)) var(--95uz5l-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--95uz5l-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--95uz5l-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--95uz5l-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--95uz5l-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--95uz5l-padding-left-mobile,var(--beae-card-padding)); border-width: var(--95uz5l-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--95uz5l-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--95uz5l-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--95uz5l-borderWidth-br-mobile,var(--beae-card-border-width)) var(--95uz5l-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--95uz5l-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--95uz5l-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--95uz5l-background-color,var(--beae-card-featured-background)); border-color: var(--95uz5l-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--95uz5l-enableShadow: true): var(--95uz5l-shadowHorizontal, var(--beae-card-shadow-x)) var(--95uz5l-shadowVertical, var(--beae-card-shadow-y)) var(--95uz5l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--95uz5l-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--95uz5l-background-color,var(--beae-card-prod-background)); border-color: var(--95uz5l-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--95uz5l-enableShadow: true): var(--95uz5l-shadowHorizontal, var(--beae-card-shadow-x)) var(--95uz5l-shadowVertical, var(--beae-card-shadow-y)) var(--95uz5l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--95uz5l-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--95uz5l-background-color,var(--beae-card-pricing-background)); border-color: var(--95uz5l-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--95uz5l-enableShadow: true): var(--95uz5l-shadowHorizontal, var(--beae-card-shadow-x)) var(--95uz5l-shadowVertical, var(--beae-card-shadow-y)) var(--95uz5l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--95uz5l-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--95uz5l-background-color,var(--beae-card-cta-background)); border-color: var(--95uz5l-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--95uz5l-enableShadow: true): var(--95uz5l-shadowHorizontal, var(--beae-card-shadow-x)) var(--95uz5l-shadowVertical, var(--beae-card-shadow-y)) var(--95uz5l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--95uz5l-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--95uz5l-background-color,var(--beae-card-media-background)); border-color: var(--95uz5l-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--95uz5l-enableShadow: true): var(--95uz5l-shadowHorizontal, var(--beae-card-shadow-x)) var(--95uz5l-shadowVertical, var(--beae-card-shadow-y)) var(--95uz5l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--95uz5l-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-95uz5l"] {     display: flex;     flex-direction: var(--95uz5l-direction, column);     flex-wrap: nowrap;     justify-content: var(--95uz5l-justify-content);     align-items: var(--95uz5l-align-items);     gap: var(--95uz5l-gap, var(--95uz5l-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-95uz5l"] {      flex-direction: var(--95uz5l-direction-tablet, column);                      gap: var(--95uz5l-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-95uz5l"] {                            gap: var(--95uz5l-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--95uz5l-padding-right-mobile, 0px) - var(--95uz5l-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-egeeui"] { --egeeui-direction: column; --egeeui-direction-tablet: column; --egeeui-direction-mobile: column; --egeeui-structure: columns; --egeeui-structure-tablet: columns; --egeeui-structure-mobile: columns; --egeeui-gap: 14px; --egeeui-gap-tablet: 14px; --egeeui-gap-mobile: 14px; --egeeui-align-items: flex-start; --egeeui-align-items-tablet: flex-start; --egeeui-align-items-mobile: flex-start; --egeeui-padding-top: 11px; --egeeui-padding-top-tablet: 11px; --egeeui-padding-top-mobile: 11px; --egeeui-padding-right: 0px; --egeeui-padding-right-tablet: 0px; --egeeui-padding-right-mobile: 0px; --egeeui-padding-bottom: 0px; --egeeui-padding-bottom-tablet: 0px; --egeeui-padding-bottom-mobile: 0px; --egeeui-padding-left: 0px; --egeeui-padding-left-tablet: 0px; --egeeui-padding-left-mobile: 0px; }[data-bnode="beae-egeeui"] { padding-top: var(--egeeui-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--egeeui-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--egeeui-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--egeeui-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--egeeui-padding-top-tablet, var(--egeeui-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--egeeui-padding-right-tablet, var(--egeeui-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--egeeui-padding-bottom-tablet, var(--egeeui-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--egeeui-padding-left-tablet, var(--egeeui-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--egeeui-padding-top-mobile, var(--egeeui-padding-top-tablet, var(--egeeui-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--egeeui-padding-right-mobile, var(--egeeui-padding-right-tablet, var(--egeeui-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--egeeui-padding-bottom-mobile, var(--egeeui-padding-bottom-tablet, var(--egeeui-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--egeeui-padding-left-mobile, var(--egeeui-padding-left-tablet, var(--egeeui-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--egeeui-padding-left, var(--beae-slot-padding-x, 0px)) - var(--egeeui-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot-text-icon { position: relative; aspect-ratio: var(--egeeui-background-imageRatio, auto); background: var(--egeeui-background-color); border-style: var(--egeeui-borderStyle, solid); border-color: var(--egeeui-borderColor, #000000); border-width: var(--egeeui-borderWidth-tl, 0px) var(--egeeui-borderWidth-tr, 0px) var(--egeeui-borderWidth-br, 0px) var(--egeeui-borderWidth-bl, 0px); border-radius: var(--egeeui-borderRadius-tl, 0px) var(--egeeui-borderRadius-tr, 0px) var(--egeeui-borderRadius-br, 0px) var(--egeeui-borderRadius-bl, 0px); box-shadow: if(style(--egeeui-enableShadow: true): var(--egeeui-shadowHorizontal, 0) var(--egeeui-shadowVertical, 0) var(--egeeui-shadowBlur, 0) 1px var(--egeeui-shadowColor, #000000); else: none); max-width: var(--egeeui-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--egeeui-background-imageRatio-tablet, var(--egeeui-background-imageRatio, auto)); border-width: var(--egeeui-borderWidth-tl-tablet, 0px) var(--egeeui-borderWidth-tr-tablet, 0px) var(--egeeui-borderWidth-br-tablet, 0px) var(--egeeui-borderWidth-bl-tablet, 0px); border-radius: var(--egeeui-borderRadius-tl-tablet, 0px) var(--egeeui-borderRadius-tr-tablet, 0px) var(--egeeui-borderRadius-br-tablet, 0px) var(--egeeui-borderRadius-bl-tablet, 0px); max-width: var(--egeeui-max-width-tablet, var(--egeeui-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--egeeui-background-imageRatio-mobile, var(--egeeui-background-imageRatio, auto)); border-width: var(--egeeui-borderWidth-tl-mobile, 0px) var(--egeeui-borderWidth-tr-mobile, 0px) var(--egeeui-borderWidth-br-mobile, 0px) var(--egeeui-borderWidth-bl-mobile, 0px); border-radius: var(--egeeui-borderRadius-tl-mobile, 0px) var(--egeeui-borderRadius-tr-mobile, 0px) var(--egeeui-borderRadius-br-mobile, 0px) var(--egeeui-borderRadius-bl-mobile, 0px); max-width: var(--egeeui-max-width-mobile, var(--egeeui-max-width, 100%)); } >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-egeeui"] {     display: flex;     flex-direction: var(--egeeui-direction, column);     flex-wrap: nowrap;     justify-content: var(--egeeui-justify-content);     align-items: var(--egeeui-align-items);     gap: var(--egeeui-gap, var(--egeeui-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-egeeui"] {      flex-direction: var(--egeeui-direction-tablet, column);                      gap: var(--egeeui-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-egeeui"] {      flex-direction: var(--egeeui-direction-mobile, column);                      gap: var(--egeeui-gap-mobile, var(--beae-slot-gap-mobile));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-vfo3ql"] { --vfo3ql-direction: row; --vfo3ql-direction-tablet: row; --vfo3ql-direction-mobile: row; --vfo3ql-gap: 10px; --vfo3ql-gap-tablet: 10px; --vfo3ql-gap-mobile: 10px; --vfo3ql-structure: auto; --vfo3ql-structure-tablet: auto; --vfo3ql-structure-mobile: auto; --vfo3ql-align-items: flex-start; --vfo3ql-align-items-tablet: flex-start; --vfo3ql-align-items-mobile: flex-start; --vfo3ql-justify-content: flex-start; --vfo3ql-justify-content-tablet: flex-start; --vfo3ql-justify-content-mobile: flex-start; }[data-bnode="beae-vfo3ql"] { padding-top: var(--vfo3ql-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vfo3ql-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vfo3ql-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vfo3ql-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vfo3ql-padding-top-tablet, var(--vfo3ql-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vfo3ql-padding-right-tablet, var(--vfo3ql-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vfo3ql-padding-bottom-tablet, var(--vfo3ql-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vfo3ql-padding-left-tablet, var(--vfo3ql-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vfo3ql-padding-top-mobile, var(--vfo3ql-padding-top-tablet, var(--vfo3ql-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vfo3ql-padding-right-mobile, var(--vfo3ql-padding-right-tablet, var(--vfo3ql-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vfo3ql-padding-bottom-mobile, var(--vfo3ql-padding-bottom-tablet, var(--vfo3ql-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vfo3ql-padding-left-mobile, var(--vfo3ql-padding-left-tablet, var(--vfo3ql-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--vfo3ql-padding-left, var(--beae-slot-padding-x, 0px)) - var(--vfo3ql-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--vfo3ql-background-imageRatio, auto); background: var(--vfo3ql-background-color,transparent); border-style: var(--vfo3ql-borderStyle,solid); border-color: var(--vfo3ql-borderColor,#000000); border-width: var(--vfo3ql-borderWidth-tl,0px) var(--vfo3ql-borderWidth-tr,0px) var(--vfo3ql-borderWidth-br,0px) var(--vfo3ql-borderWidth-bl,0px); border-radius: var(--vfo3ql-borderRadius-tl,0px) var(--vfo3ql-borderRadius-tr,0px) var(--vfo3ql-borderRadius-br,0px) var(--vfo3ql-borderRadius-bl,0px); box-shadow: if(style(--vfo3ql-enableShadow: true): var(--vfo3ql-shadowHorizontal,0) var(--vfo3ql-shadowVertical,0) var(--vfo3ql-shadowBlur,0) 1px var(--vfo3ql-shadowColor,#000000); else: none); max-width: var(--vfo3ql-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--vfo3ql-background-imageRatio-tablet, var(--vfo3ql-background-imageRatio, auto)); border-width: var(--vfo3ql-borderWidth-tl-tablet,0px) var(--vfo3ql-borderWidth-tr-tablet,0px) var(--vfo3ql-borderWidth-br-tablet,0px) var(--vfo3ql-borderWidth-bl-tablet,0px); border-radius: var(--vfo3ql-borderRadius-tl-tablet,0px) var(--vfo3ql-borderRadius-tr-tablet,0px) var(--vfo3ql-borderRadius-br-tablet,0px) var(--vfo3ql-borderRadius-bl-tablet,0px); max-width: var(--vfo3ql-max-width-tablet, var(--vfo3ql-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--vfo3ql-background-imageRatio-mobile, var(--vfo3ql-background-imageRatio, auto)); border-width: var(--vfo3ql-borderWidth-tl-mobile,0px) var(--vfo3ql-borderWidth-tr-mobile,0px) var(--vfo3ql-borderWidth-br-mobile,0px) var(--vfo3ql-borderWidth-bl-mobile,0px); border-radius: var(--vfo3ql-borderRadius-tl-mobile,0px) var(--vfo3ql-borderRadius-tr-mobile,0px) var(--vfo3ql-borderRadius-br-mobile,0px) var(--vfo3ql-borderRadius-bl-mobile,0px); max-width: var(--vfo3ql-max-width-mobile, var(--vfo3ql-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--vfo3ql-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--vfo3ql-gap,var(--beae-card-gap)); padding-top: var(--vfo3ql-padding-top,var(--beae-card-padding)); padding-right: var(--vfo3ql-padding-right,var(--beae-card-padding)); padding-bottom: var(--vfo3ql-padding-bottom,var(--beae-card-padding)); padding-left: var(--vfo3ql-padding-left,var(--beae-card-padding)); border-width: var(--vfo3ql-borderWidth,var(--beae-card-border-width)); border-width: var(--vfo3ql-borderWidth-tl,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-tr,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-br,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--vfo3ql-borderRadius-tl,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-tr,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-br,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--vfo3ql-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--vfo3ql-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--vfo3ql-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--vfo3ql-padding-left-tablet,var(--beae-card-padding)); border-width: var(--vfo3ql-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--vfo3ql-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-br-desktop,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--vfo3ql-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--vfo3ql-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--vfo3ql-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--vfo3ql-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--vfo3ql-padding-left-mobile,var(--beae-card-padding)); border-width: var(--vfo3ql-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--vfo3ql-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-br-mobile,var(--beae-card-border-width)) var(--vfo3ql-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--vfo3ql-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--vfo3ql-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--vfo3ql-background-color,var(--beae-card-featured-background)); border-color: var(--vfo3ql-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--vfo3ql-enableShadow: true): var(--vfo3ql-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfo3ql-shadowVertical, var(--beae-card-shadow-y)) var(--vfo3ql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfo3ql-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--vfo3ql-background-color,var(--beae-card-prod-background)); border-color: var(--vfo3ql-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--vfo3ql-enableShadow: true): var(--vfo3ql-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfo3ql-shadowVertical, var(--beae-card-shadow-y)) var(--vfo3ql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfo3ql-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--vfo3ql-background-color,var(--beae-card-pricing-background)); border-color: var(--vfo3ql-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--vfo3ql-enableShadow: true): var(--vfo3ql-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfo3ql-shadowVertical, var(--beae-card-shadow-y)) var(--vfo3ql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfo3ql-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--vfo3ql-background-color,var(--beae-card-cta-background)); border-color: var(--vfo3ql-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--vfo3ql-enableShadow: true): var(--vfo3ql-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfo3ql-shadowVertical, var(--beae-card-shadow-y)) var(--vfo3ql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfo3ql-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--vfo3ql-background-color,var(--beae-card-media-background)); border-color: var(--vfo3ql-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--vfo3ql-enableShadow: true): var(--vfo3ql-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfo3ql-shadowVertical, var(--beae-card-shadow-y)) var(--vfo3ql-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfo3ql-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-vfo3ql"] {     display: flex;     flex-direction: var(--vfo3ql-direction, column);     flex-wrap: nowrap;     justify-content: var(--vfo3ql-justify-content);     align-items: var(--vfo3ql-align-items);     gap: var(--vfo3ql-gap, var(--vfo3ql-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-vfo3ql"] {                            gap: var(--vfo3ql-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--vfo3ql-padding-right-tablet, 0px) - var(--vfo3ql-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-vfo3ql"] {                            gap: var(--vfo3ql-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--vfo3ql-padding-right-mobile, 0px) - var(--vfo3ql-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-l2842s"] { --l2842s-width: 22px; --l2842s-width-tablet: 22px; --l2842s-width-mobile: 22px; --l2842s-imageRatio: 1/1; --l2842s-imageRatio-tablet: 1/1; --l2842s-imageRatio-mobile: 1/1; --l2842s-objFit: cover; --l2842s-objFit-tablet: cover; --l2842s-objFit-mobile: cover; --l2842s-borderColor: #000000; --l2842s-borderColor-tablet: #000000; --l2842s-borderColor-mobile: #000000; --l2842s-shadowColor: #000000; --l2842s-shadowColor-tablet: #000000; --l2842s-shadowColor-mobile: #000000; --l2842s-borderStyle: none; --l2842s-borderStyle-tablet: none; --l2842s-borderStyle-mobile: none; --l2842s-enableShadow: false; --l2842s-enableShadow-tablet: false; --l2842s-enableShadow-mobile: false; }[data-bnode="beae-l2842s"] { margin-top: var(--l2842s-margin-top, 0px); margin-right: var(--l2842s-margin-right, 0px); margin-bottom: var(--l2842s-margin-bottom, 0px); margin-left: var(--l2842s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--l2842s-margin-top-tablet, 0px); margin-right: var(--l2842s-margin-right-tablet, 0px); margin-bottom: var(--l2842s-margin-bottom-tablet, 0px); margin-left: var(--l2842s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--l2842s-margin-top-mobile, 0px); margin-right: var(--l2842s-margin-right-mobile, 0px); margin-bottom: var(--l2842s-margin-bottom-mobile, 0px); margin-left: var(--l2842s-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--l2842s-width,100%) - var(--l2842s-margin-left,0px) - var(--l2842s-margin-right,0px)); min-height: min-content; border-style: var(--l2842s-borderStyle,solid); border-color: var(--l2842s-borderColor,#000000); border-width: var(--l2842s-borderWidth-tl,0px) var(--l2842s-borderWidth-tr,0px) var(--l2842s-borderWidth-br,0px) var(--l2842s-borderWidth-bl,0px); border-radius: var(--l2842s-borderRadius-tl,0px) var(--l2842s-borderRadius-tr,0px) var(--l2842s-borderRadius-br,0px) var(--l2842s-borderRadius-bl,0px); aspect-ratio: var(--l2842s-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--l2842s-borderWidth-tl-tablet, var(--l2842s-borderWidth-tl,0px)) var(--l2842s-borderWidth-tr-tablet, var(--l2842s-borderWidth-tr,0px)) var(--l2842s-borderWidth-br-tablet, var(--l2842s-borderWidth-br,0px)) var(--l2842s-borderWidth-bl-tablet, var(--l2842s-borderWidth-bl,0px)); border-radius: var(--l2842s-borderRadius-tl-tablet, var(--l2842s-borderRadius-tl,0px)) var(--l2842s-borderRadius-tr-tablet, var(--l2842s-borderRadius-tr,0px)) var(--l2842s-borderRadius-br-tablet, var(--l2842s-borderRadius-br,0px)) var(--l2842s-borderRadius-bl-tablet, var(--l2842s-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--l2842s-borderWidth-tl-mobile, var(--l2842s-borderWidth-tl,0px)) var(--l2842s-borderWidth-tr-mobile, var(--l2842s-borderWidth-tr,0px)) var(--l2842s-borderWidth-br-mobile, var(--l2842s-borderWidth-br,0px)) var(--l2842s-borderWidth-bl-mobile, var(--l2842s-borderWidth-bl,0px)); border-radius: var(--l2842s-borderRadius-tl-mobile, var(--l2842s-borderRadius-tl,0px)) var(--l2842s-borderRadius-tr-mobile, var(--l2842s-borderRadius-tr,0px)) var(--l2842s-borderRadius-br-mobile, var(--l2842s-borderRadius-br,0px)) var(--l2842s-borderRadius-bl-mobile, var(--l2842s-borderRadius-bl,0px)); } box-shadow: if( style(--l2842s-enableShadow: true): var(--l2842s-shadowHorizontal, 0) var(--l2842s-shadowVertical, 0) var(--l2842s-shadowBlur, 0) 1px var(--l2842s-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--l2842s-overlayColor-color, #000); opacity: var(--l2842s-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--l2842s-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--l2842s-width-tablet,var(--l2842s-width,100%)) - var(--l2842s-margin-left-tablet,var(--l2842s-margin-left,0px)) - var(--l2842s-margin-right-tablet,var(--l2842s-margin-right,0px))); aspect-ratio: var(--l2842s-imageRatio-tablet, var(--l2842s-imageRatio, auto)); img { object-fit: var(--l2842s-objFit-tablet, var(--l2842s-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--l2842s-width-mobile,var(--l2842s-width,100%)) - var(--l2842s-margin-left-mobile,var(--l2842s-margin-left,0px)) - var(--l2842s-margin-right-mobile,var(--l2842s-margin-right,0px))); aspect-ratio: var(--l2842s-imageRatio-mobile, var(--l2842s-imageRatio, auto)); img { object-fit: var(--l2842s-objFit-mobile, var(--l2842s-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-qzrxpt"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #282928; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --qzrxpt-typography: p; --qzrxpt-typography-tablet: p; --qzrxpt-typography-mobile: p; }[data-bnode="beae-qzrxpt"] { margin-top: var(--qzrxpt-margin-top, 0px); margin-right: var(--qzrxpt-margin-right, 0px); margin-bottom: var(--qzrxpt-margin-bottom, 0px); margin-left: var(--qzrxpt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qzrxpt-margin-top-tablet, 0px); margin-right: var(--qzrxpt-margin-right-tablet, 0px); margin-bottom: var(--qzrxpt-margin-bottom-tablet, 0px); margin-left: var(--qzrxpt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qzrxpt-margin-top-mobile, 0px); margin-right: var(--qzrxpt-margin-right-mobile, 0px); margin-bottom: var(--qzrxpt-margin-bottom-mobile, 0px); margin-left: var(--qzrxpt-margin-left-mobile, 0px); } }[data-bnode="beae-7ho4gj"] { --7ho4gj-direction: row; --7ho4gj-direction-tablet: row; --7ho4gj-direction-mobile: row; --7ho4gj-gap: 10px; --7ho4gj-gap-tablet: 10px; --7ho4gj-gap-mobile: 10px; --7ho4gj-structure: auto; --7ho4gj-structure-tablet: auto; --7ho4gj-structure-mobile: auto; --7ho4gj-align-items: flex-start; --7ho4gj-align-items-tablet: flex-start; --7ho4gj-align-items-mobile: flex-start; --7ho4gj-justify-content: flex-start; --7ho4gj-justify-content-tablet: flex-start; --7ho4gj-justify-content-mobile: flex-start; }[data-bnode="beae-7ho4gj"] { padding-top: var(--7ho4gj-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7ho4gj-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7ho4gj-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7ho4gj-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7ho4gj-padding-top-tablet, var(--7ho4gj-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7ho4gj-padding-right-tablet, var(--7ho4gj-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7ho4gj-padding-bottom-tablet, var(--7ho4gj-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7ho4gj-padding-left-tablet, var(--7ho4gj-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7ho4gj-padding-top-mobile, var(--7ho4gj-padding-top-tablet, var(--7ho4gj-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7ho4gj-padding-right-mobile, var(--7ho4gj-padding-right-tablet, var(--7ho4gj-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7ho4gj-padding-bottom-mobile, var(--7ho4gj-padding-bottom-tablet, var(--7ho4gj-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7ho4gj-padding-left-mobile, var(--7ho4gj-padding-left-tablet, var(--7ho4gj-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--7ho4gj-padding-left, var(--beae-slot-padding-x, 0px)) - var(--7ho4gj-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--7ho4gj-background-imageRatio, auto); background: var(--7ho4gj-background-color,transparent); border-style: var(--7ho4gj-borderStyle,solid); border-color: var(--7ho4gj-borderColor,#000000); border-width: var(--7ho4gj-borderWidth-tl,0px) var(--7ho4gj-borderWidth-tr,0px) var(--7ho4gj-borderWidth-br,0px) var(--7ho4gj-borderWidth-bl,0px); border-radius: var(--7ho4gj-borderRadius-tl,0px) var(--7ho4gj-borderRadius-tr,0px) var(--7ho4gj-borderRadius-br,0px) var(--7ho4gj-borderRadius-bl,0px); box-shadow: if(style(--7ho4gj-enableShadow: true): var(--7ho4gj-shadowHorizontal,0) var(--7ho4gj-shadowVertical,0) var(--7ho4gj-shadowBlur,0) 1px var(--7ho4gj-shadowColor,#000000); else: none); max-width: var(--7ho4gj-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--7ho4gj-background-imageRatio-tablet, var(--7ho4gj-background-imageRatio, auto)); border-width: var(--7ho4gj-borderWidth-tl-tablet,0px) var(--7ho4gj-borderWidth-tr-tablet,0px) var(--7ho4gj-borderWidth-br-tablet,0px) var(--7ho4gj-borderWidth-bl-tablet,0px); border-radius: var(--7ho4gj-borderRadius-tl-tablet,0px) var(--7ho4gj-borderRadius-tr-tablet,0px) var(--7ho4gj-borderRadius-br-tablet,0px) var(--7ho4gj-borderRadius-bl-tablet,0px); max-width: var(--7ho4gj-max-width-tablet, var(--7ho4gj-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--7ho4gj-background-imageRatio-mobile, var(--7ho4gj-background-imageRatio, auto)); border-width: var(--7ho4gj-borderWidth-tl-mobile,0px) var(--7ho4gj-borderWidth-tr-mobile,0px) var(--7ho4gj-borderWidth-br-mobile,0px) var(--7ho4gj-borderWidth-bl-mobile,0px); border-radius: var(--7ho4gj-borderRadius-tl-mobile,0px) var(--7ho4gj-borderRadius-tr-mobile,0px) var(--7ho4gj-borderRadius-br-mobile,0px) var(--7ho4gj-borderRadius-bl-mobile,0px); max-width: var(--7ho4gj-max-width-mobile, var(--7ho4gj-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7ho4gj-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--7ho4gj-gap,var(--beae-card-gap)); padding-top: var(--7ho4gj-padding-top,var(--beae-card-padding)); padding-right: var(--7ho4gj-padding-right,var(--beae-card-padding)); padding-bottom: var(--7ho4gj-padding-bottom,var(--beae-card-padding)); padding-left: var(--7ho4gj-padding-left,var(--beae-card-padding)); border-width: var(--7ho4gj-borderWidth,var(--beae-card-border-width)); border-width: var(--7ho4gj-borderWidth-tl,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-tr,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-br,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7ho4gj-borderRadius-tl,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-tr,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-br,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--7ho4gj-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7ho4gj-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7ho4gj-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7ho4gj-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7ho4gj-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--7ho4gj-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7ho4gj-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--7ho4gj-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7ho4gj-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7ho4gj-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7ho4gj-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7ho4gj-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--7ho4gj-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7ho4gj-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7ho4gj-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7ho4gj-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7ho4gj-background-color,var(--beae-card-featured-background)); border-color: var(--7ho4gj-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--7ho4gj-enableShadow: true): var(--7ho4gj-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ho4gj-shadowVertical, var(--beae-card-shadow-y)) var(--7ho4gj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ho4gj-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--7ho4gj-background-color,var(--beae-card-prod-background)); border-color: var(--7ho4gj-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--7ho4gj-enableShadow: true): var(--7ho4gj-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ho4gj-shadowVertical, var(--beae-card-shadow-y)) var(--7ho4gj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ho4gj-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--7ho4gj-background-color,var(--beae-card-pricing-background)); border-color: var(--7ho4gj-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--7ho4gj-enableShadow: true): var(--7ho4gj-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ho4gj-shadowVertical, var(--beae-card-shadow-y)) var(--7ho4gj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ho4gj-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--7ho4gj-background-color,var(--beae-card-cta-background)); border-color: var(--7ho4gj-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--7ho4gj-enableShadow: true): var(--7ho4gj-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ho4gj-shadowVertical, var(--beae-card-shadow-y)) var(--7ho4gj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ho4gj-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--7ho4gj-background-color,var(--beae-card-media-background)); border-color: var(--7ho4gj-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--7ho4gj-enableShadow: true): var(--7ho4gj-shadowHorizontal, var(--beae-card-shadow-x)) var(--7ho4gj-shadowVertical, var(--beae-card-shadow-y)) var(--7ho4gj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7ho4gj-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-7ho4gj"] {     display: flex;     flex-direction: var(--7ho4gj-direction, column);     flex-wrap: nowrap;     justify-content: var(--7ho4gj-justify-content);     align-items: var(--7ho4gj-align-items);     gap: var(--7ho4gj-gap, var(--7ho4gj-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7ho4gj"] {                            gap: var(--7ho4gj-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7ho4gj-padding-right-tablet, 0px) - var(--7ho4gj-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7ho4gj"] {                            gap: var(--7ho4gj-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7ho4gj-padding-right-mobile, 0px) - var(--7ho4gj-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-m5cshw"] { --m5cshw-width: 22px; --m5cshw-width-tablet: 22px; --m5cshw-width-mobile: 22px; --m5cshw-imageRatio: 1/1; --m5cshw-imageRatio-tablet: 1/1; --m5cshw-imageRatio-mobile: 1/1; --m5cshw-objFit: cover; --m5cshw-objFit-tablet: cover; --m5cshw-objFit-mobile: cover; --m5cshw-borderColor: #000000; --m5cshw-borderColor-tablet: #000000; --m5cshw-borderColor-mobile: #000000; --m5cshw-shadowColor: #000000; --m5cshw-shadowColor-tablet: #000000; --m5cshw-shadowColor-mobile: #000000; --m5cshw-borderStyle: none; --m5cshw-borderStyle-tablet: none; --m5cshw-borderStyle-mobile: none; --m5cshw-enableShadow: false; --m5cshw-enableShadow-tablet: false; --m5cshw-enableShadow-mobile: false; }[data-bnode="beae-m5cshw"] { margin-top: var(--m5cshw-margin-top, 0px); margin-right: var(--m5cshw-margin-right, 0px); margin-bottom: var(--m5cshw-margin-bottom, 0px); margin-left: var(--m5cshw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--m5cshw-margin-top-tablet, 0px); margin-right: var(--m5cshw-margin-right-tablet, 0px); margin-bottom: var(--m5cshw-margin-bottom-tablet, 0px); margin-left: var(--m5cshw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--m5cshw-margin-top-mobile, 0px); margin-right: var(--m5cshw-margin-right-mobile, 0px); margin-bottom: var(--m5cshw-margin-bottom-mobile, 0px); margin-left: var(--m5cshw-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--m5cshw-width,100%) - var(--m5cshw-margin-left,0px) - var(--m5cshw-margin-right,0px)); min-height: min-content; border-style: var(--m5cshw-borderStyle,solid); border-color: var(--m5cshw-borderColor,#000000); border-width: var(--m5cshw-borderWidth-tl,0px) var(--m5cshw-borderWidth-tr,0px) var(--m5cshw-borderWidth-br,0px) var(--m5cshw-borderWidth-bl,0px); border-radius: var(--m5cshw-borderRadius-tl,0px) var(--m5cshw-borderRadius-tr,0px) var(--m5cshw-borderRadius-br,0px) var(--m5cshw-borderRadius-bl,0px); aspect-ratio: var(--m5cshw-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--m5cshw-borderWidth-tl-tablet, var(--m5cshw-borderWidth-tl,0px)) var(--m5cshw-borderWidth-tr-tablet, var(--m5cshw-borderWidth-tr,0px)) var(--m5cshw-borderWidth-br-tablet, var(--m5cshw-borderWidth-br,0px)) var(--m5cshw-borderWidth-bl-tablet, var(--m5cshw-borderWidth-bl,0px)); border-radius: var(--m5cshw-borderRadius-tl-tablet, var(--m5cshw-borderRadius-tl,0px)) var(--m5cshw-borderRadius-tr-tablet, var(--m5cshw-borderRadius-tr,0px)) var(--m5cshw-borderRadius-br-tablet, var(--m5cshw-borderRadius-br,0px)) var(--m5cshw-borderRadius-bl-tablet, var(--m5cshw-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--m5cshw-borderWidth-tl-mobile, var(--m5cshw-borderWidth-tl,0px)) var(--m5cshw-borderWidth-tr-mobile, var(--m5cshw-borderWidth-tr,0px)) var(--m5cshw-borderWidth-br-mobile, var(--m5cshw-borderWidth-br,0px)) var(--m5cshw-borderWidth-bl-mobile, var(--m5cshw-borderWidth-bl,0px)); border-radius: var(--m5cshw-borderRadius-tl-mobile, var(--m5cshw-borderRadius-tl,0px)) var(--m5cshw-borderRadius-tr-mobile, var(--m5cshw-borderRadius-tr,0px)) var(--m5cshw-borderRadius-br-mobile, var(--m5cshw-borderRadius-br,0px)) var(--m5cshw-borderRadius-bl-mobile, var(--m5cshw-borderRadius-bl,0px)); } box-shadow: if( style(--m5cshw-enableShadow: true): var(--m5cshw-shadowHorizontal, 0) var(--m5cshw-shadowVertical, 0) var(--m5cshw-shadowBlur, 0) 1px var(--m5cshw-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--m5cshw-overlayColor-color, #000); opacity: var(--m5cshw-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--m5cshw-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--m5cshw-width-tablet,var(--m5cshw-width,100%)) - var(--m5cshw-margin-left-tablet,var(--m5cshw-margin-left,0px)) - var(--m5cshw-margin-right-tablet,var(--m5cshw-margin-right,0px))); aspect-ratio: var(--m5cshw-imageRatio-tablet, var(--m5cshw-imageRatio, auto)); img { object-fit: var(--m5cshw-objFit-tablet, var(--m5cshw-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--m5cshw-width-mobile,var(--m5cshw-width,100%)) - var(--m5cshw-margin-left-mobile,var(--m5cshw-margin-left,0px)) - var(--m5cshw-margin-right-mobile,var(--m5cshw-margin-right,0px))); aspect-ratio: var(--m5cshw-imageRatio-mobile, var(--m5cshw-imageRatio, auto)); img { object-fit: var(--m5cshw-objFit-mobile, var(--m5cshw-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-x274e8"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #282928; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --x274e8-typography: p; --x274e8-typography-tablet: p; --x274e8-typography-mobile: p; }[data-bnode="beae-x274e8"] { margin-top: var(--x274e8-margin-top, 0px); margin-right: var(--x274e8-margin-right, 0px); margin-bottom: var(--x274e8-margin-bottom, 0px); margin-left: var(--x274e8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x274e8-margin-top-tablet, 0px); margin-right: var(--x274e8-margin-right-tablet, 0px); margin-bottom: var(--x274e8-margin-bottom-tablet, 0px); margin-left: var(--x274e8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x274e8-margin-top-mobile, 0px); margin-right: var(--x274e8-margin-right-mobile, 0px); margin-bottom: var(--x274e8-margin-bottom-mobile, 0px); margin-left: var(--x274e8-margin-left-mobile, 0px); } }[data-bnode="beae-oo1nwi"] { --oo1nwi-headerState: normal; --oo1nwi-headerState-tablet: normal; --oo1nwi-headerState-mobile: normal; --oo1nwi-colorActive: #282928; --oo1nwi-colorActive-tablet: #282928; --oo1nwi-colorActive-mobile: #282928; --oo1nwi-tabBgActive: #ffffff; --oo1nwi-tabBgActive-tablet: #ffffff; --oo1nwi-tabBgActive-mobile: #ffffff; --oo1nwi-paddingX: 0px; --oo1nwi-paddingX-tablet: 0px; --oo1nwi-paddingX-mobile: 0px; --oo1nwi-paddingY: 20px; --oo1nwi-paddingY-tablet: 16px; --oo1nwi-paddingY-mobile: 16px; --oo1nwi-borderStyle: solid; --oo1nwi-borderStyle-tablet: solid; --oo1nwi-borderStyle-mobile: solid; --oo1nwi-tabBg: #ffffff; --oo1nwi-tabBg-tablet: #ffffff; --oo1nwi-tabBg-mobile: #ffffff; --oo1nwi-headingTypo: h5; --oo1nwi-headingTypo-tablet: h5; --oo1nwi-headingTypo-mobile: h5; --oo1nwi-borderWidth-tl: 0px; --oo1nwi-borderWidth-tl-tablet: 0px; --oo1nwi-borderWidth-tl-mobile: 0px; --oo1nwi-borderWidth-tr: 0px; --oo1nwi-borderWidth-tr-tablet: 0px; --oo1nwi-borderWidth-tr-mobile: 0px; --oo1nwi-borderWidth-bl: 0px; --oo1nwi-borderWidth-bl-tablet: 0px; --oo1nwi-borderWidth-bl-mobile: 0px; --oo1nwi-borderWidth-br: 1px; --oo1nwi-borderWidth-br-tablet: 1px; --oo1nwi-borderWidth-br-mobile: 1px; --oo1nwi-borderColor: #e6e6e6; --oo1nwi-borderColor-tablet: #e6e6e6; --oo1nwi-borderColor-mobile: #e6e6e6; --oo1nwi-colorHover: #282928; --oo1nwi-colorHover-tablet: #282928; --oo1nwi-colorHover-mobile: #282928; --oo1nwi-tabBgHover: #ffffff; --oo1nwi-tabBgHover-tablet: #ffffff; --oo1nwi-tabBgHover-mobile: #ffffff; --beae-h5-font-size-mobile: 18px; --beae-h5-color: #282928; --beae-h5-font-weight: 500; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: none; --oo1nwi-borderRadius-tl: 0px; --oo1nwi-borderRadius-tl-tablet: 0px; --oo1nwi-borderRadius-tl-mobile: 0px; --oo1nwi-borderRadius-tr: 0px; --oo1nwi-borderRadius-tr-tablet: 0px; --oo1nwi-borderRadius-tr-mobile: 0px; --oo1nwi-borderRadius-bl: 0px; --oo1nwi-borderRadius-bl-tablet: 0px; --oo1nwi-borderRadius-bl-mobile: 0px; --oo1nwi-borderRadius-br: 0px; --oo1nwi-borderRadius-br-tablet: 0px; --oo1nwi-borderRadius-br-mobile: 0px; --oo1nwi-margin-top: 20px; --oo1nwi-margin-top-tablet: 10px; --oo1nwi-margin-top-mobile: 10px; --oo1nwi-margin-right: 0px; --oo1nwi-margin-right-tablet: 0px; --oo1nwi-margin-right-mobile: 0px; --oo1nwi-margin-bottom: 0px; --oo1nwi-margin-bottom-tablet: 0px; --oo1nwi-margin-bottom-mobile: 0px; --oo1nwi-margin-left: 0px; --oo1nwi-margin-left-tablet: 0px; --oo1nwi-margin-left-mobile: 0px; }[data-bnode="beae-oo1nwi"] { margin-top: var(--oo1nwi-margin-top, 0px); margin-right: var(--oo1nwi-margin-right, 0px); margin-bottom: var(--oo1nwi-margin-bottom, 0px); margin-left: var(--oo1nwi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--oo1nwi-margin-top-tablet, 0px); margin-right: var(--oo1nwi-margin-right-tablet, 0px); margin-bottom: var(--oo1nwi-margin-bottom-tablet, 0px); margin-left: var(--oo1nwi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--oo1nwi-margin-top-mobile, 0px); margin-right: var(--oo1nwi-margin-right-mobile, 0px); margin-bottom: var(--oo1nwi-margin-bottom-mobile, 0px); margin-left: var(--oo1nwi-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--oo1nwi-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--oo1nwi-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--oo1nwi-gap-mobile, 16px); } .beae-accordion-item { height: fit-content !important; border-style: var(--oo1nwi-borderStyle, solid); border-color: var(--oo1nwi-borderColor, #000000); border-width: var(--oo1nwi-borderWidth-tl, 0px) var(--oo1nwi-borderWidth-tr, 0px) var(--oo1nwi-borderWidth-br, 0px) var(--oo1nwi-borderWidth-bl, 0px); border-radius: var(--oo1nwi-borderRadius-tl, 0px) var(--oo1nwi-borderRadius-tr, 0px) var(--oo1nwi-borderRadius-br, 0px) var(--oo1nwi-borderRadius-bl, 0px); box-shadow: if(style(--oo1nwi-enableShadow: true): var(--oo1nwi-shadowHorizontal, 0) var(--oo1nwi-shadowVertical, 0) var(--oo1nwi-shadowBlur, 0) 1px var(--oo1nwi-shadowColor, #000000); else: none); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px) { border-width: var(--oo1nwi-borderWidth-tl-tablet, 0px) var(--oo1nwi-borderWidth-tr-tablet, 0px) var(--oo1nwi-borderWidth-br-tablet, 0px) var(--oo1nwi-borderWidth-bl-tablet, 0px); border-radius: var(--oo1nwi-borderRadius-tl-tablet, 0px) var(--oo1nwi-borderRadius-tr-tablet, 0px) var(--oo1nwi-borderRadius-br-tablet, 0px) var(--oo1nwi-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { border-width: var(--oo1nwi-borderWidth-tl-mobile, 0px) var(--oo1nwi-borderWidth-tr-mobile, 0px) var(--oo1nwi-borderWidth-br-mobile, 0px) var(--oo1nwi-borderWidth-bl-mobile, 0px); border-radius: var(--oo1nwi-borderRadius-tl-mobile, 0px) var(--oo1nwi-borderRadius-tr-mobile, 0px) var(--oo1nwi-borderRadius-br-mobile, 0px) var(--oo1nwi-borderRadius-bl-mobile, 0px); } svg { width: 20px; height: 20px; } .beae-accordion-icon { svg, path { transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; } } &[open] { .beae-accordion-summary { color: var(--oo1nwi-colorActive); background: var(--oo1nwi-tabBgActive); } .beae-accordion-content { opacity: 1; } .beae-accordion-icon { .beae-svg-plus { .stroke-vertical { transform: rotate(270deg); } } .beae-icon-chevron { transform: rotate(180deg); } .beae-icon-arrow { transform: rotate(90deg); } } } } .beae-accordion-title { flex: auto; cursor: pointer; } .beae-accordion-summary { display: flex; flex-direction: var(--beae-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--oo1nwi-paddingX, 20px); padding-block: var(--oo1nwi-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--oo1nwi-tabBg); &:marker { display: none; } &:hover { background: var(--oo1nwi-tabBgHover); color: var(--oo1nwi-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--oo1nwi-paddingX-tablet, 20px); padding-block: var(--oo1nwi-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--oo1nwi-paddingX-mobile, 20px); padding-block: var(--oo1nwi-paddingY-mobile, 20px); } } .beae-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .beae-accordion-content { opacity: 0; animation: beaeSlideDown 0.3s ease-out; } .beae-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes beaeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="beae-8l5225"] { --8l5225-direction: column; --8l5225-direction-tablet: column; --8l5225-direction-mobile: column; --8l5225-gap: 16px; --8l5225-gap-tablet: 16px; --8l5225-gap-mobile: 16px; --8l5225-padding-top: 12px; --8l5225-padding-top-tablet: 12px; --8l5225-padding-top-mobile: 12px; --8l5225-padding-bottom: 12px; --8l5225-padding-bottom-tablet: 12px; --8l5225-padding-bottom-mobile: 12px; --8l5225-padding-left: 0px; --8l5225-padding-left-tablet: 0px; --8l5225-padding-left-mobile: 0px; --8l5225-padding-right: 0px; --8l5225-padding-right-tablet: 0px; --8l5225-padding-right-mobile: 0px; }[data-bnode="beae-8l5225"] { padding-top: var(--8l5225-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--8l5225-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--8l5225-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--8l5225-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8l5225-padding-top-tablet, var(--8l5225-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--8l5225-padding-right-tablet, var(--8l5225-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--8l5225-padding-bottom-tablet, var(--8l5225-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--8l5225-padding-left-tablet, var(--8l5225-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8l5225-padding-top-mobile, var(--8l5225-padding-top-tablet, var(--8l5225-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--8l5225-padding-right-mobile, var(--8l5225-padding-right-tablet, var(--8l5225-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--8l5225-padding-bottom-mobile, var(--8l5225-padding-bottom-tablet, var(--8l5225-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--8l5225-padding-left-mobile, var(--8l5225-padding-left-tablet, var(--8l5225-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--8l5225-padding-left, var(--beae-slot-padding-x, 0px)) - var(--8l5225-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--8l5225-background-imageRatio, auto); background: var(--8l5225-background-color,transparent); border-style: var(--8l5225-borderStyle,solid); border-color: var(--8l5225-borderColor,#000000); border-width: var(--8l5225-borderWidth-tl,0px) var(--8l5225-borderWidth-tr,0px) var(--8l5225-borderWidth-br,0px) var(--8l5225-borderWidth-bl,0px); border-radius: var(--8l5225-borderRadius-tl,0px) var(--8l5225-borderRadius-tr,0px) var(--8l5225-borderRadius-br,0px) var(--8l5225-borderRadius-bl,0px); box-shadow: if(style(--8l5225-enableShadow: true): var(--8l5225-shadowHorizontal,0) var(--8l5225-shadowVertical,0) var(--8l5225-shadowBlur,0) 1px var(--8l5225-shadowColor,#000000); else: none); max-width: var(--8l5225-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--8l5225-background-imageRatio-tablet, var(--8l5225-background-imageRatio, auto)); border-width: var(--8l5225-borderWidth-tl-tablet,0px) var(--8l5225-borderWidth-tr-tablet,0px) var(--8l5225-borderWidth-br-tablet,0px) var(--8l5225-borderWidth-bl-tablet,0px); border-radius: var(--8l5225-borderRadius-tl-tablet,0px) var(--8l5225-borderRadius-tr-tablet,0px) var(--8l5225-borderRadius-br-tablet,0px) var(--8l5225-borderRadius-bl-tablet,0px); max-width: var(--8l5225-max-width-tablet, var(--8l5225-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--8l5225-background-imageRatio-mobile, var(--8l5225-background-imageRatio, auto)); border-width: var(--8l5225-borderWidth-tl-mobile,0px) var(--8l5225-borderWidth-tr-mobile,0px) var(--8l5225-borderWidth-br-mobile,0px) var(--8l5225-borderWidth-bl-mobile,0px); border-radius: var(--8l5225-borderRadius-tl-mobile,0px) var(--8l5225-borderRadius-tr-mobile,0px) var(--8l5225-borderRadius-br-mobile,0px) var(--8l5225-borderRadius-bl-mobile,0px); max-width: var(--8l5225-max-width-mobile, var(--8l5225-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--8l5225-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--8l5225-gap,var(--beae-card-gap)); padding-top: var(--8l5225-padding-top,var(--beae-card-padding)); padding-right: var(--8l5225-padding-right,var(--beae-card-padding)); padding-bottom: var(--8l5225-padding-bottom,var(--beae-card-padding)); padding-left: var(--8l5225-padding-left,var(--beae-card-padding)); border-width: var(--8l5225-borderWidth,var(--beae-card-border-width)); border-width: var(--8l5225-borderWidth-tl,var(--beae-card-border-width)) var(--8l5225-borderWidth-tr,var(--beae-card-border-width)) var(--8l5225-borderWidth-br,var(--beae-card-border-width)) var(--8l5225-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--8l5225-borderRadius-tl,var(--beae-card-border-radius)) var(--8l5225-borderRadius-tr,var(--beae-card-border-radius)) var(--8l5225-borderRadius-br,var(--beae-card-border-radius)) var(--8l5225-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8l5225-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--8l5225-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--8l5225-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--8l5225-padding-left-tablet,var(--beae-card-padding)); border-width: var(--8l5225-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--8l5225-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--8l5225-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--8l5225-borderWidth-br-desktop,var(--beae-card-border-width)) var(--8l5225-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--8l5225-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--8l5225-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--8l5225-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--8l5225-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--8l5225-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--8l5225-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--8l5225-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--8l5225-padding-left-mobile,var(--beae-card-padding)); border-width: var(--8l5225-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--8l5225-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--8l5225-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--8l5225-borderWidth-br-mobile,var(--beae-card-border-width)) var(--8l5225-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--8l5225-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--8l5225-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--8l5225-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--8l5225-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--8l5225-background-color,var(--beae-card-featured-background)); border-color: var(--8l5225-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--8l5225-enableShadow: true): var(--8l5225-shadowHorizontal, var(--beae-card-shadow-x)) var(--8l5225-shadowVertical, var(--beae-card-shadow-y)) var(--8l5225-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8l5225-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--8l5225-background-color,var(--beae-card-prod-background)); border-color: var(--8l5225-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--8l5225-enableShadow: true): var(--8l5225-shadowHorizontal, var(--beae-card-shadow-x)) var(--8l5225-shadowVertical, var(--beae-card-shadow-y)) var(--8l5225-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8l5225-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--8l5225-background-color,var(--beae-card-pricing-background)); border-color: var(--8l5225-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--8l5225-enableShadow: true): var(--8l5225-shadowHorizontal, var(--beae-card-shadow-x)) var(--8l5225-shadowVertical, var(--beae-card-shadow-y)) var(--8l5225-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8l5225-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--8l5225-background-color,var(--beae-card-cta-background)); border-color: var(--8l5225-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--8l5225-enableShadow: true): var(--8l5225-shadowHorizontal, var(--beae-card-shadow-x)) var(--8l5225-shadowVertical, var(--beae-card-shadow-y)) var(--8l5225-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8l5225-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--8l5225-background-color,var(--beae-card-media-background)); border-color: var(--8l5225-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--8l5225-enableShadow: true): var(--8l5225-shadowHorizontal, var(--beae-card-shadow-x)) var(--8l5225-shadowVertical, var(--beae-card-shadow-y)) var(--8l5225-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8l5225-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-8l5225"] {     display: flex;     flex-direction: var(--8l5225-direction, column);     flex-wrap: nowrap;     justify-content: var(--8l5225-justify-content);     align-items: var(--8l5225-align-items);     gap: var(--8l5225-gap, var(--8l5225-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8l5225"] {                            gap: var(--8l5225-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--8l5225-padding-right-tablet, 0px) - var(--8l5225-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8l5225"] {                            gap: var(--8l5225-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--8l5225-padding-right-mobile, 0px) - var(--8l5225-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-urixh4"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-urixh4"] { margin-top: var(--urixh4-margin-top, 0px); margin-right: var(--urixh4-margin-right, 0px); margin-bottom: var(--urixh4-margin-bottom, 0px); margin-left: var(--urixh4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--urixh4-margin-top-tablet, 0px); margin-right: var(--urixh4-margin-right-tablet, 0px); margin-bottom: var(--urixh4-margin-bottom-tablet, 0px); margin-left: var(--urixh4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--urixh4-margin-top-mobile, 0px); margin-right: var(--urixh4-margin-right-mobile, 0px); margin-bottom: var(--urixh4-margin-bottom-mobile, 0px); margin-left: var(--urixh4-margin-left-mobile, 0px); } }[data-bnode="beae-m4lzeg"] { --m4lzeg-direction: column; --m4lzeg-direction-tablet: column; --m4lzeg-direction-mobile: column; --m4lzeg-gap: 16px; --m4lzeg-gap-tablet: 16px; --m4lzeg-gap-mobile: 16px; --m4lzeg-padding-top: 12px; --m4lzeg-padding-top-tablet: 12px; --m4lzeg-padding-top-mobile: 12px; --m4lzeg-padding-bottom: 12px; --m4lzeg-padding-bottom-tablet: 12px; --m4lzeg-padding-bottom-mobile: 12px; --m4lzeg-padding-left: 20px; --m4lzeg-padding-left-tablet: 0px; --m4lzeg-padding-left-mobile: 0px; --m4lzeg-padding-right: 20px; --m4lzeg-padding-right-tablet: 0px; --m4lzeg-padding-right-mobile: 0px; --m4lzeg-borderStyle: none; --m4lzeg-borderStyle-tablet: none; --m4lzeg-borderStyle-mobile: none; --m4lzeg-borderWidth-tl: 0px; --m4lzeg-borderWidth-tl-tablet: 0px; --m4lzeg-borderWidth-tl-mobile: 0px; --m4lzeg-borderWidth-tr: 1px; --m4lzeg-borderWidth-tr-tablet: 1px; --m4lzeg-borderWidth-tr-mobile: 1px; --m4lzeg-borderWidth-bl: 1px; --m4lzeg-borderWidth-bl-tablet: 1px; --m4lzeg-borderWidth-bl-mobile: 1px; --m4lzeg-borderWidth-br: 1px; --m4lzeg-borderWidth-br-tablet: 1px; --m4lzeg-borderWidth-br-mobile: 1px; --m4lzeg-borderColor: #e6e6e6; --m4lzeg-borderColor-tablet: #e6e6e6; --m4lzeg-borderColor-mobile: #e6e6e6; }[data-bnode="beae-m4lzeg"] { padding-top: var(--m4lzeg-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--m4lzeg-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--m4lzeg-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--m4lzeg-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--m4lzeg-padding-top-tablet, var(--m4lzeg-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--m4lzeg-padding-right-tablet, var(--m4lzeg-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--m4lzeg-padding-bottom-tablet, var(--m4lzeg-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--m4lzeg-padding-left-tablet, var(--m4lzeg-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--m4lzeg-padding-top-mobile, var(--m4lzeg-padding-top-tablet, var(--m4lzeg-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--m4lzeg-padding-right-mobile, var(--m4lzeg-padding-right-tablet, var(--m4lzeg-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--m4lzeg-padding-bottom-mobile, var(--m4lzeg-padding-bottom-tablet, var(--m4lzeg-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--m4lzeg-padding-left-mobile, var(--m4lzeg-padding-left-tablet, var(--m4lzeg-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--m4lzeg-padding-left, var(--beae-slot-padding-x, 0px)) - var(--m4lzeg-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--m4lzeg-background-imageRatio, auto); background: var(--m4lzeg-background-color,transparent); border-style: var(--m4lzeg-borderStyle,solid); border-color: var(--m4lzeg-borderColor,#000000); border-width: var(--m4lzeg-borderWidth-tl,0px) var(--m4lzeg-borderWidth-tr,0px) var(--m4lzeg-borderWidth-br,0px) var(--m4lzeg-borderWidth-bl,0px); border-radius: var(--m4lzeg-borderRadius-tl,0px) var(--m4lzeg-borderRadius-tr,0px) var(--m4lzeg-borderRadius-br,0px) var(--m4lzeg-borderRadius-bl,0px); box-shadow: if(style(--m4lzeg-enableShadow: true): var(--m4lzeg-shadowHorizontal,0) var(--m4lzeg-shadowVertical,0) var(--m4lzeg-shadowBlur,0) 1px var(--m4lzeg-shadowColor,#000000); else: none); max-width: var(--m4lzeg-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--m4lzeg-background-imageRatio-tablet, var(--m4lzeg-background-imageRatio, auto)); border-width: var(--m4lzeg-borderWidth-tl-tablet,0px) var(--m4lzeg-borderWidth-tr-tablet,0px) var(--m4lzeg-borderWidth-br-tablet,0px) var(--m4lzeg-borderWidth-bl-tablet,0px); border-radius: var(--m4lzeg-borderRadius-tl-tablet,0px) var(--m4lzeg-borderRadius-tr-tablet,0px) var(--m4lzeg-borderRadius-br-tablet,0px) var(--m4lzeg-borderRadius-bl-tablet,0px); max-width: var(--m4lzeg-max-width-tablet, var(--m4lzeg-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--m4lzeg-background-imageRatio-mobile, var(--m4lzeg-background-imageRatio, auto)); border-width: var(--m4lzeg-borderWidth-tl-mobile,0px) var(--m4lzeg-borderWidth-tr-mobile,0px) var(--m4lzeg-borderWidth-br-mobile,0px) var(--m4lzeg-borderWidth-bl-mobile,0px); border-radius: var(--m4lzeg-borderRadius-tl-mobile,0px) var(--m4lzeg-borderRadius-tr-mobile,0px) var(--m4lzeg-borderRadius-br-mobile,0px) var(--m4lzeg-borderRadius-bl-mobile,0px); max-width: var(--m4lzeg-max-width-mobile, var(--m4lzeg-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--m4lzeg-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--m4lzeg-gap,var(--beae-card-gap)); padding-top: var(--m4lzeg-padding-top,var(--beae-card-padding)); padding-right: var(--m4lzeg-padding-right,var(--beae-card-padding)); padding-bottom: var(--m4lzeg-padding-bottom,var(--beae-card-padding)); padding-left: var(--m4lzeg-padding-left,var(--beae-card-padding)); border-width: var(--m4lzeg-borderWidth,var(--beae-card-border-width)); border-width: var(--m4lzeg-borderWidth-tl,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-tr,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-br,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--m4lzeg-borderRadius-tl,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-tr,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-br,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--m4lzeg-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--m4lzeg-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--m4lzeg-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--m4lzeg-padding-left-tablet,var(--beae-card-padding)); border-width: var(--m4lzeg-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--m4lzeg-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-br-desktop,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--m4lzeg-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--m4lzeg-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--m4lzeg-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--m4lzeg-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--m4lzeg-padding-left-mobile,var(--beae-card-padding)); border-width: var(--m4lzeg-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--m4lzeg-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-br-mobile,var(--beae-card-border-width)) var(--m4lzeg-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--m4lzeg-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--m4lzeg-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--m4lzeg-background-color,var(--beae-card-featured-background)); border-color: var(--m4lzeg-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--m4lzeg-enableShadow: true): var(--m4lzeg-shadowHorizontal, var(--beae-card-shadow-x)) var(--m4lzeg-shadowVertical, var(--beae-card-shadow-y)) var(--m4lzeg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m4lzeg-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--m4lzeg-background-color,var(--beae-card-prod-background)); border-color: var(--m4lzeg-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--m4lzeg-enableShadow: true): var(--m4lzeg-shadowHorizontal, var(--beae-card-shadow-x)) var(--m4lzeg-shadowVertical, var(--beae-card-shadow-y)) var(--m4lzeg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m4lzeg-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--m4lzeg-background-color,var(--beae-card-pricing-background)); border-color: var(--m4lzeg-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--m4lzeg-enableShadow: true): var(--m4lzeg-shadowHorizontal, var(--beae-card-shadow-x)) var(--m4lzeg-shadowVertical, var(--beae-card-shadow-y)) var(--m4lzeg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m4lzeg-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--m4lzeg-background-color,var(--beae-card-cta-background)); border-color: var(--m4lzeg-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--m4lzeg-enableShadow: true): var(--m4lzeg-shadowHorizontal, var(--beae-card-shadow-x)) var(--m4lzeg-shadowVertical, var(--beae-card-shadow-y)) var(--m4lzeg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m4lzeg-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--m4lzeg-background-color,var(--beae-card-media-background)); border-color: var(--m4lzeg-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--m4lzeg-enableShadow: true): var(--m4lzeg-shadowHorizontal, var(--beae-card-shadow-x)) var(--m4lzeg-shadowVertical, var(--beae-card-shadow-y)) var(--m4lzeg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m4lzeg-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-m4lzeg"] {     display: flex;     flex-direction: var(--m4lzeg-direction, column);     flex-wrap: nowrap;     justify-content: var(--m4lzeg-justify-content);     align-items: var(--m4lzeg-align-items);     gap: var(--m4lzeg-gap, var(--m4lzeg-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-m4lzeg"] {                            gap: var(--m4lzeg-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--m4lzeg-padding-right-tablet, 0px) - var(--m4lzeg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-m4lzeg"] {                            gap: var(--m4lzeg-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--m4lzeg-padding-right-mobile, 0px) - var(--m4lzeg-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-8l8x4z"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-8l8x4z"] { margin-top: var(--8l8x4z-margin-top, 0px); margin-right: var(--8l8x4z-margin-right, 0px); margin-bottom: var(--8l8x4z-margin-bottom, 0px); margin-left: var(--8l8x4z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8l8x4z-margin-top-tablet, 0px); margin-right: var(--8l8x4z-margin-right-tablet, 0px); margin-bottom: var(--8l8x4z-margin-bottom-tablet, 0px); margin-left: var(--8l8x4z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8l8x4z-margin-top-mobile, 0px); margin-right: var(--8l8x4z-margin-right-mobile, 0px); margin-bottom: var(--8l8x4z-margin-bottom-mobile, 0px); margin-left: var(--8l8x4z-margin-left-mobile, 0px); } }[data-bnode="beae-sz774x"] { --sz774x-direction: column; --sz774x-direction-tablet: column; --sz774x-direction-mobile: column; --sz774x-gap: 16px; --sz774x-gap-tablet: 16px; --sz774x-gap-mobile: 16px; --sz774x-padding-top: 0px; --sz774x-padding-top-tablet: 0px; --sz774x-padding-top-mobile: 0px; --sz774x-padding-right: 20px; --sz774x-padding-right-tablet: 20px; --sz774x-padding-right-mobile: 20px; --sz774x-padding-bottom: 0px; --sz774x-padding-bottom-tablet: 0px; --sz774x-padding-bottom-mobile: 0px; --sz774x-padding-left: 20px; --sz774x-padding-left-tablet: 20px; --sz774x-padding-left-mobile: 20px; }[data-bnode="beae-sz774x"] { padding-top: var(--sz774x-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--sz774x-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--sz774x-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--sz774x-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--sz774x-padding-top-tablet, var(--sz774x-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--sz774x-padding-right-tablet, var(--sz774x-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--sz774x-padding-bottom-tablet, var(--sz774x-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--sz774x-padding-left-tablet, var(--sz774x-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--sz774x-padding-top-mobile, var(--sz774x-padding-top-tablet, var(--sz774x-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--sz774x-padding-right-mobile, var(--sz774x-padding-right-tablet, var(--sz774x-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--sz774x-padding-bottom-mobile, var(--sz774x-padding-bottom-tablet, var(--sz774x-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--sz774x-padding-left-mobile, var(--sz774x-padding-left-tablet, var(--sz774x-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--sz774x-padding-left, var(--beae-slot-padding-x, 0px)) - var(--sz774x-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--sz774x-background-imageRatio, auto); background: var(--sz774x-background-color,transparent); border-style: var(--sz774x-borderStyle,solid); border-color: var(--sz774x-borderColor,#000000); border-width: var(--sz774x-borderWidth-tl,0px) var(--sz774x-borderWidth-tr,0px) var(--sz774x-borderWidth-br,0px) var(--sz774x-borderWidth-bl,0px); border-radius: var(--sz774x-borderRadius-tl,0px) var(--sz774x-borderRadius-tr,0px) var(--sz774x-borderRadius-br,0px) var(--sz774x-borderRadius-bl,0px); box-shadow: if(style(--sz774x-enableShadow: true): var(--sz774x-shadowHorizontal,0) var(--sz774x-shadowVertical,0) var(--sz774x-shadowBlur,0) 1px var(--sz774x-shadowColor,#000000); else: none); max-width: var(--sz774x-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--sz774x-background-imageRatio-tablet, var(--sz774x-background-imageRatio, auto)); border-width: var(--sz774x-borderWidth-tl-tablet,0px) var(--sz774x-borderWidth-tr-tablet,0px) var(--sz774x-borderWidth-br-tablet,0px) var(--sz774x-borderWidth-bl-tablet,0px); border-radius: var(--sz774x-borderRadius-tl-tablet,0px) var(--sz774x-borderRadius-tr-tablet,0px) var(--sz774x-borderRadius-br-tablet,0px) var(--sz774x-borderRadius-bl-tablet,0px); max-width: var(--sz774x-max-width-tablet, var(--sz774x-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--sz774x-background-imageRatio-mobile, var(--sz774x-background-imageRatio, auto)); border-width: var(--sz774x-borderWidth-tl-mobile,0px) var(--sz774x-borderWidth-tr-mobile,0px) var(--sz774x-borderWidth-br-mobile,0px) var(--sz774x-borderWidth-bl-mobile,0px); border-radius: var(--sz774x-borderRadius-tl-mobile,0px) var(--sz774x-borderRadius-tr-mobile,0px) var(--sz774x-borderRadius-br-mobile,0px) var(--sz774x-borderRadius-bl-mobile,0px); max-width: var(--sz774x-max-width-mobile, var(--sz774x-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--sz774x-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--sz774x-gap,var(--beae-card-gap)); padding-top: var(--sz774x-padding-top,var(--beae-card-padding)); padding-right: var(--sz774x-padding-right,var(--beae-card-padding)); padding-bottom: var(--sz774x-padding-bottom,var(--beae-card-padding)); padding-left: var(--sz774x-padding-left,var(--beae-card-padding)); border-width: var(--sz774x-borderWidth,var(--beae-card-border-width)); border-width: var(--sz774x-borderWidth-tl,var(--beae-card-border-width)) var(--sz774x-borderWidth-tr,var(--beae-card-border-width)) var(--sz774x-borderWidth-br,var(--beae-card-border-width)) var(--sz774x-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--sz774x-borderRadius-tl,var(--beae-card-border-radius)) var(--sz774x-borderRadius-tr,var(--beae-card-border-radius)) var(--sz774x-borderRadius-br,var(--beae-card-border-radius)) var(--sz774x-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--sz774x-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--sz774x-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--sz774x-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--sz774x-padding-left-tablet,var(--beae-card-padding)); border-width: var(--sz774x-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--sz774x-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--sz774x-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--sz774x-borderWidth-br-desktop,var(--beae-card-border-width)) var(--sz774x-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--sz774x-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--sz774x-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--sz774x-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--sz774x-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--sz774x-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--sz774x-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--sz774x-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--sz774x-padding-left-mobile,var(--beae-card-padding)); border-width: var(--sz774x-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--sz774x-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--sz774x-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--sz774x-borderWidth-br-mobile,var(--beae-card-border-width)) var(--sz774x-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--sz774x-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--sz774x-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--sz774x-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--sz774x-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--sz774x-background-color,var(--beae-card-featured-background)); border-color: var(--sz774x-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--sz774x-enableShadow: true): var(--sz774x-shadowHorizontal, var(--beae-card-shadow-x)) var(--sz774x-shadowVertical, var(--beae-card-shadow-y)) var(--sz774x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sz774x-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--sz774x-background-color,var(--beae-card-prod-background)); border-color: var(--sz774x-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--sz774x-enableShadow: true): var(--sz774x-shadowHorizontal, var(--beae-card-shadow-x)) var(--sz774x-shadowVertical, var(--beae-card-shadow-y)) var(--sz774x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sz774x-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--sz774x-background-color,var(--beae-card-pricing-background)); border-color: var(--sz774x-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--sz774x-enableShadow: true): var(--sz774x-shadowHorizontal, var(--beae-card-shadow-x)) var(--sz774x-shadowVertical, var(--beae-card-shadow-y)) var(--sz774x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sz774x-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--sz774x-background-color,var(--beae-card-cta-background)); border-color: var(--sz774x-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--sz774x-enableShadow: true): var(--sz774x-shadowHorizontal, var(--beae-card-shadow-x)) var(--sz774x-shadowVertical, var(--beae-card-shadow-y)) var(--sz774x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sz774x-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--sz774x-background-color,var(--beae-card-media-background)); border-color: var(--sz774x-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--sz774x-enableShadow: true): var(--sz774x-shadowHorizontal, var(--beae-card-shadow-x)) var(--sz774x-shadowVertical, var(--beae-card-shadow-y)) var(--sz774x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sz774x-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-sz774x"] {     display: flex;     flex-direction: var(--sz774x-direction, column);     flex-wrap: nowrap;     justify-content: var(--sz774x-justify-content);     align-items: var(--sz774x-align-items);     gap: var(--sz774x-gap, var(--sz774x-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-sz774x"] {                            gap: var(--sz774x-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--sz774x-padding-right-tablet, 0px) - var(--sz774x-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-sz774x"] {                            gap: var(--sz774x-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--sz774x-padding-right-mobile, 0px) - var(--sz774x-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5ngnc7"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-5ngnc7"] { margin-top: var(--5ngnc7-margin-top, 0px); margin-right: var(--5ngnc7-margin-right, 0px); margin-bottom: var(--5ngnc7-margin-bottom, 0px); margin-left: var(--5ngnc7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5ngnc7-margin-top-tablet, 0px); margin-right: var(--5ngnc7-margin-right-tablet, 0px); margin-bottom: var(--5ngnc7-margin-bottom-tablet, 0px); margin-left: var(--5ngnc7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5ngnc7-margin-top-mobile, 0px); margin-right: var(--5ngnc7-margin-right-mobile, 0px); margin-bottom: var(--5ngnc7-margin-bottom-mobile, 0px); margin-left: var(--5ngnc7-margin-left-mobile, 0px); } }[data-bnode="beae-8xf7qj"] { --8xf7qj-direction: row; --8xf7qj-direction-tablet: row; --8xf7qj-direction-mobile: column; --8xf7qj-margin-top: 12px; --8xf7qj-margin-top-tablet: 12px; --8xf7qj-margin-top-mobile: 12px; --8xf7qj-margin-bottom: 12px; --8xf7qj-margin-bottom-tablet: 12px; --8xf7qj-margin-bottom-mobile: 12px; --8xf7qj-structure: columns; --8xf7qj-structure-tablet: columns; --8xf7qj-structure-mobile: columns; --8xf7qj-gap: 12px; --8xf7qj-gap-tablet: 12px; --8xf7qj-gap-mobile: 12px; --8xf7qj-columns: 33.33,66.66; --8xf7qj-columns-tablet: 33.33,66.66; --8xf7qj-columns-mobile: 33.33,66.66; --8xf7qj-columnsPresetId: 33.33,66.66; --8xf7qj-columnsPresetId-tablet: 33.33,66.66; --8xf7qj-columnsPresetId-mobile: 33.33,66.66; --8xf7qj-padding-top: 10px; --8xf7qj-padding-top-tablet: 10px; --8xf7qj-padding-top-mobile: 10px; --8xf7qj-padding-right: 0px; --8xf7qj-padding-right-tablet: 0px; --8xf7qj-padding-right-mobile: 0px; --8xf7qj-padding-bottom: 6px; --8xf7qj-padding-bottom-tablet: 6px; --8xf7qj-padding-bottom-mobile: 6px; --8xf7qj-padding-left: 0px; --8xf7qj-padding-left-tablet: 0px; --8xf7qj-padding-left-mobile: 0px; }[data-bnode="beae-8xf7qj"] { padding-top: var(--8xf7qj-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--8xf7qj-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--8xf7qj-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--8xf7qj-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8xf7qj-padding-top-tablet, var(--8xf7qj-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--8xf7qj-padding-right-tablet, var(--8xf7qj-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--8xf7qj-padding-bottom-tablet, var(--8xf7qj-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--8xf7qj-padding-left-tablet, var(--8xf7qj-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8xf7qj-padding-top-mobile, var(--8xf7qj-padding-top-tablet, var(--8xf7qj-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--8xf7qj-padding-right-mobile, var(--8xf7qj-padding-right-tablet, var(--8xf7qj-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--8xf7qj-padding-bottom-mobile, var(--8xf7qj-padding-bottom-tablet, var(--8xf7qj-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--8xf7qj-padding-left-mobile, var(--8xf7qj-padding-left-tablet, var(--8xf7qj-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--8xf7qj-padding-left, var(--beae-slot-padding-x, 0px)) - var(--8xf7qj-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow:hidden; background: var(--8xf7qj-background-color); border-style: var(--8xf7qj-borderStyle); border-color: var(--8xf7qj-borderColor); border-width:var(--8xf7qj-borderWidth,0px); border-radius: var(--8xf7qj-borderRadius); box-shadow: if(style(--8xf7qj-enableShadow: true): var(--8xf7qj-shadowHorizontal,0) var(--8xf7qj-shadowVertical,0) var(--8xf7qj-shadowBlur,0) 1px var(--8xf7qj-shadowColor,#000000); else: none); max-width: var(--8xf7qj-max-width, 100%); > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-8xf7qj"] {     display: flex;     flex-direction: var(--8xf7qj-direction, column);     flex-wrap: nowrap;     justify-content: var(--8xf7qj-justify-content);     align-items: var(--8xf7qj-align-items);     gap: var(--8xf7qj-gap, var(--8xf7qj-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(33.33% - var(--8xf7qj-padding-right, 0px) - var(--8xf7qj-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(66.66% - var(--8xf7qj-padding-right, 0px) - var(--8xf7qj-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--8xf7qj-padding-right, 0px) - var(--8xf7qj-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8xf7qj"] {                            gap: var(--8xf7qj-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--8xf7qj-padding-right-tablet, 0px) - var(--8xf7qj-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8xf7qj"] {      flex-direction: var(--8xf7qj-direction-mobile, column);                      gap: var(--8xf7qj-gap-mobile, var(--beae-slot-gap-mobile));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-2ihuu5"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --2ihuu5-typography: p; --2ihuu5-typography-tablet: p; --2ihuu5-typography-mobile: p; }[data-bnode="beae-2ihuu5"] { margin-top: var(--2ihuu5-margin-top, 0px); margin-right: var(--2ihuu5-margin-right, 0px); margin-bottom: var(--2ihuu5-margin-bottom, 0px); margin-left: var(--2ihuu5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2ihuu5-margin-top-tablet, 0px); margin-right: var(--2ihuu5-margin-right-tablet, 0px); margin-bottom: var(--2ihuu5-margin-bottom-tablet, 0px); margin-left: var(--2ihuu5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2ihuu5-margin-top-mobile, 0px); margin-right: var(--2ihuu5-margin-right-mobile, 0px); margin-bottom: var(--2ihuu5-margin-bottom-mobile, 0px); margin-left: var(--2ihuu5-margin-left-mobile, 0px); } }[data-bnode="beae-l5fosr"] { --l5fosr-width: 326px; --l5fosr-width-tablet: 326px; --l5fosr-width-mobile: 326px; --l5fosr-imageRatio: 27/2; --l5fosr-imageRatio-tablet: 27/2; --l5fosr-imageRatio-mobile: 27/2; --l5fosr-objFit: contain; --l5fosr-objFit-tablet: contain; --l5fosr-objFit-mobile: contain; --l5fosr-borderColor: #000000; --l5fosr-borderColor-tablet: #000000; --l5fosr-borderColor-mobile: #000000; --l5fosr-shadowColor: #000000; --l5fosr-shadowColor-tablet: #000000; --l5fosr-shadowColor-mobile: #000000; --l5fosr-borderStyle: none; --l5fosr-borderStyle-tablet: none; --l5fosr-borderStyle-mobile: none; --l5fosr-enableShadow: false; --l5fosr-enableShadow-tablet: false; --l5fosr-enableShadow-mobile: false; --l5fosr-width_custom: 326px; --l5fosr-width_custom-tablet: 326px; --l5fosr-width_custom-mobile: 326px; }[data-bnode="beae-l5fosr"] { margin-top: var(--l5fosr-margin-top, 0px); margin-right: var(--l5fosr-margin-right, 0px); margin-bottom: var(--l5fosr-margin-bottom, 0px); margin-left: var(--l5fosr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--l5fosr-margin-top-tablet, 0px); margin-right: var(--l5fosr-margin-right-tablet, 0px); margin-bottom: var(--l5fosr-margin-bottom-tablet, 0px); margin-left: var(--l5fosr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--l5fosr-margin-top-mobile, 0px); margin-right: var(--l5fosr-margin-right-mobile, 0px); margin-bottom: var(--l5fosr-margin-bottom-mobile, 0px); margin-left: var(--l5fosr-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--l5fosr-width,100%) - var(--l5fosr-margin-left,0px) - var(--l5fosr-margin-right,0px)); min-height: min-content; border-style: var(--l5fosr-borderStyle,solid); border-color: var(--l5fosr-borderColor,#000000); border-width: var(--l5fosr-borderWidth-tl,0px) var(--l5fosr-borderWidth-tr,0px) var(--l5fosr-borderWidth-br,0px) var(--l5fosr-borderWidth-bl,0px); border-radius: var(--l5fosr-borderRadius-tl,0px) var(--l5fosr-borderRadius-tr,0px) var(--l5fosr-borderRadius-br,0px) var(--l5fosr-borderRadius-bl,0px); aspect-ratio: var(--l5fosr-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--l5fosr-borderWidth-tl-tablet, var(--l5fosr-borderWidth-tl,0px)) var(--l5fosr-borderWidth-tr-tablet, var(--l5fosr-borderWidth-tr,0px)) var(--l5fosr-borderWidth-br-tablet, var(--l5fosr-borderWidth-br,0px)) var(--l5fosr-borderWidth-bl-tablet, var(--l5fosr-borderWidth-bl,0px)); border-radius: var(--l5fosr-borderRadius-tl-tablet, var(--l5fosr-borderRadius-tl,0px)) var(--l5fosr-borderRadius-tr-tablet, var(--l5fosr-borderRadius-tr,0px)) var(--l5fosr-borderRadius-br-tablet, var(--l5fosr-borderRadius-br,0px)) var(--l5fosr-borderRadius-bl-tablet, var(--l5fosr-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--l5fosr-borderWidth-tl-mobile, var(--l5fosr-borderWidth-tl,0px)) var(--l5fosr-borderWidth-tr-mobile, var(--l5fosr-borderWidth-tr,0px)) var(--l5fosr-borderWidth-br-mobile, var(--l5fosr-borderWidth-br,0px)) var(--l5fosr-borderWidth-bl-mobile, var(--l5fosr-borderWidth-bl,0px)); border-radius: var(--l5fosr-borderRadius-tl-mobile, var(--l5fosr-borderRadius-tl,0px)) var(--l5fosr-borderRadius-tr-mobile, var(--l5fosr-borderRadius-tr,0px)) var(--l5fosr-borderRadius-br-mobile, var(--l5fosr-borderRadius-br,0px)) var(--l5fosr-borderRadius-bl-mobile, var(--l5fosr-borderRadius-bl,0px)); } box-shadow: if( style(--l5fosr-enableShadow: true): var(--l5fosr-shadowHorizontal, 0) var(--l5fosr-shadowVertical, 0) var(--l5fosr-shadowBlur, 0) 1px var(--l5fosr-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--l5fosr-overlayColor-color, #000); opacity: var(--l5fosr-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--l5fosr-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--l5fosr-width-tablet,var(--l5fosr-width,100%)) - var(--l5fosr-margin-left-tablet,var(--l5fosr-margin-left,0px)) - var(--l5fosr-margin-right-tablet,var(--l5fosr-margin-right,0px))); aspect-ratio: var(--l5fosr-imageRatio-tablet, var(--l5fosr-imageRatio, auto)); img { object-fit: var(--l5fosr-objFit-tablet, var(--l5fosr-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--l5fosr-width-mobile,var(--l5fosr-width,100%)) - var(--l5fosr-margin-left-mobile,var(--l5fosr-margin-left,0px)) - var(--l5fosr-margin-right-mobile,var(--l5fosr-margin-right,0px))); aspect-ratio: var(--l5fosr-imageRatio-mobile, var(--l5fosr-imageRatio, auto)); img { object-fit: var(--l5fosr-objFit-mobile, var(--l5fosr-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-ip3c7b"] { --ip3c7b-width: 1400px; --ip3c7b-width-tablet: 1400px; --ip3c7b-width-mobile: 1400px; --ip3c7b-height: fit-content; --ip3c7b-height-tablet: fit-content; --ip3c7b-height-mobile: fit-content; --ip3c7b-padding-top: 0px; --ip3c7b-padding-top-tablet: 0px; --ip3c7b-padding-top-mobile: 16px; --ip3c7b-padding-right: 30px; --ip3c7b-padding-right-tablet: 30px; --ip3c7b-padding-right-mobile: 16px; --ip3c7b-padding-bottom: 0px; --ip3c7b-padding-bottom-tablet: 0px; --ip3c7b-padding-bottom-mobile: 16px; --ip3c7b-padding-left: 30px; --ip3c7b-padding-left-tablet: 30px; --ip3c7b-padding-left-mobile: 16px; --ip3c7b-direction: row; --ip3c7b-direction-tablet: row; --ip3c7b-direction-mobile: row; --ip3c7b-structure: columns; --ip3c7b-structure-tablet: columns; --ip3c7b-structure-mobile: columns; --ip3c7b-gap: 64px; --ip3c7b-gap-tablet: 64px; --ip3c7b-gap-mobile: 64px; --ip3c7b-color: #2C2626; --ip3c7b-color-tablet: #2C2626; --ip3c7b-color-mobile: #2C2626; --ip3c7b-align-items: stretch; --ip3c7b-align-items-tablet: stretch; --ip3c7b-align-items-mobile: stretch; --ip3c7b-background-type: color; --ip3c7b-background-type-tablet: color; --ip3c7b-background-type-mobile: color; --ip3c7b-background-color: #F3F6EF; --ip3c7b-background-color-tablet: #F3F6EF; --ip3c7b-background-color-mobile: #F3F6EF; }[data-bnode="beae-ip3c7b"] { padding-top: var(--ip3c7b-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--ip3c7b-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--ip3c7b-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--ip3c7b-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ip3c7b-padding-top-tablet, var(--ip3c7b-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--ip3c7b-padding-right-tablet, var(--ip3c7b-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--ip3c7b-padding-bottom-tablet, var(--ip3c7b-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--ip3c7b-padding-left-tablet, var(--ip3c7b-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ip3c7b-padding-top-mobile, var(--ip3c7b-padding-top-tablet, var(--ip3c7b-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--ip3c7b-padding-right-mobile, var(--ip3c7b-padding-right-tablet, var(--ip3c7b-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--ip3c7b-padding-bottom-mobile, var(--ip3c7b-padding-bottom-tablet, var(--ip3c7b-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--ip3c7b-padding-left-mobile, var(--ip3c7b-padding-left-tablet, var(--ip3c7b-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--ip3c7b-padding-left, var(--beae-section-padding-x, 0px)) - var(--ip3c7b-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--ip3c7b-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--ip3c7b-height); width: 100%; max-width: var(--ip3c7b-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--ip3c7b-height-tablet, auto); width: 100%; max-width: var(--ip3c7b-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--ip3c7b-height-mobile, auto); width: 100%; max-width: var(--ip3c7b-width-mobile, 100%); } } } }[data-bnode="beae-ip3c7b"] > .beae-section-container{     display: flex;     flex-direction: var(--ip3c7b-direction, column);     flex-wrap: nowrap;     justify-content: var(--ip3c7b-justify-content);     align-items: var(--ip3c7b-align-items);     gap: var(--ip3c7b-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--ip3c7b-padding-right, 0px) - var(--ip3c7b-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ip3c7b"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ip3c7b-padding-right-tablet, 0px) - var(--ip3c7b-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ip3c7b"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ip3c7b-padding-right-mobile, 0px) - var(--ip3c7b-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-20j0s9"] { --20j0s9-padding-top: 112px; --20j0s9-padding-top-tablet: 64px; --20j0s9-padding-top-mobile: 80px; --20j0s9-padding-bottom: 112px; --20j0s9-padding-bottom-tablet: 64px; --20j0s9-padding-bottom-mobile: 80px; --20j0s9-padding-right: 0px; --20j0s9-padding-right-tablet: 0px; --20j0s9-padding-right-mobile: 1px; --20j0s9-padding-left: 0px; --20j0s9-padding-left-tablet: 0px; --20j0s9-padding-left-mobile: 1px; --20j0s9-direction: row; --20j0s9-direction-tablet: column; --20j0s9-direction-mobile: column; --20j0s9-structure: columns; --20j0s9-structure-tablet: auto; --20j0s9-structure-mobile: auto; --20j0s9-align-items: stretch; --20j0s9-align-items-tablet: stretch; --20j0s9-align-items-mobile: stretch; --20j0s9-gap: 56px; --20j0s9-gap-tablet: 40px; --20j0s9-gap-mobile: 48px; --20j0s9-backgroundColor: #211806; --20j0s9-backgroundColor-tablet: #211806; --20j0s9-backgroundColor-mobile: #211806; --20j0s9-borderRadius: 24px; --20j0s9-borderRadius-tablet: 24px; --20j0s9-borderRadius-mobile: 24px; --20j0s9-flex-wrap: false; --20j0s9-flex-wrap-tablet: false; --20j0s9-flex-wrap-mobile: false; --20j0s9-columns: 43.00,57.00; --20j0s9-columns-tablet: 43.00,57.00; --20j0s9-columns-mobile: 43.00,57.00; --20j0s9-columnsPresetId: 43.00,57.00; --20j0s9-columnsPresetId-tablet: 43.00,57.00; --20j0s9-columnsPresetId-mobile: 43.00,57.00; --20j0s9-grow-1-child: 20; --20j0s9-grow-1-child-tablet: 20; --20j0s9-grow-1-child-mobile: 20; --20j0s9-grow-2-child: 80; --20j0s9-grow-2-child-tablet: 80; --20j0s9-grow-2-child-mobile: 80; --20j0s9-background-type: color; --20j0s9-background-type-tablet: color; --20j0s9-background-type-mobile: color; --20j0s9-background-color: #F3F6EF; --20j0s9-background-color-tablet: #F3F6EF; --20j0s9-background-color-mobile: #F3F6EF; --20j0s9-max-width: 100%; --20j0s9-max-width-tablet: 100%; --20j0s9-max-width-mobile: 100%; --20j0s9-borderStyle: solid; --20j0s9-borderStyle-tablet: solid; --20j0s9-borderStyle-mobile: solid; --20j0s9-borderWidth-tl-tablet: 0px; --20j0s9-borderWidth-tl-mobile: 0px; --20j0s9-borderWidth-tr-tablet: 0px; --20j0s9-borderWidth-tr-mobile: 0px; --20j0s9-borderWidth-bl-tablet: 0px; --20j0s9-borderWidth-bl-mobile: 0px; --20j0s9-borderWidth-br-tablet: 0px; --20j0s9-borderWidth-br-mobile: 0px; }[data-bnode="beae-20j0s9"] { padding-top: var(--20j0s9-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--20j0s9-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--20j0s9-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--20j0s9-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--20j0s9-padding-top-tablet, var(--20j0s9-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--20j0s9-padding-right-tablet, var(--20j0s9-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--20j0s9-padding-bottom-tablet, var(--20j0s9-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--20j0s9-padding-left-tablet, var(--20j0s9-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--20j0s9-padding-top-mobile, var(--20j0s9-padding-top-tablet, var(--20j0s9-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--20j0s9-padding-right-mobile, var(--20j0s9-padding-right-tablet, var(--20j0s9-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--20j0s9-padding-bottom-mobile, var(--20j0s9-padding-bottom-tablet, var(--20j0s9-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--20j0s9-padding-left-mobile, var(--20j0s9-padding-left-tablet, var(--20j0s9-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--20j0s9-padding-left, var(--beae-slot-padding-x, 0px)) - var(--20j0s9-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--20j0s9-background-imageRatio, auto); background: var(--20j0s9-background-color,transparent); border-style: var(--20j0s9-borderStyle,solid); border-color: var(--20j0s9-borderColor,#000000); border-width: var(--20j0s9-borderWidth-tl,0px) var(--20j0s9-borderWidth-tr,0px) var(--20j0s9-borderWidth-br,0px) var(--20j0s9-borderWidth-bl,0px); border-radius: var(--20j0s9-borderRadius-tl,0px) var(--20j0s9-borderRadius-tr,0px) var(--20j0s9-borderRadius-br,0px) var(--20j0s9-borderRadius-bl,0px); box-shadow: if(style(--20j0s9-enableShadow: true): var(--20j0s9-shadowHorizontal,0) var(--20j0s9-shadowVertical,0) var(--20j0s9-shadowBlur,0) 1px var(--20j0s9-shadowColor,#000000); else: none); max-width: var(--20j0s9-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--20j0s9-background-imageRatio-tablet, var(--20j0s9-background-imageRatio, auto)); border-width: var(--20j0s9-borderWidth-tl-tablet,0px) var(--20j0s9-borderWidth-tr-tablet,0px) var(--20j0s9-borderWidth-br-tablet,0px) var(--20j0s9-borderWidth-bl-tablet,0px); border-radius: var(--20j0s9-borderRadius-tl-tablet,0px) var(--20j0s9-borderRadius-tr-tablet,0px) var(--20j0s9-borderRadius-br-tablet,0px) var(--20j0s9-borderRadius-bl-tablet,0px); max-width: var(--20j0s9-max-width-tablet, var(--20j0s9-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--20j0s9-background-imageRatio-mobile, var(--20j0s9-background-imageRatio, auto)); border-width: var(--20j0s9-borderWidth-tl-mobile,0px) var(--20j0s9-borderWidth-tr-mobile,0px) var(--20j0s9-borderWidth-br-mobile,0px) var(--20j0s9-borderWidth-bl-mobile,0px); border-radius: var(--20j0s9-borderRadius-tl-mobile,0px) var(--20j0s9-borderRadius-tr-mobile,0px) var(--20j0s9-borderRadius-br-mobile,0px) var(--20j0s9-borderRadius-bl-mobile,0px); max-width: var(--20j0s9-max-width-mobile, var(--20j0s9-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--20j0s9-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--20j0s9-gap,var(--beae-card-gap)); padding-top: var(--20j0s9-padding-top,var(--beae-card-padding)); padding-right: var(--20j0s9-padding-right,var(--beae-card-padding)); padding-bottom: var(--20j0s9-padding-bottom,var(--beae-card-padding)); padding-left: var(--20j0s9-padding-left,var(--beae-card-padding)); border-width: var(--20j0s9-borderWidth,var(--beae-card-border-width)); border-width: var(--20j0s9-borderWidth-tl,var(--beae-card-border-width)) var(--20j0s9-borderWidth-tr,var(--beae-card-border-width)) var(--20j0s9-borderWidth-br,var(--beae-card-border-width)) var(--20j0s9-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--20j0s9-borderRadius-tl,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-tr,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-br,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--20j0s9-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--20j0s9-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--20j0s9-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--20j0s9-padding-left-tablet,var(--beae-card-padding)); border-width: var(--20j0s9-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--20j0s9-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--20j0s9-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--20j0s9-borderWidth-br-desktop,var(--beae-card-border-width)) var(--20j0s9-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--20j0s9-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--20j0s9-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--20j0s9-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--20j0s9-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--20j0s9-padding-left-mobile,var(--beae-card-padding)); border-width: var(--20j0s9-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--20j0s9-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--20j0s9-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--20j0s9-borderWidth-br-mobile,var(--beae-card-border-width)) var(--20j0s9-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--20j0s9-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--20j0s9-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--20j0s9-background-color,var(--beae-card-featured-background)); border-color: var(--20j0s9-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--20j0s9-enableShadow: true): var(--20j0s9-shadowHorizontal, var(--beae-card-shadow-x)) var(--20j0s9-shadowVertical, var(--beae-card-shadow-y)) var(--20j0s9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--20j0s9-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--20j0s9-background-color,var(--beae-card-prod-background)); border-color: var(--20j0s9-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--20j0s9-enableShadow: true): var(--20j0s9-shadowHorizontal, var(--beae-card-shadow-x)) var(--20j0s9-shadowVertical, var(--beae-card-shadow-y)) var(--20j0s9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--20j0s9-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--20j0s9-background-color,var(--beae-card-pricing-background)); border-color: var(--20j0s9-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--20j0s9-enableShadow: true): var(--20j0s9-shadowHorizontal, var(--beae-card-shadow-x)) var(--20j0s9-shadowVertical, var(--beae-card-shadow-y)) var(--20j0s9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--20j0s9-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--20j0s9-background-color,var(--beae-card-cta-background)); border-color: var(--20j0s9-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--20j0s9-enableShadow: true): var(--20j0s9-shadowHorizontal, var(--beae-card-shadow-x)) var(--20j0s9-shadowVertical, var(--beae-card-shadow-y)) var(--20j0s9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--20j0s9-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--20j0s9-background-color,var(--beae-card-media-background)); border-color: var(--20j0s9-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--20j0s9-enableShadow: true): var(--20j0s9-shadowHorizontal, var(--beae-card-shadow-x)) var(--20j0s9-shadowVertical, var(--beae-card-shadow-y)) var(--20j0s9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--20j0s9-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-20j0s9"] {     display: flex;     flex-direction: var(--20j0s9-direction, column);     flex-wrap: nowrap;     justify-content: var(--20j0s9-justify-content);     align-items: var(--20j0s9-align-items);     gap: var(--20j0s9-gap, var(--20j0s9-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(43.00% - var(--20j0s9-padding-right, 0px) - var(--20j0s9-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(57.00% - var(--20j0s9-padding-right, 0px) - var(--20j0s9-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--20j0s9-padding-right, 0px) - var(--20j0s9-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-20j0s9"] {      flex-direction: var(--20j0s9-direction-tablet, column);                      gap: var(--20j0s9-gap-tablet, var(--20j0s9-gap-tablet, var(--beae-slot-gap-tablet)));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-20j0s9"] {      flex-direction: var(--20j0s9-direction-mobile, column);                      gap: var(--20j0s9-gap-mobile, var(--20j0s9-gap-mobile, var(--beae-slot-gap-mobile)));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-bykqlm"] { --bykqlm-padding-top: 0px; --bykqlm-padding-top-tablet: 24px; --bykqlm-padding-top-mobile: 0px; --bykqlm-padding-bottom: 0px; --bykqlm-padding-bottom-tablet: 24px; --bykqlm-padding-bottom-mobile: 0px; --bykqlm-padding-left: 0px; --bykqlm-padding-left-tablet: 24px; --bykqlm-padding-left-mobile: 0px; --bykqlm-padding-right: 0px; --bykqlm-padding-right-tablet: 24px; --bykqlm-padding-right-mobile: 0px; --bykqlm-borderRadius: 0px; --bykqlm-borderRadius-tablet: 0px; --bykqlm-borderRadius-mobile: 0px; --bykqlm-direction: column; --bykqlm-direction-tablet: column; --bykqlm-direction-mobile: column; --bykqlm-align-items: flex-start; --bykqlm-align-items-tablet: flex-start; --bykqlm-align-items-mobile: flex-start; --bykqlm-justify-content: flex-start; --bykqlm-justify-content-tablet: flex-start; --bykqlm-justify-content-mobile: flex-start; --bykqlm-gap: 16px; --bykqlm-gap-tablet: 16px; --bykqlm-gap-mobile: 16px; --bykqlm-backgroundColor: #0F5C4500; --bykqlm-backgroundColor-tablet: #0F5C4500; --bykqlm-backgroundColor-mobile: #0F5C4500; --bykqlm-borderWidth-tl: 0px; --bykqlm-borderWidth-tl-tablet: 0px; --bykqlm-borderWidth-tl-mobile: 0px; --bykqlm-borderWidth-tr: 0px; --bykqlm-borderWidth-tr-tablet: 0px; --bykqlm-borderWidth-tr-mobile: 0px; --bykqlm-borderWidth-bl: 0px; --bykqlm-borderWidth-bl-tablet: 0px; --bykqlm-borderWidth-bl-mobile: 0px; --bykqlm-borderWidth-br: 1px; --bykqlm-borderWidth-br-tablet: 1px; --bykqlm-borderWidth-br-mobile: 1px; --bykqlm-borderStyle: none; --bykqlm-borderStyle-tablet: none; --bykqlm-borderStyle-mobile: none; --bykqlm-borderColor: #F2F2F200; --bykqlm-borderColor-tablet: #F2F2F200; --bykqlm-borderColor-mobile: #F2F2F200; --bykqlm-shadowColor: #FFFFFF40; --bykqlm-shadowColor-tablet: #FFFFFF40; --bykqlm-shadowColor-mobile: #FFFFFF40; --bykqlm-shadowBlur: 0px; --bykqlm-shadowBlur-tablet: 0px; --bykqlm-shadowBlur-mobile: 0px; --bykqlm-shadowVertical: 0px; --bykqlm-shadowVertical-tablet: 0px; --bykqlm-shadowVertical-mobile: 0px; --bykqlm-shadowHorizontal: 0px; --bykqlm-shadowHorizontal-tablet: 0px; --bykqlm-shadowHorizontal-mobile: 0px; }[data-bnode="beae-bykqlm"] { padding-top: var(--bykqlm-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bykqlm-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bykqlm-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bykqlm-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bykqlm-padding-top-tablet, var(--bykqlm-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bykqlm-padding-right-tablet, var(--bykqlm-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bykqlm-padding-bottom-tablet, var(--bykqlm-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bykqlm-padding-left-tablet, var(--bykqlm-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bykqlm-padding-top-mobile, var(--bykqlm-padding-top-tablet, var(--bykqlm-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bykqlm-padding-right-mobile, var(--bykqlm-padding-right-tablet, var(--bykqlm-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bykqlm-padding-bottom-mobile, var(--bykqlm-padding-bottom-tablet, var(--bykqlm-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bykqlm-padding-left-mobile, var(--bykqlm-padding-left-tablet, var(--bykqlm-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--bykqlm-padding-left, var(--beae-slot-padding-x, 0px)) - var(--bykqlm-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--bykqlm-background-imageRatio, auto); background: var(--bykqlm-background-color,transparent); border-style: var(--bykqlm-borderStyle,solid); border-color: var(--bykqlm-borderColor,#000000); border-width: var(--bykqlm-borderWidth-tl,0px) var(--bykqlm-borderWidth-tr,0px) var(--bykqlm-borderWidth-br,0px) var(--bykqlm-borderWidth-bl,0px); border-radius: var(--bykqlm-borderRadius-tl,0px) var(--bykqlm-borderRadius-tr,0px) var(--bykqlm-borderRadius-br,0px) var(--bykqlm-borderRadius-bl,0px); box-shadow: if(style(--bykqlm-enableShadow: true): var(--bykqlm-shadowHorizontal,0) var(--bykqlm-shadowVertical,0) var(--bykqlm-shadowBlur,0) 1px var(--bykqlm-shadowColor,#000000); else: none); max-width: var(--bykqlm-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bykqlm-background-imageRatio-tablet, var(--bykqlm-background-imageRatio, auto)); border-width: var(--bykqlm-borderWidth-tl-tablet,0px) var(--bykqlm-borderWidth-tr-tablet,0px) var(--bykqlm-borderWidth-br-tablet,0px) var(--bykqlm-borderWidth-bl-tablet,0px); border-radius: var(--bykqlm-borderRadius-tl-tablet,0px) var(--bykqlm-borderRadius-tr-tablet,0px) var(--bykqlm-borderRadius-br-tablet,0px) var(--bykqlm-borderRadius-bl-tablet,0px); max-width: var(--bykqlm-max-width-tablet, var(--bykqlm-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bykqlm-background-imageRatio-mobile, var(--bykqlm-background-imageRatio, auto)); border-width: var(--bykqlm-borderWidth-tl-mobile,0px) var(--bykqlm-borderWidth-tr-mobile,0px) var(--bykqlm-borderWidth-br-mobile,0px) var(--bykqlm-borderWidth-bl-mobile,0px); border-radius: var(--bykqlm-borderRadius-tl-mobile,0px) var(--bykqlm-borderRadius-tr-mobile,0px) var(--bykqlm-borderRadius-br-mobile,0px) var(--bykqlm-borderRadius-bl-mobile,0px); max-width: var(--bykqlm-max-width-mobile, var(--bykqlm-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bykqlm-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--bykqlm-gap,var(--beae-card-gap)); padding-top: var(--bykqlm-padding-top,var(--beae-card-padding)); padding-right: var(--bykqlm-padding-right,var(--beae-card-padding)); padding-bottom: var(--bykqlm-padding-bottom,var(--beae-card-padding)); padding-left: var(--bykqlm-padding-left,var(--beae-card-padding)); border-width: var(--bykqlm-borderWidth,var(--beae-card-border-width)); border-width: var(--bykqlm-borderWidth-tl,var(--beae-card-border-width)) var(--bykqlm-borderWidth-tr,var(--beae-card-border-width)) var(--bykqlm-borderWidth-br,var(--beae-card-border-width)) var(--bykqlm-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bykqlm-borderRadius-tl,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-tr,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-br,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--bykqlm-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bykqlm-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bykqlm-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bykqlm-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bykqlm-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--bykqlm-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bykqlm-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bykqlm-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bykqlm-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bykqlm-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--bykqlm-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bykqlm-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bykqlm-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bykqlm-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bykqlm-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--bykqlm-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bykqlm-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bykqlm-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bykqlm-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bykqlm-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bykqlm-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bykqlm-background-color,var(--beae-card-featured-background)); border-color: var(--bykqlm-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--bykqlm-enableShadow: true): var(--bykqlm-shadowHorizontal, var(--beae-card-shadow-x)) var(--bykqlm-shadowVertical, var(--beae-card-shadow-y)) var(--bykqlm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bykqlm-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--bykqlm-background-color,var(--beae-card-prod-background)); border-color: var(--bykqlm-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--bykqlm-enableShadow: true): var(--bykqlm-shadowHorizontal, var(--beae-card-shadow-x)) var(--bykqlm-shadowVertical, var(--beae-card-shadow-y)) var(--bykqlm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bykqlm-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--bykqlm-background-color,var(--beae-card-pricing-background)); border-color: var(--bykqlm-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--bykqlm-enableShadow: true): var(--bykqlm-shadowHorizontal, var(--beae-card-shadow-x)) var(--bykqlm-shadowVertical, var(--beae-card-shadow-y)) var(--bykqlm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bykqlm-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--bykqlm-background-color,var(--beae-card-cta-background)); border-color: var(--bykqlm-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--bykqlm-enableShadow: true): var(--bykqlm-shadowHorizontal, var(--beae-card-shadow-x)) var(--bykqlm-shadowVertical, var(--beae-card-shadow-y)) var(--bykqlm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bykqlm-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--bykqlm-background-color,var(--beae-card-media-background)); border-color: var(--bykqlm-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--bykqlm-enableShadow: true): var(--bykqlm-shadowHorizontal, var(--beae-card-shadow-x)) var(--bykqlm-shadowVertical, var(--beae-card-shadow-y)) var(--bykqlm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bykqlm-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-bykqlm"] {     display: flex;     flex-direction: var(--bykqlm-direction, column);     flex-wrap: nowrap;     justify-content: var(--bykqlm-justify-content);     align-items: var(--bykqlm-align-items);     gap: var(--bykqlm-gap, var(--bykqlm-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bykqlm"] {                            gap: var(--bykqlm-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--bykqlm-padding-right-tablet, 0px) - var(--bykqlm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bykqlm"] {                            gap: var(--bykqlm-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--bykqlm-padding-right-mobile, 0px) - var(--bykqlm-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-x6ah2a"] { --beae-h2-font-size: 36px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #282928; --beae-h2-font-family: DM Sans; --beae-h2-font-weight: 500; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.3; --beae-h2-line-height-mobile: 1.3; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: none; --x6ah2a-typography: h2; --x6ah2a-typography-tablet: h2; --x6ah2a-typography-mobile: h2; }[data-bnode="beae-x6ah2a"] { margin-top: var(--x6ah2a-margin-top, 0px); margin-right: var(--x6ah2a-margin-right, 0px); margin-bottom: var(--x6ah2a-margin-bottom, 0px); margin-left: var(--x6ah2a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x6ah2a-margin-top-tablet, 0px); margin-right: var(--x6ah2a-margin-right-tablet, 0px); margin-bottom: var(--x6ah2a-margin-bottom-tablet, 0px); margin-left: var(--x6ah2a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x6ah2a-margin-top-mobile, 0px); margin-right: var(--x6ah2a-margin-right-mobile, 0px); margin-bottom: var(--x6ah2a-margin-bottom-mobile, 0px); margin-left: var(--x6ah2a-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--x6ah2a-highlightColor,var(--beae-p-color)); top: var(--x6ah2a-highlightTop, 100%); } }[data-bnode="beae-h4l0az"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --h4l0az-typography: p; --h4l0az-typography-tablet: p; --h4l0az-typography-mobile: p; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; }[data-bnode="beae-h4l0az"] { margin-top: var(--h4l0az-margin-top, 0px); margin-right: var(--h4l0az-margin-right, 0px); margin-bottom: var(--h4l0az-margin-bottom, 0px); margin-left: var(--h4l0az-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h4l0az-margin-top-tablet, 0px); margin-right: var(--h4l0az-margin-right-tablet, 0px); margin-bottom: var(--h4l0az-margin-bottom-tablet, 0px); margin-left: var(--h4l0az-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h4l0az-margin-top-mobile, 0px); margin-right: var(--h4l0az-margin-right-mobile, 0px); margin-bottom: var(--h4l0az-margin-bottom-mobile, 0px); margin-left: var(--h4l0az-margin-left-mobile, 0px); } }[data-bnode="beae-lia1jt"] { --lia1jt-width: fill; --lia1jt-width-tablet: fill; --lia1jt-width-mobile: fill; --beae-p-font-family: DM Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 14px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 46px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 36px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #2A2A2A; --beae-btn-text-transform: none; --lia1jt-iconWidth: 20px; --lia1jt-iconWidth-tablet: 20px; --lia1jt-iconWidth-mobile: 20px; --lia1jt-iconGap: 5px; --lia1jt-iconGap-tablet: 5px; --lia1jt-iconGap-mobile: 5px; --lia1jt-transform: none; --lia1jt-transform-tablet: none; --lia1jt-transform-mobile: none; --lia1jt-button: pr; --lia1jt-button-tablet: pr; --lia1jt-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; --lia1jt-margin-top: 16px; --lia1jt-margin-top-tablet: 16px; --lia1jt-margin-top-mobile: 16px; --lia1jt-margin-right: 0px; --lia1jt-margin-right-tablet: 0px; --lia1jt-margin-right-mobile: 0px; --lia1jt-margin-bottom: 0px; --lia1jt-margin-bottom-tablet: 0px; --lia1jt-margin-bottom-mobile: 0px; --lia1jt-margin-left: 0px; --lia1jt-margin-left-tablet: 0px; --lia1jt-margin-left-mobile: 0px; }[data-bnode="beae-lia1jt"] { margin-top: var(--lia1jt-margin-top, 0px); margin-right: var(--lia1jt-margin-right, 0px); margin-bottom: var(--lia1jt-margin-bottom, 0px); margin-left: var(--lia1jt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lia1jt-margin-top-tablet, 0px); margin-right: var(--lia1jt-margin-right-tablet, 0px); margin-bottom: var(--lia1jt-margin-bottom-tablet, 0px); margin-left: var(--lia1jt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lia1jt-margin-top-mobile, 0px); margin-right: var(--lia1jt-margin-right-mobile, 0px); margin-bottom: var(--lia1jt-margin-bottom-mobile, 0px); margin-left: var(--lia1jt-margin-left-mobile, 0px); } &{ gap:var(--lia1jt-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--lia1jt-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--lia1jt-bgBtnHover)) * 1%)); style(--lia1jt-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--lia1jt-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--lia1jt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--lia1jt-labelBtnHover)) * 1%)); style(--lia1jt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--lia1jt-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--lia1jt-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--lia1jt-borderBtnHover)) * 1%)); style(--lia1jt-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--lia1jt-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--lia1jt-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--lia1jt-bgBtnHover)) * 1%)); style(--lia1jt-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--lia1jt-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--lia1jt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--lia1jt-labelBtnHover)) * 1%)); style(--lia1jt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--lia1jt-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--lia1jt-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--lia1jt-borderBtnHover)) * 1%)); style(--lia1jt-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--lia1jt-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--lia1jt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--lia1jt-labelBtnHover)) * 1%)); style(--lia1jt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--lia1jt-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--lia1jt-iconWidth); } svg { width: var(--lia1jt-iconWidth,20px); min-width: var(--lia1jt-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--lia1jt-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--lia1jt-iconWidth-tablet, var(--lia1jt-iconWidth)); } svg { width: var(--lia1jt-iconWidth-tablet, var(--lia1jt-iconWidth)); min-width: var(--lia1jt-iconWidth-tablet, var(--lia1jt-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--lia1jt-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--lia1jt-iconWidth-mobile, var(--lia1jt-iconWidth)); } svg { width: var(--lia1jt-iconWidth-mobile, var(--lia1jt-iconWidth)); min-width: var(--lia1jt-iconWidth-mobile, var(--lia1jt-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-0c473e"] { --0c473e-direction: row; --0c473e-direction-tablet: row; --0c473e-direction-mobile: column; --0c473e-structure: columns; --0c473e-structure-tablet: columns; --0c473e-structure-mobile: columns; --0c473e-gap: 64px; --0c473e-gap-tablet: 40px; --0c473e-gap-mobile: 32px; --0c473e-columns: 33.33,66.66; --0c473e-columns-tablet: 33.33,66.66; --0c473e-columns-mobile: 33.33,66.66; --0c473e-columnsPresetId: 33.33,66.66; --0c473e-columnsPresetId-tablet: 33.33,66.66; --0c473e-columnsPresetId-mobile: 33.33,66.66; --0c473e-grow-1-child: 33.33; --0c473e-grow-1-child-tablet: 33.33; --0c473e-grow-1-child-mobile: 33.33; --0c473e-grow-2-child: 66.66; --0c473e-grow-2-child-tablet: 66.66; --0c473e-grow-2-child-mobile: 66.66; --0c473e-enableShadow: false; --0c473e-enableShadow-tablet: false; --0c473e-enableShadow-mobile: false; }[data-bnode="beae-0c473e"] { padding-top: var(--0c473e-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--0c473e-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--0c473e-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--0c473e-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--0c473e-padding-top-tablet, var(--0c473e-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--0c473e-padding-right-tablet, var(--0c473e-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--0c473e-padding-bottom-tablet, var(--0c473e-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--0c473e-padding-left-tablet, var(--0c473e-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--0c473e-padding-top-mobile, var(--0c473e-padding-top-tablet, var(--0c473e-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--0c473e-padding-right-mobile, var(--0c473e-padding-right-tablet, var(--0c473e-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--0c473e-padding-bottom-mobile, var(--0c473e-padding-bottom-tablet, var(--0c473e-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--0c473e-padding-left-mobile, var(--0c473e-padding-left-tablet, var(--0c473e-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--0c473e-padding-left, var(--beae-slot-padding-x, 0px)) - var(--0c473e-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--0c473e-background-imageRatio, auto); background: var(--0c473e-background-color,transparent); border-style: var(--0c473e-borderStyle,solid); border-color: var(--0c473e-borderColor,#000000); border-width: var(--0c473e-borderWidth-tl,0px) var(--0c473e-borderWidth-tr,0px) var(--0c473e-borderWidth-br,0px) var(--0c473e-borderWidth-bl,0px); border-radius: var(--0c473e-borderRadius-tl,0px) var(--0c473e-borderRadius-tr,0px) var(--0c473e-borderRadius-br,0px) var(--0c473e-borderRadius-bl,0px); box-shadow: if(style(--0c473e-enableShadow: true): var(--0c473e-shadowHorizontal,0) var(--0c473e-shadowVertical,0) var(--0c473e-shadowBlur,0) 1px var(--0c473e-shadowColor,#000000); else: none); max-width: var(--0c473e-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--0c473e-background-imageRatio-tablet, var(--0c473e-background-imageRatio, auto)); border-width: var(--0c473e-borderWidth-tl-tablet,0px) var(--0c473e-borderWidth-tr-tablet,0px) var(--0c473e-borderWidth-br-tablet,0px) var(--0c473e-borderWidth-bl-tablet,0px); border-radius: var(--0c473e-borderRadius-tl-tablet,0px) var(--0c473e-borderRadius-tr-tablet,0px) var(--0c473e-borderRadius-br-tablet,0px) var(--0c473e-borderRadius-bl-tablet,0px); max-width: var(--0c473e-max-width-tablet, var(--0c473e-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--0c473e-background-imageRatio-mobile, var(--0c473e-background-imageRatio, auto)); border-width: var(--0c473e-borderWidth-tl-mobile,0px) var(--0c473e-borderWidth-tr-mobile,0px) var(--0c473e-borderWidth-br-mobile,0px) var(--0c473e-borderWidth-bl-mobile,0px); border-radius: var(--0c473e-borderRadius-tl-mobile,0px) var(--0c473e-borderRadius-tr-mobile,0px) var(--0c473e-borderRadius-br-mobile,0px) var(--0c473e-borderRadius-bl-mobile,0px); max-width: var(--0c473e-max-width-mobile, var(--0c473e-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--0c473e-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--0c473e-gap,var(--beae-card-gap)); padding-top: var(--0c473e-padding-top,var(--beae-card-padding)); padding-right: var(--0c473e-padding-right,var(--beae-card-padding)); padding-bottom: var(--0c473e-padding-bottom,var(--beae-card-padding)); padding-left: var(--0c473e-padding-left,var(--beae-card-padding)); border-width: var(--0c473e-borderWidth,var(--beae-card-border-width)); border-width: var(--0c473e-borderWidth-tl,var(--beae-card-border-width)) var(--0c473e-borderWidth-tr,var(--beae-card-border-width)) var(--0c473e-borderWidth-br,var(--beae-card-border-width)) var(--0c473e-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--0c473e-borderRadius-tl,var(--beae-card-border-radius)) var(--0c473e-borderRadius-tr,var(--beae-card-border-radius)) var(--0c473e-borderRadius-br,var(--beae-card-border-radius)) var(--0c473e-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--0c473e-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--0c473e-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--0c473e-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--0c473e-padding-left-tablet,var(--beae-card-padding)); border-width: var(--0c473e-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--0c473e-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--0c473e-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--0c473e-borderWidth-br-desktop,var(--beae-card-border-width)) var(--0c473e-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--0c473e-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--0c473e-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--0c473e-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--0c473e-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--0c473e-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--0c473e-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--0c473e-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--0c473e-padding-left-mobile,var(--beae-card-padding)); border-width: var(--0c473e-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--0c473e-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--0c473e-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--0c473e-borderWidth-br-mobile,var(--beae-card-border-width)) var(--0c473e-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--0c473e-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--0c473e-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--0c473e-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--0c473e-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--0c473e-background-color,var(--beae-card-featured-background)); border-color: var(--0c473e-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--0c473e-enableShadow: true): var(--0c473e-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c473e-shadowVertical, var(--beae-card-shadow-y)) var(--0c473e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c473e-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--0c473e-background-color,var(--beae-card-prod-background)); border-color: var(--0c473e-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--0c473e-enableShadow: true): var(--0c473e-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c473e-shadowVertical, var(--beae-card-shadow-y)) var(--0c473e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c473e-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--0c473e-background-color,var(--beae-card-pricing-background)); border-color: var(--0c473e-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--0c473e-enableShadow: true): var(--0c473e-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c473e-shadowVertical, var(--beae-card-shadow-y)) var(--0c473e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c473e-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--0c473e-background-color,var(--beae-card-cta-background)); border-color: var(--0c473e-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--0c473e-enableShadow: true): var(--0c473e-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c473e-shadowVertical, var(--beae-card-shadow-y)) var(--0c473e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c473e-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--0c473e-background-color,var(--beae-card-media-background)); border-color: var(--0c473e-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--0c473e-enableShadow: true): var(--0c473e-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c473e-shadowVertical, var(--beae-card-shadow-y)) var(--0c473e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c473e-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-0c473e"] {     display: flex;     flex-direction: var(--0c473e-direction, column);     flex-wrap: nowrap;     justify-content: var(--0c473e-justify-content);     align-items: var(--0c473e-align-items);     gap: var(--0c473e-gap, var(--0c473e-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(33.33% - var(--0c473e-padding-right, 0px) - var(--0c473e-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(66.66% - var(--0c473e-padding-right, 0px) - var(--0c473e-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--0c473e-padding-right, 0px) - var(--0c473e-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-0c473e"] {                            gap: var(--0c473e-gap-tablet, var(--0c473e-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--0c473e-padding-right-tablet, 0px) - var(--0c473e-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-0c473e"] {      flex-direction: var(--0c473e-direction-mobile, column);                      gap: var(--0c473e-gap-mobile, var(--0c473e-gap-mobile, var(--beae-slot-gap-mobile)));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-spttp7"] { --spttp7-headingTypo: h4; --spttp7-headingTypo-tablet: h4; --spttp7-headingTypo-mobile: h4; --beae-h4-text-align: start; --spttp7-borderStyle: solid; --spttp7-borderStyle-tablet: solid; --spttp7-borderStyle-mobile: solid; --spttp7-borderWidth-tl: 0px; --spttp7-borderWidth-tl-tablet: 0px; --spttp7-borderWidth-tl-mobile: 0px; --spttp7-borderWidth-tr: 0px; --spttp7-borderWidth-tr-tablet: 0px; --spttp7-borderWidth-tr-mobile: 0px; --spttp7-borderWidth-bl: 0px; --spttp7-borderWidth-bl-tablet: 0px; --spttp7-borderWidth-bl-mobile: 0px; --spttp7-borderWidth-br: 1px; --spttp7-borderWidth-br-tablet: 1px; --spttp7-borderWidth-br-mobile: 1px; --spttp7-borderColor: #e6e6e6; --spttp7-borderColor-tablet: #e6e6e6; --spttp7-borderColor-mobile: #e6e6e6; --beae-h4-font-size-mobile: 22px; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing-mobile: 0px; --spttp7-paddingX: 0px; --spttp7-paddingX-tablet: 0px; --spttp7-paddingX-mobile: 0px; }[data-bnode="beae-spttp7"] { margin-top: var(--spttp7-margin-top, 0px); margin-right: var(--spttp7-margin-right, 0px); margin-bottom: var(--spttp7-margin-bottom, 0px); margin-left: var(--spttp7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--spttp7-margin-top-tablet, 0px); margin-right: var(--spttp7-margin-right-tablet, 0px); margin-bottom: var(--spttp7-margin-bottom-tablet, 0px); margin-left: var(--spttp7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--spttp7-margin-top-mobile, 0px); margin-right: var(--spttp7-margin-right-mobile, 0px); margin-bottom: var(--spttp7-margin-bottom-mobile, 0px); margin-left: var(--spttp7-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--spttp7-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--spttp7-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--spttp7-gap-mobile, 16px); } .beae-accordion-item { border-style: var(--spttp7-borderStyle,solid); border-color: var(--spttp7-borderColor,#000000); border-width: var(--spttp7-borderWidth-tl,0px) var(--spttp7-borderWidth-tr,0px) var(--spttp7-borderWidth-br,0px) var(--spttp7-borderWidth-bl,0px); border-radius: var(--spttp7-borderRadius-tl,0px) var(--spttp7-borderRadius-tr,0px) var(--spttp7-borderRadius-br,0px) var(--spttp7-borderRadius-bl,0px); box-shadow: if(style(--spttp7-enableShadow: true): var(--spttp7-shadowHorizontal,0) var(--spttp7-shadowVertical,0) var(--spttp7-shadowBlur,0) 1px var(--spttp7-shadowColor,#000000); else: none); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--spttp7-borderWidth-tl-tablet,0px) var(--spttp7-borderWidth-tr-tablet,0px) var(--spttp7-borderWidth-br-tablet,0px) var(--spttp7-borderWidth-bl-tablet,0px); border-radius: var(--spttp7-borderRadius-tl-tablet,0px) var(--spttp7-borderRadius-tr-tablet,0px) var(--spttp7-borderRadius-br-tablet,0px) var(--spttp7-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--spttp7-borderWidth-tl-mobile,0px) var(--spttp7-borderWidth-tr-mobile,0px) var(--spttp7-borderWidth-br-mobile,0px) var(--spttp7-borderWidth-bl-mobile,0px); border-radius: var(--spttp7-borderRadius-tl-mobile,0px) var(--spttp7-borderRadius-tr-mobile,0px) var(--spttp7-borderRadius-br-mobile,0px) var(--spttp7-borderRadius-bl-mobile,0px); } svg{ width:20px; height:20px; } .beae-accordion-icon{ flex-shrink: 0; svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; } } &[open] { .beae-accordion-summary { color: var(--spttp7-colorActive); background: var(--spttp7-tabBgActive); } .beae-accordion-content { opacity: 1; } .beae-accordion-icon { .beae-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .beae-icon-chevron{ transform: rotate(180deg); } .beae-icon-arrow{ transform: rotate(90deg); } } } } .beae-accordion-title{ flex: auto; cursor: pointer; } .beae-accordion-summary { display: flex; flex-direction: var(--beae-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--spttp7-paddingX, 20px); padding-block: var(--spttp7-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--spttp7-tabBg); &:marker { display: none; } &:hover { background: var(--spttp7-tabBgHover); color: var(--spttp7-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--spttp7-paddingX-tablet, 20px); padding-block: var(--spttp7-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--spttp7-paddingX-mobile, 20px); padding-block: var(--spttp7-paddingY-mobile, 20px); } } .beae-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .beae-accordion-content { opacity: 0; animation: beaeSlideDown 0.3s ease-out; } .beae-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes beaeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="beae-bndm3y"] { --bndm3y-direction: column; --bndm3y-direction-tablet: column; --bndm3y-direction-mobile: column; --bndm3y-gap: 16px; --bndm3y-gap-tablet: 16px; --bndm3y-gap-mobile: 16px; --bndm3y-padding-top: 12px; --bndm3y-padding-top-tablet: 12px; --bndm3y-padding-top-mobile: 12px; --bndm3y-padding-right: 0px; --bndm3y-padding-right-tablet: 0px; --bndm3y-padding-right-mobile: 0px; --bndm3y-padding-bottom: 12px; --bndm3y-padding-bottom-tablet: 12px; --bndm3y-padding-bottom-mobile: 12px; --bndm3y-padding-left: 0px; --bndm3y-padding-left-tablet: 0px; --bndm3y-padding-left-mobile: 0px; }[data-bnode="beae-bndm3y"] { padding-top: var(--bndm3y-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bndm3y-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bndm3y-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bndm3y-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bndm3y-padding-top-tablet, var(--bndm3y-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bndm3y-padding-right-tablet, var(--bndm3y-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bndm3y-padding-bottom-tablet, var(--bndm3y-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bndm3y-padding-left-tablet, var(--bndm3y-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bndm3y-padding-top-mobile, var(--bndm3y-padding-top-tablet, var(--bndm3y-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bndm3y-padding-right-mobile, var(--bndm3y-padding-right-tablet, var(--bndm3y-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bndm3y-padding-bottom-mobile, var(--bndm3y-padding-bottom-tablet, var(--bndm3y-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bndm3y-padding-left-mobile, var(--bndm3y-padding-left-tablet, var(--bndm3y-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--bndm3y-padding-left, var(--beae-slot-padding-x, 0px)) - var(--bndm3y-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--bndm3y-background-imageRatio, auto); background: var(--bndm3y-background-color,transparent); border-style: var(--bndm3y-borderStyle,solid); border-color: var(--bndm3y-borderColor,#000000); border-width: var(--bndm3y-borderWidth-tl,0px) var(--bndm3y-borderWidth-tr,0px) var(--bndm3y-borderWidth-br,0px) var(--bndm3y-borderWidth-bl,0px); border-radius: var(--bndm3y-borderRadius-tl,0px) var(--bndm3y-borderRadius-tr,0px) var(--bndm3y-borderRadius-br,0px) var(--bndm3y-borderRadius-bl,0px); box-shadow: if(style(--bndm3y-enableShadow: true): var(--bndm3y-shadowHorizontal,0) var(--bndm3y-shadowVertical,0) var(--bndm3y-shadowBlur,0) 1px var(--bndm3y-shadowColor,#000000); else: none); max-width: var(--bndm3y-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bndm3y-background-imageRatio-tablet, var(--bndm3y-background-imageRatio, auto)); border-width: var(--bndm3y-borderWidth-tl-tablet,0px) var(--bndm3y-borderWidth-tr-tablet,0px) var(--bndm3y-borderWidth-br-tablet,0px) var(--bndm3y-borderWidth-bl-tablet,0px); border-radius: var(--bndm3y-borderRadius-tl-tablet,0px) var(--bndm3y-borderRadius-tr-tablet,0px) var(--bndm3y-borderRadius-br-tablet,0px) var(--bndm3y-borderRadius-bl-tablet,0px); max-width: var(--bndm3y-max-width-tablet, var(--bndm3y-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bndm3y-background-imageRatio-mobile, var(--bndm3y-background-imageRatio, auto)); border-width: var(--bndm3y-borderWidth-tl-mobile,0px) var(--bndm3y-borderWidth-tr-mobile,0px) var(--bndm3y-borderWidth-br-mobile,0px) var(--bndm3y-borderWidth-bl-mobile,0px); border-radius: var(--bndm3y-borderRadius-tl-mobile,0px) var(--bndm3y-borderRadius-tr-mobile,0px) var(--bndm3y-borderRadius-br-mobile,0px) var(--bndm3y-borderRadius-bl-mobile,0px); max-width: var(--bndm3y-max-width-mobile, var(--bndm3y-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bndm3y-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--bndm3y-gap,var(--beae-card-gap)); padding-top: var(--bndm3y-padding-top,var(--beae-card-padding)); padding-right: var(--bndm3y-padding-right,var(--beae-card-padding)); padding-bottom: var(--bndm3y-padding-bottom,var(--beae-card-padding)); padding-left: var(--bndm3y-padding-left,var(--beae-card-padding)); border-width: var(--bndm3y-borderWidth,var(--beae-card-border-width)); border-width: var(--bndm3y-borderWidth-tl,var(--beae-card-border-width)) var(--bndm3y-borderWidth-tr,var(--beae-card-border-width)) var(--bndm3y-borderWidth-br,var(--beae-card-border-width)) var(--bndm3y-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bndm3y-borderRadius-tl,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-tr,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-br,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--bndm3y-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bndm3y-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bndm3y-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bndm3y-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bndm3y-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--bndm3y-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bndm3y-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bndm3y-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bndm3y-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bndm3y-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--bndm3y-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bndm3y-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bndm3y-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bndm3y-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bndm3y-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--bndm3y-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bndm3y-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bndm3y-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bndm3y-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bndm3y-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bndm3y-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bndm3y-background-color,var(--beae-card-featured-background)); border-color: var(--bndm3y-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--bndm3y-enableShadow: true): var(--bndm3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--bndm3y-shadowVertical, var(--beae-card-shadow-y)) var(--bndm3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bndm3y-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--bndm3y-background-color,var(--beae-card-prod-background)); border-color: var(--bndm3y-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--bndm3y-enableShadow: true): var(--bndm3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--bndm3y-shadowVertical, var(--beae-card-shadow-y)) var(--bndm3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bndm3y-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--bndm3y-background-color,var(--beae-card-pricing-background)); border-color: var(--bndm3y-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--bndm3y-enableShadow: true): var(--bndm3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--bndm3y-shadowVertical, var(--beae-card-shadow-y)) var(--bndm3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bndm3y-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--bndm3y-background-color,var(--beae-card-cta-background)); border-color: var(--bndm3y-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--bndm3y-enableShadow: true): var(--bndm3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--bndm3y-shadowVertical, var(--beae-card-shadow-y)) var(--bndm3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bndm3y-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--bndm3y-background-color,var(--beae-card-media-background)); border-color: var(--bndm3y-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--bndm3y-enableShadow: true): var(--bndm3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--bndm3y-shadowVertical, var(--beae-card-shadow-y)) var(--bndm3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bndm3y-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-bndm3y"] {     display: flex;     flex-direction: var(--bndm3y-direction, column);     flex-wrap: nowrap;     justify-content: var(--bndm3y-justify-content);     align-items: var(--bndm3y-align-items);     gap: var(--bndm3y-gap, var(--bndm3y-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bndm3y"] {                            gap: var(--bndm3y-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--bndm3y-padding-right-tablet, 0px) - var(--bndm3y-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bndm3y"] {                            gap: var(--bndm3y-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--bndm3y-padding-right-mobile, 0px) - var(--bndm3y-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-8bzeh2"] { margin-top: var(--8bzeh2-margin-top, 0px); margin-right: var(--8bzeh2-margin-right, 0px); margin-bottom: var(--8bzeh2-margin-bottom, 0px); margin-left: var(--8bzeh2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8bzeh2-margin-top-tablet, 0px); margin-right: var(--8bzeh2-margin-right-tablet, 0px); margin-bottom: var(--8bzeh2-margin-bottom-tablet, 0px); margin-left: var(--8bzeh2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8bzeh2-margin-top-mobile, 0px); margin-right: var(--8bzeh2-margin-right-mobile, 0px); margin-bottom: var(--8bzeh2-margin-bottom-mobile, 0px); margin-left: var(--8bzeh2-margin-left-mobile, 0px); } }[data-bnode="beae-crht54"] { --crht54-direction: column; --crht54-direction-tablet: column; --crht54-direction-mobile: column; --crht54-gap: 16px; --crht54-gap-tablet: 16px; --crht54-gap-mobile: 16px; --crht54-padding-top: 12px; --crht54-padding-top-tablet: 12px; --crht54-padding-top-mobile: 12px; --crht54-padding-right: 0px; --crht54-padding-right-tablet: 0px; --crht54-padding-right-mobile: 0px; --crht54-padding-bottom: 12px; --crht54-padding-bottom-tablet: 12px; --crht54-padding-bottom-mobile: 12px; --crht54-padding-left: 0px; --crht54-padding-left-tablet: 0px; --crht54-padding-left-mobile: 0px; --crht54-borderStyle: none; --crht54-borderStyle-tablet: none; --crht54-borderStyle-mobile: none; --crht54-borderWidth-tl: 0px; --crht54-borderWidth-tl-tablet: 0px; --crht54-borderWidth-tl-mobile: 0px; --crht54-borderWidth-tr: 1px; --crht54-borderWidth-tr-tablet: 1px; --crht54-borderWidth-tr-mobile: 1px; --crht54-borderWidth-bl: 1px; --crht54-borderWidth-bl-tablet: 1px; --crht54-borderWidth-bl-mobile: 1px; --crht54-borderWidth-br: 1px; --crht54-borderWidth-br-tablet: 1px; --crht54-borderWidth-br-mobile: 1px; --crht54-borderColor: #e6e6e6; --crht54-borderColor-tablet: #e6e6e6; --crht54-borderColor-mobile: #e6e6e6; }[data-bnode="beae-crht54"] { padding-top: var(--crht54-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--crht54-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--crht54-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--crht54-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--crht54-padding-top-tablet, var(--crht54-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--crht54-padding-right-tablet, var(--crht54-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--crht54-padding-bottom-tablet, var(--crht54-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--crht54-padding-left-tablet, var(--crht54-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--crht54-padding-top-mobile, var(--crht54-padding-top-tablet, var(--crht54-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--crht54-padding-right-mobile, var(--crht54-padding-right-tablet, var(--crht54-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--crht54-padding-bottom-mobile, var(--crht54-padding-bottom-tablet, var(--crht54-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--crht54-padding-left-mobile, var(--crht54-padding-left-tablet, var(--crht54-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--crht54-padding-left, var(--beae-slot-padding-x, 0px)) - var(--crht54-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--crht54-background-imageRatio, auto); background: var(--crht54-background-color,transparent); border-style: var(--crht54-borderStyle,solid); border-color: var(--crht54-borderColor,#000000); border-width: var(--crht54-borderWidth-tl,0px) var(--crht54-borderWidth-tr,0px) var(--crht54-borderWidth-br,0px) var(--crht54-borderWidth-bl,0px); border-radius: var(--crht54-borderRadius-tl,0px) var(--crht54-borderRadius-tr,0px) var(--crht54-borderRadius-br,0px) var(--crht54-borderRadius-bl,0px); box-shadow: if(style(--crht54-enableShadow: true): var(--crht54-shadowHorizontal,0) var(--crht54-shadowVertical,0) var(--crht54-shadowBlur,0) 1px var(--crht54-shadowColor,#000000); else: none); max-width: var(--crht54-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--crht54-background-imageRatio-tablet, var(--crht54-background-imageRatio, auto)); border-width: var(--crht54-borderWidth-tl-tablet,0px) var(--crht54-borderWidth-tr-tablet,0px) var(--crht54-borderWidth-br-tablet,0px) var(--crht54-borderWidth-bl-tablet,0px); border-radius: var(--crht54-borderRadius-tl-tablet,0px) var(--crht54-borderRadius-tr-tablet,0px) var(--crht54-borderRadius-br-tablet,0px) var(--crht54-borderRadius-bl-tablet,0px); max-width: var(--crht54-max-width-tablet, var(--crht54-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--crht54-background-imageRatio-mobile, var(--crht54-background-imageRatio, auto)); border-width: var(--crht54-borderWidth-tl-mobile,0px) var(--crht54-borderWidth-tr-mobile,0px) var(--crht54-borderWidth-br-mobile,0px) var(--crht54-borderWidth-bl-mobile,0px); border-radius: var(--crht54-borderRadius-tl-mobile,0px) var(--crht54-borderRadius-tr-mobile,0px) var(--crht54-borderRadius-br-mobile,0px) var(--crht54-borderRadius-bl-mobile,0px); max-width: var(--crht54-max-width-mobile, var(--crht54-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--crht54-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--crht54-gap,var(--beae-card-gap)); padding-top: var(--crht54-padding-top,var(--beae-card-padding)); padding-right: var(--crht54-padding-right,var(--beae-card-padding)); padding-bottom: var(--crht54-padding-bottom,var(--beae-card-padding)); padding-left: var(--crht54-padding-left,var(--beae-card-padding)); border-width: var(--crht54-borderWidth,var(--beae-card-border-width)); border-width: var(--crht54-borderWidth-tl,var(--beae-card-border-width)) var(--crht54-borderWidth-tr,var(--beae-card-border-width)) var(--crht54-borderWidth-br,var(--beae-card-border-width)) var(--crht54-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--crht54-borderRadius-tl,var(--beae-card-border-radius)) var(--crht54-borderRadius-tr,var(--beae-card-border-radius)) var(--crht54-borderRadius-br,var(--beae-card-border-radius)) var(--crht54-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--crht54-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--crht54-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--crht54-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--crht54-padding-left-tablet,var(--beae-card-padding)); border-width: var(--crht54-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--crht54-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--crht54-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--crht54-borderWidth-br-desktop,var(--beae-card-border-width)) var(--crht54-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--crht54-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--crht54-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--crht54-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--crht54-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--crht54-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--crht54-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--crht54-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--crht54-padding-left-mobile,var(--beae-card-padding)); border-width: var(--crht54-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--crht54-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--crht54-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--crht54-borderWidth-br-mobile,var(--beae-card-border-width)) var(--crht54-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--crht54-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--crht54-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--crht54-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--crht54-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--crht54-background-color,var(--beae-card-featured-background)); border-color: var(--crht54-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--crht54-enableShadow: true): var(--crht54-shadowHorizontal, var(--beae-card-shadow-x)) var(--crht54-shadowVertical, var(--beae-card-shadow-y)) var(--crht54-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--crht54-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--crht54-background-color,var(--beae-card-prod-background)); border-color: var(--crht54-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--crht54-enableShadow: true): var(--crht54-shadowHorizontal, var(--beae-card-shadow-x)) var(--crht54-shadowVertical, var(--beae-card-shadow-y)) var(--crht54-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--crht54-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--crht54-background-color,var(--beae-card-pricing-background)); border-color: var(--crht54-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--crht54-enableShadow: true): var(--crht54-shadowHorizontal, var(--beae-card-shadow-x)) var(--crht54-shadowVertical, var(--beae-card-shadow-y)) var(--crht54-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--crht54-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--crht54-background-color,var(--beae-card-cta-background)); border-color: var(--crht54-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--crht54-enableShadow: true): var(--crht54-shadowHorizontal, var(--beae-card-shadow-x)) var(--crht54-shadowVertical, var(--beae-card-shadow-y)) var(--crht54-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--crht54-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--crht54-background-color,var(--beae-card-media-background)); border-color: var(--crht54-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--crht54-enableShadow: true): var(--crht54-shadowHorizontal, var(--beae-card-shadow-x)) var(--crht54-shadowVertical, var(--beae-card-shadow-y)) var(--crht54-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--crht54-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-crht54"] {     display: flex;     flex-direction: var(--crht54-direction, column);     flex-wrap: nowrap;     justify-content: var(--crht54-justify-content);     align-items: var(--crht54-align-items);     gap: var(--crht54-gap, var(--crht54-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-crht54"] {                            gap: var(--crht54-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--crht54-padding-right-tablet, 0px) - var(--crht54-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-crht54"] {                            gap: var(--crht54-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--crht54-padding-right-mobile, 0px) - var(--crht54-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7aw73g"] { margin-top: var(--7aw73g-margin-top, 0px); margin-right: var(--7aw73g-margin-right, 0px); margin-bottom: var(--7aw73g-margin-bottom, 0px); margin-left: var(--7aw73g-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7aw73g-margin-top-tablet, 0px); margin-right: var(--7aw73g-margin-right-tablet, 0px); margin-bottom: var(--7aw73g-margin-bottom-tablet, 0px); margin-left: var(--7aw73g-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7aw73g-margin-top-mobile, 0px); margin-right: var(--7aw73g-margin-right-mobile, 0px); margin-bottom: var(--7aw73g-margin-bottom-mobile, 0px); margin-left: var(--7aw73g-margin-left-mobile, 0px); } }[data-bnode="beae-wdgy0l"] { --wdgy0l-direction: column; --wdgy0l-direction-tablet: column; --wdgy0l-direction-mobile: column; --wdgy0l-gap: 16px; --wdgy0l-gap-tablet: 16px; --wdgy0l-gap-mobile: 16px; }[data-bnode="beae-wdgy0l"] { padding-top: var(--wdgy0l-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--wdgy0l-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--wdgy0l-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--wdgy0l-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wdgy0l-padding-top-tablet, var(--wdgy0l-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--wdgy0l-padding-right-tablet, var(--wdgy0l-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--wdgy0l-padding-bottom-tablet, var(--wdgy0l-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--wdgy0l-padding-left-tablet, var(--wdgy0l-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--wdgy0l-padding-top-mobile, var(--wdgy0l-padding-top-tablet, var(--wdgy0l-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--wdgy0l-padding-right-mobile, var(--wdgy0l-padding-right-tablet, var(--wdgy0l-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--wdgy0l-padding-bottom-mobile, var(--wdgy0l-padding-bottom-tablet, var(--wdgy0l-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--wdgy0l-padding-left-mobile, var(--wdgy0l-padding-left-tablet, var(--wdgy0l-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--wdgy0l-padding-left, var(--beae-slot-padding-x, 0px)) - var(--wdgy0l-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--wdgy0l-background-imageRatio, auto); background: var(--wdgy0l-background-color,transparent); border-style: var(--wdgy0l-borderStyle,solid); border-color: var(--wdgy0l-borderColor,#000000); border-width: var(--wdgy0l-borderWidth-tl,0px) var(--wdgy0l-borderWidth-tr,0px) var(--wdgy0l-borderWidth-br,0px) var(--wdgy0l-borderWidth-bl,0px); border-radius: var(--wdgy0l-borderRadius-tl,0px) var(--wdgy0l-borderRadius-tr,0px) var(--wdgy0l-borderRadius-br,0px) var(--wdgy0l-borderRadius-bl,0px); box-shadow: if(style(--wdgy0l-enableShadow: true): var(--wdgy0l-shadowHorizontal,0) var(--wdgy0l-shadowVertical,0) var(--wdgy0l-shadowBlur,0) 1px var(--wdgy0l-shadowColor,#000000); else: none); max-width: var(--wdgy0l-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--wdgy0l-background-imageRatio-tablet, var(--wdgy0l-background-imageRatio, auto)); border-width: var(--wdgy0l-borderWidth-tl-tablet,0px) var(--wdgy0l-borderWidth-tr-tablet,0px) var(--wdgy0l-borderWidth-br-tablet,0px) var(--wdgy0l-borderWidth-bl-tablet,0px); border-radius: var(--wdgy0l-borderRadius-tl-tablet,0px) var(--wdgy0l-borderRadius-tr-tablet,0px) var(--wdgy0l-borderRadius-br-tablet,0px) var(--wdgy0l-borderRadius-bl-tablet,0px); max-width: var(--wdgy0l-max-width-tablet, var(--wdgy0l-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--wdgy0l-background-imageRatio-mobile, var(--wdgy0l-background-imageRatio, auto)); border-width: var(--wdgy0l-borderWidth-tl-mobile,0px) var(--wdgy0l-borderWidth-tr-mobile,0px) var(--wdgy0l-borderWidth-br-mobile,0px) var(--wdgy0l-borderWidth-bl-mobile,0px); border-radius: var(--wdgy0l-borderRadius-tl-mobile,0px) var(--wdgy0l-borderRadius-tr-mobile,0px) var(--wdgy0l-borderRadius-br-mobile,0px) var(--wdgy0l-borderRadius-bl-mobile,0px); max-width: var(--wdgy0l-max-width-mobile, var(--wdgy0l-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--wdgy0l-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--wdgy0l-gap,var(--beae-card-gap)); padding-top: var(--wdgy0l-padding-top,var(--beae-card-padding)); padding-right: var(--wdgy0l-padding-right,var(--beae-card-padding)); padding-bottom: var(--wdgy0l-padding-bottom,var(--beae-card-padding)); padding-left: var(--wdgy0l-padding-left,var(--beae-card-padding)); border-width: var(--wdgy0l-borderWidth,var(--beae-card-border-width)); border-width: var(--wdgy0l-borderWidth-tl,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-tr,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-br,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--wdgy0l-borderRadius-tl,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-tr,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-br,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--wdgy0l-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--wdgy0l-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--wdgy0l-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--wdgy0l-padding-left-tablet,var(--beae-card-padding)); border-width: var(--wdgy0l-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--wdgy0l-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-br-desktop,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--wdgy0l-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--wdgy0l-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--wdgy0l-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--wdgy0l-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--wdgy0l-padding-left-mobile,var(--beae-card-padding)); border-width: var(--wdgy0l-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--wdgy0l-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-br-mobile,var(--beae-card-border-width)) var(--wdgy0l-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--wdgy0l-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--wdgy0l-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--wdgy0l-background-color,var(--beae-card-featured-background)); border-color: var(--wdgy0l-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--wdgy0l-enableShadow: true): var(--wdgy0l-shadowHorizontal, var(--beae-card-shadow-x)) var(--wdgy0l-shadowVertical, var(--beae-card-shadow-y)) var(--wdgy0l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wdgy0l-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--wdgy0l-background-color,var(--beae-card-prod-background)); border-color: var(--wdgy0l-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--wdgy0l-enableShadow: true): var(--wdgy0l-shadowHorizontal, var(--beae-card-shadow-x)) var(--wdgy0l-shadowVertical, var(--beae-card-shadow-y)) var(--wdgy0l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wdgy0l-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--wdgy0l-background-color,var(--beae-card-pricing-background)); border-color: var(--wdgy0l-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--wdgy0l-enableShadow: true): var(--wdgy0l-shadowHorizontal, var(--beae-card-shadow-x)) var(--wdgy0l-shadowVertical, var(--beae-card-shadow-y)) var(--wdgy0l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wdgy0l-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--wdgy0l-background-color,var(--beae-card-cta-background)); border-color: var(--wdgy0l-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--wdgy0l-enableShadow: true): var(--wdgy0l-shadowHorizontal, var(--beae-card-shadow-x)) var(--wdgy0l-shadowVertical, var(--beae-card-shadow-y)) var(--wdgy0l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wdgy0l-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--wdgy0l-background-color,var(--beae-card-media-background)); border-color: var(--wdgy0l-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--wdgy0l-enableShadow: true): var(--wdgy0l-shadowHorizontal, var(--beae-card-shadow-x)) var(--wdgy0l-shadowVertical, var(--beae-card-shadow-y)) var(--wdgy0l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wdgy0l-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-wdgy0l"] {     display: flex;     flex-direction: var(--wdgy0l-direction, column);     flex-wrap: nowrap;     justify-content: var(--wdgy0l-justify-content);     align-items: var(--wdgy0l-align-items);     gap: var(--wdgy0l-gap, var(--wdgy0l-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wdgy0l"] {                            gap: var(--wdgy0l-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--wdgy0l-padding-right-tablet, 0px) - var(--wdgy0l-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-wdgy0l"] {                            gap: var(--wdgy0l-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--wdgy0l-padding-right-mobile, 0px) - var(--wdgy0l-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-kpezdg"] { margin-top: var(--kpezdg-margin-top, 0px); margin-right: var(--kpezdg-margin-right, 0px); margin-bottom: var(--kpezdg-margin-bottom, 0px); margin-left: var(--kpezdg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kpezdg-margin-top-tablet, 0px); margin-right: var(--kpezdg-margin-right-tablet, 0px); margin-bottom: var(--kpezdg-margin-bottom-tablet, 0px); margin-left: var(--kpezdg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kpezdg-margin-top-mobile, 0px); margin-right: var(--kpezdg-margin-right-mobile, 0px); margin-bottom: var(--kpezdg-margin-bottom-mobile, 0px); margin-left: var(--kpezdg-margin-left-mobile, 0px); } }[data-bnode="beae-vfrmye"] { --vfrmye-direction: column; --vfrmye-direction-tablet: column; --vfrmye-direction-mobile: column; --vfrmye-gap: 16px; --vfrmye-gap-tablet: 16px; --vfrmye-gap-mobile: 16px; }[data-bnode="beae-vfrmye"] { padding-top: var(--vfrmye-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vfrmye-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vfrmye-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vfrmye-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vfrmye-padding-top-tablet, var(--vfrmye-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vfrmye-padding-right-tablet, var(--vfrmye-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vfrmye-padding-bottom-tablet, var(--vfrmye-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vfrmye-padding-left-tablet, var(--vfrmye-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vfrmye-padding-top-mobile, var(--vfrmye-padding-top-tablet, var(--vfrmye-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vfrmye-padding-right-mobile, var(--vfrmye-padding-right-tablet, var(--vfrmye-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vfrmye-padding-bottom-mobile, var(--vfrmye-padding-bottom-tablet, var(--vfrmye-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vfrmye-padding-left-mobile, var(--vfrmye-padding-left-tablet, var(--vfrmye-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--vfrmye-padding-left, var(--beae-slot-padding-x, 0px)) - var(--vfrmye-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--vfrmye-background-imageRatio, auto); background: var(--vfrmye-background-color,transparent); border-style: var(--vfrmye-borderStyle,solid); border-color: var(--vfrmye-borderColor,#000000); border-width: var(--vfrmye-borderWidth-tl,0px) var(--vfrmye-borderWidth-tr,0px) var(--vfrmye-borderWidth-br,0px) var(--vfrmye-borderWidth-bl,0px); border-radius: var(--vfrmye-borderRadius-tl,0px) var(--vfrmye-borderRadius-tr,0px) var(--vfrmye-borderRadius-br,0px) var(--vfrmye-borderRadius-bl,0px); box-shadow: if(style(--vfrmye-enableShadow: true): var(--vfrmye-shadowHorizontal,0) var(--vfrmye-shadowVertical,0) var(--vfrmye-shadowBlur,0) 1px var(--vfrmye-shadowColor,#000000); else: none); max-width: var(--vfrmye-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--vfrmye-background-imageRatio-tablet, var(--vfrmye-background-imageRatio, auto)); border-width: var(--vfrmye-borderWidth-tl-tablet,0px) var(--vfrmye-borderWidth-tr-tablet,0px) var(--vfrmye-borderWidth-br-tablet,0px) var(--vfrmye-borderWidth-bl-tablet,0px); border-radius: var(--vfrmye-borderRadius-tl-tablet,0px) var(--vfrmye-borderRadius-tr-tablet,0px) var(--vfrmye-borderRadius-br-tablet,0px) var(--vfrmye-borderRadius-bl-tablet,0px); max-width: var(--vfrmye-max-width-tablet, var(--vfrmye-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--vfrmye-background-imageRatio-mobile, var(--vfrmye-background-imageRatio, auto)); border-width: var(--vfrmye-borderWidth-tl-mobile,0px) var(--vfrmye-borderWidth-tr-mobile,0px) var(--vfrmye-borderWidth-br-mobile,0px) var(--vfrmye-borderWidth-bl-mobile,0px); border-radius: var(--vfrmye-borderRadius-tl-mobile,0px) var(--vfrmye-borderRadius-tr-mobile,0px) var(--vfrmye-borderRadius-br-mobile,0px) var(--vfrmye-borderRadius-bl-mobile,0px); max-width: var(--vfrmye-max-width-mobile, var(--vfrmye-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--vfrmye-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--vfrmye-gap,var(--beae-card-gap)); padding-top: var(--vfrmye-padding-top,var(--beae-card-padding)); padding-right: var(--vfrmye-padding-right,var(--beae-card-padding)); padding-bottom: var(--vfrmye-padding-bottom,var(--beae-card-padding)); padding-left: var(--vfrmye-padding-left,var(--beae-card-padding)); border-width: var(--vfrmye-borderWidth,var(--beae-card-border-width)); border-width: var(--vfrmye-borderWidth-tl,var(--beae-card-border-width)) var(--vfrmye-borderWidth-tr,var(--beae-card-border-width)) var(--vfrmye-borderWidth-br,var(--beae-card-border-width)) var(--vfrmye-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--vfrmye-borderRadius-tl,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-tr,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-br,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--vfrmye-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--vfrmye-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--vfrmye-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--vfrmye-padding-left-tablet,var(--beae-card-padding)); border-width: var(--vfrmye-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--vfrmye-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--vfrmye-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--vfrmye-borderWidth-br-desktop,var(--beae-card-border-width)) var(--vfrmye-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--vfrmye-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--vfrmye-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--vfrmye-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--vfrmye-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--vfrmye-padding-left-mobile,var(--beae-card-padding)); border-width: var(--vfrmye-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--vfrmye-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--vfrmye-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--vfrmye-borderWidth-br-mobile,var(--beae-card-border-width)) var(--vfrmye-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--vfrmye-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--vfrmye-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--vfrmye-background-color,var(--beae-card-featured-background)); border-color: var(--vfrmye-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--vfrmye-enableShadow: true): var(--vfrmye-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfrmye-shadowVertical, var(--beae-card-shadow-y)) var(--vfrmye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfrmye-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--vfrmye-background-color,var(--beae-card-prod-background)); border-color: var(--vfrmye-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--vfrmye-enableShadow: true): var(--vfrmye-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfrmye-shadowVertical, var(--beae-card-shadow-y)) var(--vfrmye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfrmye-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--vfrmye-background-color,var(--beae-card-pricing-background)); border-color: var(--vfrmye-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--vfrmye-enableShadow: true): var(--vfrmye-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfrmye-shadowVertical, var(--beae-card-shadow-y)) var(--vfrmye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfrmye-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--vfrmye-background-color,var(--beae-card-cta-background)); border-color: var(--vfrmye-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--vfrmye-enableShadow: true): var(--vfrmye-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfrmye-shadowVertical, var(--beae-card-shadow-y)) var(--vfrmye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfrmye-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--vfrmye-background-color,var(--beae-card-media-background)); border-color: var(--vfrmye-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--vfrmye-enableShadow: true): var(--vfrmye-shadowHorizontal, var(--beae-card-shadow-x)) var(--vfrmye-shadowVertical, var(--beae-card-shadow-y)) var(--vfrmye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vfrmye-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-vfrmye"] {     display: flex;     flex-direction: var(--vfrmye-direction, column);     flex-wrap: nowrap;     justify-content: var(--vfrmye-justify-content);     align-items: var(--vfrmye-align-items);     gap: var(--vfrmye-gap, var(--vfrmye-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-vfrmye"] {                            gap: var(--vfrmye-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--vfrmye-padding-right-tablet, 0px) - var(--vfrmye-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-vfrmye"] {                            gap: var(--vfrmye-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--vfrmye-padding-right-mobile, 0px) - var(--vfrmye-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-nmysk6"] { margin-top: var(--nmysk6-margin-top, 0px); margin-right: var(--nmysk6-margin-right, 0px); margin-bottom: var(--nmysk6-margin-bottom, 0px); margin-left: var(--nmysk6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nmysk6-margin-top-tablet, 0px); margin-right: var(--nmysk6-margin-right-tablet, 0px); margin-bottom: var(--nmysk6-margin-bottom-tablet, 0px); margin-left: var(--nmysk6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nmysk6-margin-top-mobile, 0px); margin-right: var(--nmysk6-margin-right-mobile, 0px); margin-bottom: var(--nmysk6-margin-bottom-mobile, 0px); margin-left: var(--nmysk6-margin-left-mobile, 0px); } }[data-bnode="beae-mz9n49"] { --mz9n49-direction: column; --mz9n49-direction-tablet: column; --mz9n49-direction-mobile: column; --mz9n49-gap: 16px; --mz9n49-gap-tablet: 16px; --mz9n49-gap-mobile: 16px; }[data-bnode="beae-mz9n49"] { padding-top: var(--mz9n49-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--mz9n49-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--mz9n49-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--mz9n49-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mz9n49-padding-top-tablet, var(--mz9n49-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--mz9n49-padding-right-tablet, var(--mz9n49-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--mz9n49-padding-bottom-tablet, var(--mz9n49-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--mz9n49-padding-left-tablet, var(--mz9n49-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mz9n49-padding-top-mobile, var(--mz9n49-padding-top-tablet, var(--mz9n49-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--mz9n49-padding-right-mobile, var(--mz9n49-padding-right-tablet, var(--mz9n49-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--mz9n49-padding-bottom-mobile, var(--mz9n49-padding-bottom-tablet, var(--mz9n49-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--mz9n49-padding-left-mobile, var(--mz9n49-padding-left-tablet, var(--mz9n49-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--mz9n49-padding-left, var(--beae-slot-padding-x, 0px)) - var(--mz9n49-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--mz9n49-background-imageRatio, auto); background: var(--mz9n49-background-color,transparent); border-style: var(--mz9n49-borderStyle,solid); border-color: var(--mz9n49-borderColor,#000000); border-width: var(--mz9n49-borderWidth-tl,0px) var(--mz9n49-borderWidth-tr,0px) var(--mz9n49-borderWidth-br,0px) var(--mz9n49-borderWidth-bl,0px); border-radius: var(--mz9n49-borderRadius-tl,0px) var(--mz9n49-borderRadius-tr,0px) var(--mz9n49-borderRadius-br,0px) var(--mz9n49-borderRadius-bl,0px); box-shadow: if(style(--mz9n49-enableShadow: true): var(--mz9n49-shadowHorizontal,0) var(--mz9n49-shadowVertical,0) var(--mz9n49-shadowBlur,0) 1px var(--mz9n49-shadowColor,#000000); else: none); max-width: var(--mz9n49-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--mz9n49-background-imageRatio-tablet, var(--mz9n49-background-imageRatio, auto)); border-width: var(--mz9n49-borderWidth-tl-tablet,0px) var(--mz9n49-borderWidth-tr-tablet,0px) var(--mz9n49-borderWidth-br-tablet,0px) var(--mz9n49-borderWidth-bl-tablet,0px); border-radius: var(--mz9n49-borderRadius-tl-tablet,0px) var(--mz9n49-borderRadius-tr-tablet,0px) var(--mz9n49-borderRadius-br-tablet,0px) var(--mz9n49-borderRadius-bl-tablet,0px); max-width: var(--mz9n49-max-width-tablet, var(--mz9n49-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--mz9n49-background-imageRatio-mobile, var(--mz9n49-background-imageRatio, auto)); border-width: var(--mz9n49-borderWidth-tl-mobile,0px) var(--mz9n49-borderWidth-tr-mobile,0px) var(--mz9n49-borderWidth-br-mobile,0px) var(--mz9n49-borderWidth-bl-mobile,0px); border-radius: var(--mz9n49-borderRadius-tl-mobile,0px) var(--mz9n49-borderRadius-tr-mobile,0px) var(--mz9n49-borderRadius-br-mobile,0px) var(--mz9n49-borderRadius-bl-mobile,0px); max-width: var(--mz9n49-max-width-mobile, var(--mz9n49-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--mz9n49-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--mz9n49-gap,var(--beae-card-gap)); padding-top: var(--mz9n49-padding-top,var(--beae-card-padding)); padding-right: var(--mz9n49-padding-right,var(--beae-card-padding)); padding-bottom: var(--mz9n49-padding-bottom,var(--beae-card-padding)); padding-left: var(--mz9n49-padding-left,var(--beae-card-padding)); border-width: var(--mz9n49-borderWidth,var(--beae-card-border-width)); border-width: var(--mz9n49-borderWidth-tl,var(--beae-card-border-width)) var(--mz9n49-borderWidth-tr,var(--beae-card-border-width)) var(--mz9n49-borderWidth-br,var(--beae-card-border-width)) var(--mz9n49-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--mz9n49-borderRadius-tl,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-tr,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-br,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--mz9n49-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--mz9n49-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--mz9n49-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--mz9n49-padding-left-tablet,var(--beae-card-padding)); border-width: var(--mz9n49-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--mz9n49-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--mz9n49-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--mz9n49-borderWidth-br-desktop,var(--beae-card-border-width)) var(--mz9n49-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--mz9n49-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--mz9n49-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--mz9n49-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--mz9n49-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--mz9n49-padding-left-mobile,var(--beae-card-padding)); border-width: var(--mz9n49-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--mz9n49-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--mz9n49-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--mz9n49-borderWidth-br-mobile,var(--beae-card-border-width)) var(--mz9n49-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--mz9n49-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--mz9n49-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--mz9n49-background-color,var(--beae-card-featured-background)); border-color: var(--mz9n49-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--mz9n49-enableShadow: true): var(--mz9n49-shadowHorizontal, var(--beae-card-shadow-x)) var(--mz9n49-shadowVertical, var(--beae-card-shadow-y)) var(--mz9n49-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mz9n49-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--mz9n49-background-color,var(--beae-card-prod-background)); border-color: var(--mz9n49-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--mz9n49-enableShadow: true): var(--mz9n49-shadowHorizontal, var(--beae-card-shadow-x)) var(--mz9n49-shadowVertical, var(--beae-card-shadow-y)) var(--mz9n49-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mz9n49-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--mz9n49-background-color,var(--beae-card-pricing-background)); border-color: var(--mz9n49-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--mz9n49-enableShadow: true): var(--mz9n49-shadowHorizontal, var(--beae-card-shadow-x)) var(--mz9n49-shadowVertical, var(--beae-card-shadow-y)) var(--mz9n49-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mz9n49-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--mz9n49-background-color,var(--beae-card-cta-background)); border-color: var(--mz9n49-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--mz9n49-enableShadow: true): var(--mz9n49-shadowHorizontal, var(--beae-card-shadow-x)) var(--mz9n49-shadowVertical, var(--beae-card-shadow-y)) var(--mz9n49-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mz9n49-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--mz9n49-background-color,var(--beae-card-media-background)); border-color: var(--mz9n49-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--mz9n49-enableShadow: true): var(--mz9n49-shadowHorizontal, var(--beae-card-shadow-x)) var(--mz9n49-shadowVertical, var(--beae-card-shadow-y)) var(--mz9n49-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mz9n49-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-mz9n49"] {     display: flex;     flex-direction: var(--mz9n49-direction, column);     flex-wrap: nowrap;     justify-content: var(--mz9n49-justify-content);     align-items: var(--mz9n49-align-items);     gap: var(--mz9n49-gap, var(--mz9n49-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-mz9n49"] {                            gap: var(--mz9n49-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--mz9n49-padding-right-tablet, 0px) - var(--mz9n49-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mz9n49"] {                            gap: var(--mz9n49-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--mz9n49-padding-right-mobile, 0px) - var(--mz9n49-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rllpu0"] { margin-top: var(--rllpu0-margin-top, 0px); margin-right: var(--rllpu0-margin-right, 0px); margin-bottom: var(--rllpu0-margin-bottom, 0px); margin-left: var(--rllpu0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rllpu0-margin-top-tablet, 0px); margin-right: var(--rllpu0-margin-right-tablet, 0px); margin-bottom: var(--rllpu0-margin-bottom-tablet, 0px); margin-left: var(--rllpu0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rllpu0-margin-top-mobile, 0px); margin-right: var(--rllpu0-margin-right-mobile, 0px); margin-bottom: var(--rllpu0-margin-bottom-mobile, 0px); margin-left: var(--rllpu0-margin-left-mobile, 0px); } }[data-bnode="beae-ush75j"] { --ush75j-width: 1920px; --ush75j-width-tablet: 1920px; --ush75j-width-mobile: 1920px; --ush75j-height: 720px; --ush75j-height-tablet: 600px; --ush75j-height-mobile: fit-content; --ush75j-padding-top: 0px; --ush75j-padding-top-tablet: 0px; --ush75j-padding-top-mobile: 0px; --ush75j-padding-bottom: 0px; --ush75j-padding-bottom-tablet: 0px; --ush75j-padding-bottom-mobile: 0px; --ush75j-padding-right: 0px; --ush75j-padding-right-tablet: 0px; --ush75j-padding-right-mobile: 0px; --ush75j-padding-left: 0px; --ush75j-padding-left-tablet: 0px; --ush75j-padding-left-mobile: 0px; --ush75j-direction: row-reverse; --ush75j-direction-tablet: row-reverse; --ush75j-direction-mobile: column-reverse; --ush75j-align-items: stretch; --ush75j-align-items-tablet: stretch; --ush75j-align-items-mobile: stretch; --ush75j-structure: columns; --ush75j-structure-tablet: auto; --ush75j-structure-mobile: auto; --ush75j-columns: 39.70,60.30; --ush75j-columns-tablet: 39.70,60.30; --ush75j-columns-mobile: 39.70,60.30; --ush75j-columnsPresetId: 39.70,60.30; --ush75j-columnsPresetId-tablet: 39.70,60.30; --ush75j-columnsPresetId-mobile: 39.70,60.30; --ush75j-gap: 0px; --ush75j-gap-tablet: 0px; --ush75j-gap-mobile: 0px; }[data-bnode="beae-ylovyi"] { --ylovyi-direction: column; --ylovyi-direction-tablet: column-reverse; --ylovyi-direction-mobile: column-reverse; --ylovyi-structure: auto; --ylovyi-structure-tablet: auto; --ylovyi-structure-mobile: auto; --ylovyi-background-type: color; --ylovyi-background-type-tablet: color; --ylovyi-background-type-mobile: color; --ylovyi-background-image: [object Object]; --ylovyi-background-image-tablet: [object Object]; --ylovyi-background-image-mobile: [object Object]; --ylovyi-background-imageRatio: 3/4; --ylovyi-background-imageRatio-tablet: 3/4; --ylovyi-background-imageRatio-mobile: 3/4; --ylovyi-background-color: #F3F6EF; --ylovyi-background-color-tablet: #F3F6EF; --ylovyi-background-color-mobile: #F3F6EF; --ylovyi-padding-top: 112px; --ylovyi-padding-top-tablet: 80px; --ylovyi-padding-top-mobile: 48px; --ylovyi-padding-right: 112px; --ylovyi-padding-right-tablet: 1px; --ylovyi-padding-right-mobile: 24px; --ylovyi-padding-bottom: 112px; --ylovyi-padding-bottom-tablet: 80px; --ylovyi-padding-bottom-mobile: 48px; --ylovyi-padding-left: 112px; --ylovyi-padding-left-tablet: 1px; --ylovyi-padding-left-mobile: 24px; --ylovyi-align-items: stretch; --ylovyi-align-items-tablet: stretch; --ylovyi-align-items-mobile: stretch; --ylovyi-gap: 0px; --ylovyi-gap-tablet: 0px; --ylovyi-gap-mobile: 48px; --ylovyi-justify-content: space-between; --ylovyi-justify-content-tablet: space-between; --ylovyi-justify-content-mobile: space-between; }[data-bnode="beae-ylovyi"] { padding-top: var(--ylovyi-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ylovyi-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ylovyi-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ylovyi-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ylovyi-padding-top-tablet, var(--ylovyi-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ylovyi-padding-right-tablet, var(--ylovyi-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ylovyi-padding-bottom-tablet, var(--ylovyi-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ylovyi-padding-left-tablet, var(--ylovyi-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ylovyi-padding-top-mobile, var(--ylovyi-padding-top-tablet, var(--ylovyi-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ylovyi-padding-right-mobile, var(--ylovyi-padding-right-tablet, var(--ylovyi-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ylovyi-padding-bottom-mobile, var(--ylovyi-padding-bottom-tablet, var(--ylovyi-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ylovyi-padding-left-mobile, var(--ylovyi-padding-left-tablet, var(--ylovyi-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ylovyi-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ylovyi-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--ylovyi-background-imageRatio, auto); background: var(--ylovyi-background-color,transparent); border-style: var(--ylovyi-borderStyle,solid); border-color: var(--ylovyi-borderColor,#000000); border-width: var(--ylovyi-borderWidth-tl,0px) var(--ylovyi-borderWidth-tr,0px) var(--ylovyi-borderWidth-br,0px) var(--ylovyi-borderWidth-bl,0px); border-radius: var(--ylovyi-borderRadius-tl,0px) var(--ylovyi-borderRadius-tr,0px) var(--ylovyi-borderRadius-br,0px) var(--ylovyi-borderRadius-bl,0px); box-shadow: if(style(--ylovyi-enableShadow: true): var(--ylovyi-shadowHorizontal,0) var(--ylovyi-shadowVertical,0) var(--ylovyi-shadowBlur,0) 1px var(--ylovyi-shadowColor,#000000); else: none); max-width: var(--ylovyi-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ylovyi-background-imageRatio-tablet, var(--ylovyi-background-imageRatio, auto)); border-width: var(--ylovyi-borderWidth-tl-tablet,0px) var(--ylovyi-borderWidth-tr-tablet,0px) var(--ylovyi-borderWidth-br-tablet,0px) var(--ylovyi-borderWidth-bl-tablet,0px); border-radius: var(--ylovyi-borderRadius-tl-tablet,0px) var(--ylovyi-borderRadius-tr-tablet,0px) var(--ylovyi-borderRadius-br-tablet,0px) var(--ylovyi-borderRadius-bl-tablet,0px); max-width: var(--ylovyi-max-width-tablet, var(--ylovyi-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ylovyi-background-imageRatio-mobile, var(--ylovyi-background-imageRatio, auto)); border-width: var(--ylovyi-borderWidth-tl-mobile,0px) var(--ylovyi-borderWidth-tr-mobile,0px) var(--ylovyi-borderWidth-br-mobile,0px) var(--ylovyi-borderWidth-bl-mobile,0px); border-radius: var(--ylovyi-borderRadius-tl-mobile,0px) var(--ylovyi-borderRadius-tr-mobile,0px) var(--ylovyi-borderRadius-br-mobile,0px) var(--ylovyi-borderRadius-bl-mobile,0px); max-width: var(--ylovyi-max-width-mobile, var(--ylovyi-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ylovyi-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ylovyi-gap,var(--beae-card-gap)); padding-top: var(--ylovyi-padding-top,var(--beae-card-padding)); padding-right: var(--ylovyi-padding-right,var(--beae-card-padding)); padding-bottom: var(--ylovyi-padding-bottom,var(--beae-card-padding)); padding-left: var(--ylovyi-padding-left,var(--beae-card-padding)); border-width: var(--ylovyi-borderWidth,var(--beae-card-border-width)); border-width: var(--ylovyi-borderWidth-tl,var(--beae-card-border-width)) var(--ylovyi-borderWidth-tr,var(--beae-card-border-width)) var(--ylovyi-borderWidth-br,var(--beae-card-border-width)) var(--ylovyi-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ylovyi-borderRadius-tl,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-tr,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-br,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--ylovyi-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ylovyi-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ylovyi-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ylovyi-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ylovyi-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ylovyi-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ylovyi-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ylovyi-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ylovyi-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ylovyi-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ylovyi-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ylovyi-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ylovyi-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ylovyi-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ylovyi-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ylovyi-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ylovyi-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ylovyi-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ylovyi-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ylovyi-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ylovyi-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ylovyi-background-color,var(--beae-card-featured-background)); border-color: var(--ylovyi-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ylovyi-enableShadow: true): var(--ylovyi-shadowHorizontal, var(--beae-card-shadow-x)) var(--ylovyi-shadowVertical, var(--beae-card-shadow-y)) var(--ylovyi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ylovyi-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ylovyi-background-color,var(--beae-card-prod-background)); border-color: var(--ylovyi-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ylovyi-enableShadow: true): var(--ylovyi-shadowHorizontal, var(--beae-card-shadow-x)) var(--ylovyi-shadowVertical, var(--beae-card-shadow-y)) var(--ylovyi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ylovyi-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ylovyi-background-color,var(--beae-card-pricing-background)); border-color: var(--ylovyi-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ylovyi-enableShadow: true): var(--ylovyi-shadowHorizontal, var(--beae-card-shadow-x)) var(--ylovyi-shadowVertical, var(--beae-card-shadow-y)) var(--ylovyi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ylovyi-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ylovyi-background-color,var(--beae-card-cta-background)); border-color: var(--ylovyi-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ylovyi-enableShadow: true): var(--ylovyi-shadowHorizontal, var(--beae-card-shadow-x)) var(--ylovyi-shadowVertical, var(--beae-card-shadow-y)) var(--ylovyi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ylovyi-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ylovyi-background-color,var(--beae-card-media-background)); border-color: var(--ylovyi-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ylovyi-enableShadow: true): var(--ylovyi-shadowHorizontal, var(--beae-card-shadow-x)) var(--ylovyi-shadowVertical, var(--beae-card-shadow-y)) var(--ylovyi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ylovyi-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-ylovyi"] {     display: flex;     flex-direction: var(--ylovyi-direction, column);     flex-wrap: nowrap;     justify-content: var(--ylovyi-justify-content);     align-items: var(--ylovyi-align-items);     gap: var(--ylovyi-gap, var(--ylovyi-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ylovyi"] {      flex-direction: var(--ylovyi-direction-tablet, column);                      gap: var(--ylovyi-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-ylovyi"] {                            gap: var(--ylovyi-gap-mobile, var(--ylovyi-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-8ch4l7"] { --8ch4l7-direction: column; --8ch4l7-direction-tablet: column; --8ch4l7-direction-mobile: column; --8ch4l7-structure: columns; --8ch4l7-structure-tablet: auto; --8ch4l7-structure-mobile: auto; --8ch4l7-padding-top: 0px; --8ch4l7-padding-top-tablet: 0px; --8ch4l7-padding-top-mobile: 0px; --8ch4l7-padding-right: 0px; --8ch4l7-padding-right-tablet: 48px; --8ch4l7-padding-right-mobile: 0px; --8ch4l7-padding-bottom: 0px; --8ch4l7-padding-bottom-tablet: 0px; --8ch4l7-padding-bottom-mobile: 0px; --8ch4l7-padding-left: 0px; --8ch4l7-padding-left-tablet: 48px; --8ch4l7-padding-left-mobile: 0px; --8ch4l7-align-items: flex-start; --8ch4l7-align-items-tablet: flex-start; --8ch4l7-align-items-mobile: flex-start; --8ch4l7-justify-content: center; --8ch4l7-justify-content-tablet: center; --8ch4l7-justify-content-mobile: center; --8ch4l7-gap: 12px; --8ch4l7-gap-tablet: 12px; --8ch4l7-gap-mobile: 12px; --8ch4l7-background-type: color; --8ch4l7-background-type-tablet: color; --8ch4l7-background-type-mobile: color; --8ch4l7-background-color: #F3F6EF; --8ch4l7-background-color-tablet: #F3F6EF; --8ch4l7-background-color-mobile: #F3F6EF; --8ch4l7-borderRadius-tl: 24px; --8ch4l7-borderRadius-tl-tablet: 24px; --8ch4l7-borderRadius-tl-mobile: 24px; --8ch4l7-borderRadius-tr: 24px; --8ch4l7-borderRadius-tr-tablet: 24px; --8ch4l7-borderRadius-tr-mobile: 24px; --8ch4l7-borderRadius-bl: 24px; --8ch4l7-borderRadius-bl-tablet: 24px; --8ch4l7-borderRadius-bl-mobile: 24px; --8ch4l7-borderRadius-br: 24px; --8ch4l7-borderRadius-br-tablet: 24px; --8ch4l7-borderRadius-br-mobile: 24px; --8ch4l7-borderStyle: solid; --8ch4l7-borderStyle-tablet: solid; --8ch4l7-borderStyle-mobile: solid; --8ch4l7-borderWidth-tl: 1px; --8ch4l7-borderWidth-tl-tablet: 1px; --8ch4l7-borderWidth-tl-mobile: 1px; --8ch4l7-borderWidth-tr: 1px; --8ch4l7-borderWidth-tr-tablet: 1px; --8ch4l7-borderWidth-tr-mobile: 1px; --8ch4l7-borderWidth-bl: 1px; --8ch4l7-borderWidth-bl-tablet: 1px; --8ch4l7-borderWidth-bl-mobile: 1px; --8ch4l7-borderWidth-br: 1px; --8ch4l7-borderWidth-br-tablet: 1px; --8ch4l7-borderWidth-br-mobile: 1px; --8ch4l7-borderColor: #F2F2F2; --8ch4l7-borderColor-tablet: #F2F2F2; --8ch4l7-borderColor-mobile: #F2F2F2; }[data-bnode="beae-8ch4l7"] { padding-top: var(--8ch4l7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--8ch4l7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--8ch4l7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--8ch4l7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8ch4l7-padding-top-tablet, var(--8ch4l7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--8ch4l7-padding-right-tablet, var(--8ch4l7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--8ch4l7-padding-bottom-tablet, var(--8ch4l7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--8ch4l7-padding-left-tablet, var(--8ch4l7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8ch4l7-padding-top-mobile, var(--8ch4l7-padding-top-tablet, var(--8ch4l7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--8ch4l7-padding-right-mobile, var(--8ch4l7-padding-right-tablet, var(--8ch4l7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--8ch4l7-padding-bottom-mobile, var(--8ch4l7-padding-bottom-tablet, var(--8ch4l7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--8ch4l7-padding-left-mobile, var(--8ch4l7-padding-left-tablet, var(--8ch4l7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--8ch4l7-padding-left, var(--beae-slot-padding-x, 0px)) - var(--8ch4l7-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--8ch4l7-background-imageRatio, auto); background: var(--8ch4l7-background-color,transparent); border-style: var(--8ch4l7-borderStyle,solid); border-color: var(--8ch4l7-borderColor,#000000); border-width: var(--8ch4l7-borderWidth-tl,0px) var(--8ch4l7-borderWidth-tr,0px) var(--8ch4l7-borderWidth-br,0px) var(--8ch4l7-borderWidth-bl,0px); border-radius: var(--8ch4l7-borderRadius-tl,0px) var(--8ch4l7-borderRadius-tr,0px) var(--8ch4l7-borderRadius-br,0px) var(--8ch4l7-borderRadius-bl,0px); box-shadow: if(style(--8ch4l7-enableShadow: true): var(--8ch4l7-shadowHorizontal,0) var(--8ch4l7-shadowVertical,0) var(--8ch4l7-shadowBlur,0) 1px var(--8ch4l7-shadowColor,#000000); else: none); max-width: var(--8ch4l7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--8ch4l7-background-imageRatio-tablet, var(--8ch4l7-background-imageRatio, auto)); border-width: var(--8ch4l7-borderWidth-tl-tablet,0px) var(--8ch4l7-borderWidth-tr-tablet,0px) var(--8ch4l7-borderWidth-br-tablet,0px) var(--8ch4l7-borderWidth-bl-tablet,0px); border-radius: var(--8ch4l7-borderRadius-tl-tablet,0px) var(--8ch4l7-borderRadius-tr-tablet,0px) var(--8ch4l7-borderRadius-br-tablet,0px) var(--8ch4l7-borderRadius-bl-tablet,0px); max-width: var(--8ch4l7-max-width-tablet, var(--8ch4l7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--8ch4l7-background-imageRatio-mobile, var(--8ch4l7-background-imageRatio, auto)); border-width: var(--8ch4l7-borderWidth-tl-mobile,0px) var(--8ch4l7-borderWidth-tr-mobile,0px) var(--8ch4l7-borderWidth-br-mobile,0px) var(--8ch4l7-borderWidth-bl-mobile,0px); border-radius: var(--8ch4l7-borderRadius-tl-mobile,0px) var(--8ch4l7-borderRadius-tr-mobile,0px) var(--8ch4l7-borderRadius-br-mobile,0px) var(--8ch4l7-borderRadius-bl-mobile,0px); max-width: var(--8ch4l7-max-width-mobile, var(--8ch4l7-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--8ch4l7-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--8ch4l7-gap,var(--beae-card-gap)); padding-top: var(--8ch4l7-padding-top,var(--beae-card-padding)); padding-right: var(--8ch4l7-padding-right,var(--beae-card-padding)); padding-bottom: var(--8ch4l7-padding-bottom,var(--beae-card-padding)); padding-left: var(--8ch4l7-padding-left,var(--beae-card-padding)); border-width: var(--8ch4l7-borderWidth,var(--beae-card-border-width)); border-width: var(--8ch4l7-borderWidth-tl,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-tr,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-br,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--8ch4l7-borderRadius-tl,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-tr,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-br,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8ch4l7-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--8ch4l7-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--8ch4l7-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--8ch4l7-padding-left-tablet,var(--beae-card-padding)); border-width: var(--8ch4l7-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--8ch4l7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-br-desktop,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--8ch4l7-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--8ch4l7-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--8ch4l7-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--8ch4l7-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--8ch4l7-padding-left-mobile,var(--beae-card-padding)); border-width: var(--8ch4l7-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--8ch4l7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--8ch4l7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--8ch4l7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--8ch4l7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--8ch4l7-background-color,var(--beae-card-featured-background)); border-color: var(--8ch4l7-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--8ch4l7-enableShadow: true): var(--8ch4l7-shadowHorizontal, var(--beae-card-shadow-x)) var(--8ch4l7-shadowVertical, var(--beae-card-shadow-y)) var(--8ch4l7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8ch4l7-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--8ch4l7-background-color,var(--beae-card-prod-background)); border-color: var(--8ch4l7-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--8ch4l7-enableShadow: true): var(--8ch4l7-shadowHorizontal, var(--beae-card-shadow-x)) var(--8ch4l7-shadowVertical, var(--beae-card-shadow-y)) var(--8ch4l7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8ch4l7-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--8ch4l7-background-color,var(--beae-card-pricing-background)); border-color: var(--8ch4l7-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--8ch4l7-enableShadow: true): var(--8ch4l7-shadowHorizontal, var(--beae-card-shadow-x)) var(--8ch4l7-shadowVertical, var(--beae-card-shadow-y)) var(--8ch4l7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8ch4l7-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--8ch4l7-background-color,var(--beae-card-cta-background)); border-color: var(--8ch4l7-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--8ch4l7-enableShadow: true): var(--8ch4l7-shadowHorizontal, var(--beae-card-shadow-x)) var(--8ch4l7-shadowVertical, var(--beae-card-shadow-y)) var(--8ch4l7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8ch4l7-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--8ch4l7-background-color,var(--beae-card-media-background)); border-color: var(--8ch4l7-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--8ch4l7-enableShadow: true): var(--8ch4l7-shadowHorizontal, var(--beae-card-shadow-x)) var(--8ch4l7-shadowVertical, var(--beae-card-shadow-y)) var(--8ch4l7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8ch4l7-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-8ch4l7"] {     display: flex;     flex-direction: var(--8ch4l7-direction, column);     flex-wrap: nowrap;     justify-content: var(--8ch4l7-justify-content);     align-items: var(--8ch4l7-align-items);     gap: var(--8ch4l7-gap, var(--8ch4l7-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8ch4l7"] {      flex-direction: var(--8ch4l7-direction-tablet, column);                 align-items: var(--8ch4l7-align-items-tablet, inherit);      gap: var(--8ch4l7-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-8ch4l7"] {                            gap: var(--8ch4l7-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--8ch4l7-padding-right-mobile, 0px) - var(--8ch4l7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0wx20q"] { --beae-p3-font-size: 14px; --beae-p3-font-size-tablet: 14px; --beae-p3-font-size-mobile: 14px; --beae-p3-color: #454645; --beae-p3-font-family: DM Sans; --beae-p3-font-weight: 500; --beae-p3-line-height: 1.5; --beae-p3-line-height-tablet: 1.5; --beae-p3-line-height-mobile: 1.5; --beae-p3-letter-spacing: 0px; --beae-p3-letter-spacing-tablet: 0px; --beae-p3-letter-spacing-mobile: 0px; --beae-p3-text-transform: uppercase; --0wx20q-typography: p3; --0wx20q-typography-tablet: p3; --0wx20q-typography-mobile: p3; --beae-p-line-height-mobile: 1.5; --beae-p3-text-align: center; }[data-bnode="beae-0wx20q"] { margin-top: var(--0wx20q-margin-top, 0px); margin-right: var(--0wx20q-margin-right, 0px); margin-bottom: var(--0wx20q-margin-bottom, 0px); margin-left: var(--0wx20q-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0wx20q-margin-top-tablet, 0px); margin-right: var(--0wx20q-margin-right-tablet, 0px); margin-bottom: var(--0wx20q-margin-bottom-tablet, 0px); margin-left: var(--0wx20q-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0wx20q-margin-top-mobile, 0px); margin-right: var(--0wx20q-margin-right-mobile, 0px); margin-bottom: var(--0wx20q-margin-bottom-mobile, 0px); margin-left: var(--0wx20q-margin-left-mobile, 0px); } }[data-bnode="beae-oi7ph5"] { --beae-h1-font-size: 50px; --beae-h1-font-size-tablet: 40px; --beae-h1-font-size-mobile: 34px; --beae-h1-color: #282928; --beae-h1-font-family: DM Sans; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: -0.4px; --beae-h1-letter-spacing-mobile: -0.4px; --beae-h1-text-transform: none; --oi7ph5-typography: h1; --oi7ph5-typography-tablet: h1; --oi7ph5-typography-mobile: h1; --beae-h1-text-align: start; --beae-h1-text-align-tablet: start; }[data-bnode="beae-oi7ph5"] { margin-top: var(--oi7ph5-margin-top, 0px); margin-right: var(--oi7ph5-margin-right, 0px); margin-bottom: var(--oi7ph5-margin-bottom, 0px); margin-left: var(--oi7ph5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--oi7ph5-margin-top-tablet, 0px); margin-right: var(--oi7ph5-margin-right-tablet, 0px); margin-bottom: var(--oi7ph5-margin-bottom-tablet, 0px); margin-left: var(--oi7ph5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--oi7ph5-margin-top-mobile, 0px); margin-right: var(--oi7ph5-margin-right-mobile, 0px); margin-bottom: var(--oi7ph5-margin-bottom-mobile, 0px); margin-left: var(--oi7ph5-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--oi7ph5-highlightColor,var(--beae-p-color)); top: var(--oi7ph5-highlightTop, 100%); } }[data-bnode="beae-h6fr5x"] { --h6fr5x-width: fill; --h6fr5x-width-tablet: fill; --h6fr5x-width-mobile: fill; --beae-p-font-family: DM Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 14px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 46px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 36px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #2A2A2A; --beae-btn-text-transform: none; --h6fr5x-iconWidth: 20px; --h6fr5x-iconWidth-tablet: 20px; --h6fr5x-iconWidth-mobile: 20px; --h6fr5x-iconGap: 5px; --h6fr5x-iconGap-tablet: 5px; --h6fr5x-iconGap-mobile: 5px; --h6fr5x-button: pr; --h6fr5x-button-tablet: pr; --h6fr5x-button-mobile: pr; }[data-bnode="beae-h6fr5x"] { margin-top: var(--h6fr5x-margin-top, 0px); margin-right: var(--h6fr5x-margin-right, 0px); margin-bottom: var(--h6fr5x-margin-bottom, 0px); margin-left: var(--h6fr5x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h6fr5x-margin-top-tablet, 0px); margin-right: var(--h6fr5x-margin-right-tablet, 0px); margin-bottom: var(--h6fr5x-margin-bottom-tablet, 0px); margin-left: var(--h6fr5x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h6fr5x-margin-top-mobile, 0px); margin-right: var(--h6fr5x-margin-right-mobile, 0px); margin-bottom: var(--h6fr5x-margin-bottom-mobile, 0px); margin-left: var(--h6fr5x-margin-left-mobile, 0px); } &{ gap:var(--h6fr5x-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--h6fr5x-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--h6fr5x-bgBtnHover)) * 1%)); style(--h6fr5x-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--h6fr5x-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--h6fr5x-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--h6fr5x-labelBtnHover)) * 1%)); style(--h6fr5x-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--h6fr5x-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--h6fr5x-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--h6fr5x-borderBtnHover)) * 1%)); style(--h6fr5x-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--h6fr5x-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--h6fr5x-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--h6fr5x-bgBtnHover)) * 1%)); style(--h6fr5x-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--h6fr5x-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--h6fr5x-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--h6fr5x-labelBtnHover)) * 1%)); style(--h6fr5x-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--h6fr5x-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--h6fr5x-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--h6fr5x-borderBtnHover)) * 1%)); style(--h6fr5x-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--h6fr5x-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--h6fr5x-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--h6fr5x-labelBtnHover)) * 1%)); style(--h6fr5x-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--h6fr5x-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--h6fr5x-iconWidth); } svg { width: var(--h6fr5x-iconWidth,20px); min-width: var(--h6fr5x-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--h6fr5x-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--h6fr5x-iconWidth-tablet, var(--h6fr5x-iconWidth)); } svg { width: var(--h6fr5x-iconWidth-tablet, var(--h6fr5x-iconWidth)); min-width: var(--h6fr5x-iconWidth-tablet, var(--h6fr5x-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--h6fr5x-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--h6fr5x-iconWidth-mobile, var(--h6fr5x-iconWidth)); } svg { width: var(--h6fr5x-iconWidth-mobile, var(--h6fr5x-iconWidth)); min-width: var(--h6fr5x-iconWidth-mobile, var(--h6fr5x-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-jct1kd"] { --jct1kd-direction: row; --jct1kd-direction-tablet: column; --jct1kd-direction-mobile: column; --jct1kd-structure: columns; --jct1kd-structure-tablet: columns; --jct1kd-structure-mobile: columns; --jct1kd-padding-top-tablet: 0px; --jct1kd-padding-top-mobile: 0px; --jct1kd-padding-right-tablet: 36px; --jct1kd-padding-right-mobile: 0px; --jct1kd-padding-bottom-tablet: 0px; --jct1kd-padding-bottom-mobile: 0px; --jct1kd-padding-left-tablet: 36px; --jct1kd-padding-left-mobile: 0px; --jct1kd-max-width-mobile: 100%; }[data-bnode="beae-jct1kd"] { padding-top: var(--jct1kd-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jct1kd-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jct1kd-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jct1kd-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jct1kd-padding-top-tablet, var(--jct1kd-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jct1kd-padding-right-tablet, var(--jct1kd-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jct1kd-padding-bottom-tablet, var(--jct1kd-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jct1kd-padding-left-tablet, var(--jct1kd-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jct1kd-padding-top-mobile, var(--jct1kd-padding-top-tablet, var(--jct1kd-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jct1kd-padding-right-mobile, var(--jct1kd-padding-right-tablet, var(--jct1kd-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jct1kd-padding-bottom-mobile, var(--jct1kd-padding-bottom-tablet, var(--jct1kd-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jct1kd-padding-left-mobile, var(--jct1kd-padding-left-tablet, var(--jct1kd-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--jct1kd-padding-left, var(--beae-slot-padding-x, 0px)) - var(--jct1kd-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--jct1kd-background-imageRatio, auto); background: var(--jct1kd-background-color,transparent); border-style: var(--jct1kd-borderStyle,solid); border-color: var(--jct1kd-borderColor,#000000); border-width: var(--jct1kd-borderWidth-tl,0px) var(--jct1kd-borderWidth-tr,0px) var(--jct1kd-borderWidth-br,0px) var(--jct1kd-borderWidth-bl,0px); border-radius: var(--jct1kd-borderRadius-tl,0px) var(--jct1kd-borderRadius-tr,0px) var(--jct1kd-borderRadius-br,0px) var(--jct1kd-borderRadius-bl,0px); box-shadow: if(style(--jct1kd-enableShadow: true): var(--jct1kd-shadowHorizontal,0) var(--jct1kd-shadowVertical,0) var(--jct1kd-shadowBlur,0) 1px var(--jct1kd-shadowColor,#000000); else: none); max-width: var(--jct1kd-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--jct1kd-background-imageRatio-tablet, var(--jct1kd-background-imageRatio, auto)); border-width: var(--jct1kd-borderWidth-tl-tablet,0px) var(--jct1kd-borderWidth-tr-tablet,0px) var(--jct1kd-borderWidth-br-tablet,0px) var(--jct1kd-borderWidth-bl-tablet,0px); border-radius: var(--jct1kd-borderRadius-tl-tablet,0px) var(--jct1kd-borderRadius-tr-tablet,0px) var(--jct1kd-borderRadius-br-tablet,0px) var(--jct1kd-borderRadius-bl-tablet,0px); max-width: var(--jct1kd-max-width-tablet, var(--jct1kd-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--jct1kd-background-imageRatio-mobile, var(--jct1kd-background-imageRatio, auto)); border-width: var(--jct1kd-borderWidth-tl-mobile,0px) var(--jct1kd-borderWidth-tr-mobile,0px) var(--jct1kd-borderWidth-br-mobile,0px) var(--jct1kd-borderWidth-bl-mobile,0px); border-radius: var(--jct1kd-borderRadius-tl-mobile,0px) var(--jct1kd-borderRadius-tr-mobile,0px) var(--jct1kd-borderRadius-br-mobile,0px) var(--jct1kd-borderRadius-bl-mobile,0px); max-width: var(--jct1kd-max-width-mobile, var(--jct1kd-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jct1kd-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--jct1kd-gap,var(--beae-card-gap)); padding-top: var(--jct1kd-padding-top,var(--beae-card-padding)); padding-right: var(--jct1kd-padding-right,var(--beae-card-padding)); padding-bottom: var(--jct1kd-padding-bottom,var(--beae-card-padding)); padding-left: var(--jct1kd-padding-left,var(--beae-card-padding)); border-width: var(--jct1kd-borderWidth,var(--beae-card-border-width)); border-width: var(--jct1kd-borderWidth-tl,var(--beae-card-border-width)) var(--jct1kd-borderWidth-tr,var(--beae-card-border-width)) var(--jct1kd-borderWidth-br,var(--beae-card-border-width)) var(--jct1kd-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jct1kd-borderRadius-tl,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-tr,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-br,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--jct1kd-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jct1kd-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jct1kd-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jct1kd-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jct1kd-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--jct1kd-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jct1kd-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jct1kd-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jct1kd-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jct1kd-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--jct1kd-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jct1kd-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jct1kd-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jct1kd-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jct1kd-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--jct1kd-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jct1kd-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jct1kd-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jct1kd-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jct1kd-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jct1kd-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jct1kd-background-color,var(--beae-card-featured-background)); border-color: var(--jct1kd-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--jct1kd-enableShadow: true): var(--jct1kd-shadowHorizontal, var(--beae-card-shadow-x)) var(--jct1kd-shadowVertical, var(--beae-card-shadow-y)) var(--jct1kd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jct1kd-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--jct1kd-background-color,var(--beae-card-prod-background)); border-color: var(--jct1kd-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--jct1kd-enableShadow: true): var(--jct1kd-shadowHorizontal, var(--beae-card-shadow-x)) var(--jct1kd-shadowVertical, var(--beae-card-shadow-y)) var(--jct1kd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jct1kd-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--jct1kd-background-color,var(--beae-card-pricing-background)); border-color: var(--jct1kd-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--jct1kd-enableShadow: true): var(--jct1kd-shadowHorizontal, var(--beae-card-shadow-x)) var(--jct1kd-shadowVertical, var(--beae-card-shadow-y)) var(--jct1kd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jct1kd-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--jct1kd-background-color,var(--beae-card-cta-background)); border-color: var(--jct1kd-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--jct1kd-enableShadow: true): var(--jct1kd-shadowHorizontal, var(--beae-card-shadow-x)) var(--jct1kd-shadowVertical, var(--beae-card-shadow-y)) var(--jct1kd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jct1kd-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--jct1kd-background-color,var(--beae-card-media-background)); border-color: var(--jct1kd-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--jct1kd-enableShadow: true): var(--jct1kd-shadowHorizontal, var(--beae-card-shadow-x)) var(--jct1kd-shadowVertical, var(--beae-card-shadow-y)) var(--jct1kd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jct1kd-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-jct1kd"] {     display: flex;     flex-direction: var(--jct1kd-direction, column);     flex-wrap: nowrap;     justify-content: var(--jct1kd-justify-content);     align-items: var(--jct1kd-align-items);     gap: var(--jct1kd-gap, var(--jct1kd-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--jct1kd-padding-right, 0px) - var(--jct1kd-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jct1kd"] {      flex-direction: var(--jct1kd-direction-tablet, column);                      gap: var(--jct1kd-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-jct1kd"] {                            gap: var(--jct1kd-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--jct1kd-padding-right-mobile, 0px) - var(--jct1kd-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-v4vk9c"] { --v4vk9c-direction: row; --v4vk9c-direction-tablet: row; --v4vk9c-direction-mobile: row; --v4vk9c-structure: auto; --v4vk9c-structure-tablet: auto; --v4vk9c-structure-mobile: auto; --v4vk9c-gap: 16px; --v4vk9c-gap-tablet: 16px; --v4vk9c-gap-mobile: 20px; --v4vk9c-columns: 60.00,40.00; --v4vk9c-columns-tablet: 60.00,40.00; --v4vk9c-columns-mobile: 60.00,40.00; --v4vk9c-columnsPresetId: 60.00,40.00; --v4vk9c-columnsPresetId-tablet: 60.00,40.00; --v4vk9c-columnsPresetId-mobile: 60.00,40.00; --v4vk9c-padding-top: 12px; --v4vk9c-padding-top-tablet: 12px; --v4vk9c-padding-top-mobile: 12px; --v4vk9c-padding-right: 12px; --v4vk9c-padding-right-tablet: 12px; --v4vk9c-padding-right-mobile: 12px; --v4vk9c-padding-bottom: 12px; --v4vk9c-padding-bottom-tablet: 12px; --v4vk9c-padding-bottom-mobile: 12px; --v4vk9c-padding-left: 12px; --v4vk9c-padding-left-tablet: 12px; --v4vk9c-padding-left-mobile: 12px; --v4vk9c-background-type: color; --v4vk9c-background-type-tablet: color; --v4vk9c-background-type-mobile: color; --v4vk9c-background-color: #ffffff; --v4vk9c-background-color-tablet: #ffffff; --v4vk9c-background-color-mobile: #ffffff; --v4vk9c-borderRadius-tl: 12px; --v4vk9c-borderRadius-tl-tablet: 12px; --v4vk9c-borderRadius-tl-mobile: 12px; --v4vk9c-borderRadius-tr: 12px; --v4vk9c-borderRadius-tr-tablet: 12px; --v4vk9c-borderRadius-tr-mobile: 12px; --v4vk9c-borderRadius-bl: 12px; --v4vk9c-borderRadius-bl-tablet: 12px; --v4vk9c-borderRadius-bl-mobile: 12px; --v4vk9c-borderRadius-br: 12px; --v4vk9c-borderRadius-br-tablet: 12px; --v4vk9c-borderRadius-br-mobile: 12px; --v4vk9c-max-width: 320px; --v4vk9c-max-width-tablet: 320px; --v4vk9c-max-width-mobile: 320px; --v4vk9c-align-items-mobile: center; }[data-bnode="beae-v4vk9c"] { padding-top: var(--v4vk9c-padding-top, 0px); padding-right: var(--v4vk9c-padding-right, 0px); padding-bottom: var(--v4vk9c-padding-bottom, 0px); padding-left: var(--v4vk9c-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--v4vk9c-padding-top-tablet, var(--v4vk9c-padding-top, 0px)); padding-right: var(--v4vk9c-padding-right-tablet, var(--v4vk9c-padding-right, 0px)); padding-bottom: var(--v4vk9c-padding-bottom-tablet, var(--v4vk9c-padding-bottom, 0px)); padding-left: var(--v4vk9c-padding-left-tablet, var(--v4vk9c-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--v4vk9c-padding-top-mobile, var(--v4vk9c-padding-top-tablet, var(--v4vk9c-padding-top, 0px))); padding-right: var(--v4vk9c-padding-right-mobile, var(--v4vk9c-padding-right-tablet, var(--v4vk9c-padding-right, 0px))); padding-bottom: var(--v4vk9c-padding-bottom-mobile, var(--v4vk9c-padding-bottom-tablet, var(--v4vk9c-padding-bottom, 0px))); padding-left: var(--v4vk9c-padding-left-mobile, var(--v4vk9c-padding-left-tablet, var(--v4vk9c-padding-left, 0px))); } width: calc( 100% - var(--v4vk9c-padding-left, 0px) - var(--v4vk9c-padding-right, 0px) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow:hidden; background: var(--v4vk9c-background-color); border-style: var(--v4vk9c-borderStyle,solid); border-color: var(--v4vk9c-borderColor,#000000); border-width: var(--v4vk9c-borderWidth-tl,0px) var(--v4vk9c-borderWidth-tr,0px) var(--v4vk9c-borderWidth-br,0px) var(--v4vk9c-borderWidth-bl,0px); border-radius: var(--v4vk9c-borderRadius-tl,0px) var(--v4vk9c-borderRadius-tr,0px) var(--v4vk9c-borderRadius-br,0px) var(--v4vk9c-borderRadius-bl,0px); box-shadow: if(style(--v4vk9c-enableShadow: true): var(--v4vk9c-shadowHorizontal,0) var(--v4vk9c-shadowVertical,0) var(--v4vk9c-shadowBlur,0) 1px var(--v4vk9c-shadowColor,#000000); else: none); max-width: var(--v4vk9c-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--v4vk9c-borderWidth-tl-tablet,0px) var(--v4vk9c-borderWidth-tr-tablet,0px) var(--v4vk9c-borderWidth-br-tablet,0px) var(--v4vk9c-borderWidth-bl-tablet,0px); border-radius: var(--v4vk9c-borderRadius-tl-tablet,0px) var(--v4vk9c-borderRadius-tr-tablet,0px) var(--v4vk9c-borderRadius-br-tablet,0px) var(--v4vk9c-borderRadius-bl-tablet,0px); max-width: var(--v4vk9c-max-width-tablet, var(--v4vk9c-max-width, 100%)); } @media(max-width: 767px){ border-width: var(--v4vk9c-borderWidth-tl-mobile,0px) var(--v4vk9c-borderWidth-tr-mobile,0px) var(--v4vk9c-borderWidth-br-mobile,0px) var(--v4vk9c-borderWidth-bl-mobile,0px); border-radius: var(--v4vk9c-borderRadius-tl-mobile,0px) var(--v4vk9c-borderRadius-tr-mobile,0px) var(--v4vk9c-borderRadius-br-mobile,0px) var(--v4vk9c-borderRadius-bl-mobile,0px); max-width: var(--v4vk9c-max-width-mobile, var(--v4vk9c-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-v4vk9c"] {     display: flex;     flex-direction: var(--v4vk9c-direction, column);     flex-wrap: nowrap;     justify-content: var(--v4vk9c-justify-content);     align-items: var(--v4vk9c-align-items);     gap: var(--v4vk9c-gap, var(--v4vk9c-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-v4vk9c"] {                            gap: var(--v4vk9c-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(60.00% - var(--v4vk9c-padding-right-tablet, 0px) - var(--v4vk9c-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(40.00% - var(--v4vk9c-padding-right-tablet, 0px) - var(--v4vk9c-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--v4vk9c-padding-right-tablet, 0px) - var(--v4vk9c-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-v4vk9c"] {      flex-direction: var(--v4vk9c-direction-mobile, column);                 align-items: var(--v4vk9c-align-items-mobile, inherit);      gap: var(--v4vk9c-gap-mobile, var(--v4vk9c-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--v4vk9c-padding-right-mobile, 0px) - var(--v4vk9c-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-njlxf6"] { --njlxf6-direction: row; --njlxf6-direction-tablet: row; --njlxf6-direction-mobile: row; --njlxf6-structure: columns; --njlxf6-structure-tablet: columns; --njlxf6-structure-mobile: columns; --njlxf6-max-width: 80px; --njlxf6-max-width-tablet: 80px; --njlxf6-max-width-mobile: 80px; --njlxf6-borderRadius-tl: 12px; --njlxf6-borderRadius-tl-tablet: 12px; --njlxf6-borderRadius-tl-mobile: 12px; --njlxf6-borderRadius-tr: 12px; --njlxf6-borderRadius-tr-tablet: 12px; --njlxf6-borderRadius-tr-mobile: 12px; --njlxf6-borderRadius-bl: 12px; --njlxf6-borderRadius-bl-tablet: 12px; --njlxf6-borderRadius-bl-mobile: 12px; --njlxf6-borderRadius-br: 12px; --njlxf6-borderRadius-br-tablet: 12px; --njlxf6-borderRadius-br-mobile: 12px; }[data-bnode="beae-njlxf6"] { padding-top: var(--njlxf6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--njlxf6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--njlxf6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--njlxf6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--njlxf6-padding-top-tablet, var(--njlxf6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--njlxf6-padding-right-tablet, var(--njlxf6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--njlxf6-padding-bottom-tablet, var(--njlxf6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--njlxf6-padding-left-tablet, var(--njlxf6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--njlxf6-padding-top-mobile, var(--njlxf6-padding-top-tablet, var(--njlxf6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--njlxf6-padding-right-mobile, var(--njlxf6-padding-right-tablet, var(--njlxf6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--njlxf6-padding-bottom-mobile, var(--njlxf6-padding-bottom-tablet, var(--njlxf6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--njlxf6-padding-left-mobile, var(--njlxf6-padding-left-tablet, var(--njlxf6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--njlxf6-padding-left, var(--beae-slot-padding-x, 0px)) - var(--njlxf6-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--njlxf6-background-imageRatio, auto); background: var(--njlxf6-background-color,transparent); border-style: var(--njlxf6-borderStyle,solid); border-color: var(--njlxf6-borderColor,#000000); border-width: var(--njlxf6-borderWidth-tl,0px) var(--njlxf6-borderWidth-tr,0px) var(--njlxf6-borderWidth-br,0px) var(--njlxf6-borderWidth-bl,0px); border-radius: var(--njlxf6-borderRadius-tl,0px) var(--njlxf6-borderRadius-tr,0px) var(--njlxf6-borderRadius-br,0px) var(--njlxf6-borderRadius-bl,0px); box-shadow: if(style(--njlxf6-enableShadow: true): var(--njlxf6-shadowHorizontal,0) var(--njlxf6-shadowVertical,0) var(--njlxf6-shadowBlur,0) 1px var(--njlxf6-shadowColor,#000000); else: none); max-width: var(--njlxf6-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--njlxf6-background-imageRatio-tablet, var(--njlxf6-background-imageRatio, auto)); border-width: var(--njlxf6-borderWidth-tl-tablet,0px) var(--njlxf6-borderWidth-tr-tablet,0px) var(--njlxf6-borderWidth-br-tablet,0px) var(--njlxf6-borderWidth-bl-tablet,0px); border-radius: var(--njlxf6-borderRadius-tl-tablet,0px) var(--njlxf6-borderRadius-tr-tablet,0px) var(--njlxf6-borderRadius-br-tablet,0px) var(--njlxf6-borderRadius-bl-tablet,0px); max-width: var(--njlxf6-max-width-tablet, var(--njlxf6-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--njlxf6-background-imageRatio-mobile, var(--njlxf6-background-imageRatio, auto)); border-width: var(--njlxf6-borderWidth-tl-mobile,0px) var(--njlxf6-borderWidth-tr-mobile,0px) var(--njlxf6-borderWidth-br-mobile,0px) var(--njlxf6-borderWidth-bl-mobile,0px); border-radius: var(--njlxf6-borderRadius-tl-mobile,0px) var(--njlxf6-borderRadius-tr-mobile,0px) var(--njlxf6-borderRadius-br-mobile,0px) var(--njlxf6-borderRadius-bl-mobile,0px); max-width: var(--njlxf6-max-width-mobile, var(--njlxf6-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--njlxf6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--njlxf6-gap,var(--beae-card-gap)); padding-top: var(--njlxf6-padding-top,var(--beae-card-padding)); padding-right: var(--njlxf6-padding-right,var(--beae-card-padding)); padding-bottom: var(--njlxf6-padding-bottom,var(--beae-card-padding)); padding-left: var(--njlxf6-padding-left,var(--beae-card-padding)); border-width: var(--njlxf6-borderWidth,var(--beae-card-border-width)); border-width: var(--njlxf6-borderWidth-tl,var(--beae-card-border-width)) var(--njlxf6-borderWidth-tr,var(--beae-card-border-width)) var(--njlxf6-borderWidth-br,var(--beae-card-border-width)) var(--njlxf6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--njlxf6-borderRadius-tl,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-tr,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-br,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--njlxf6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--njlxf6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--njlxf6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--njlxf6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--njlxf6-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--njlxf6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--njlxf6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--njlxf6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--njlxf6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--njlxf6-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--njlxf6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--njlxf6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--njlxf6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--njlxf6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--njlxf6-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--njlxf6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--njlxf6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--njlxf6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--njlxf6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--njlxf6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--njlxf6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--njlxf6-background-color,var(--beae-card-featured-background)); border-color: var(--njlxf6-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--njlxf6-enableShadow: true): var(--njlxf6-shadowHorizontal, var(--beae-card-shadow-x)) var(--njlxf6-shadowVertical, var(--beae-card-shadow-y)) var(--njlxf6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njlxf6-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--njlxf6-background-color,var(--beae-card-prod-background)); border-color: var(--njlxf6-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--njlxf6-enableShadow: true): var(--njlxf6-shadowHorizontal, var(--beae-card-shadow-x)) var(--njlxf6-shadowVertical, var(--beae-card-shadow-y)) var(--njlxf6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njlxf6-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--njlxf6-background-color,var(--beae-card-pricing-background)); border-color: var(--njlxf6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--njlxf6-enableShadow: true): var(--njlxf6-shadowHorizontal, var(--beae-card-shadow-x)) var(--njlxf6-shadowVertical, var(--beae-card-shadow-y)) var(--njlxf6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njlxf6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--njlxf6-background-color,var(--beae-card-cta-background)); border-color: var(--njlxf6-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--njlxf6-enableShadow: true): var(--njlxf6-shadowHorizontal, var(--beae-card-shadow-x)) var(--njlxf6-shadowVertical, var(--beae-card-shadow-y)) var(--njlxf6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njlxf6-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--njlxf6-background-color,var(--beae-card-media-background)); border-color: var(--njlxf6-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--njlxf6-enableShadow: true): var(--njlxf6-shadowHorizontal, var(--beae-card-shadow-x)) var(--njlxf6-shadowVertical, var(--beae-card-shadow-y)) var(--njlxf6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njlxf6-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-njlxf6"] {     display: flex;     flex-direction: var(--njlxf6-direction, column);     flex-wrap: nowrap;     justify-content: var(--njlxf6-justify-content);     align-items: var(--njlxf6-align-items);     gap: var(--njlxf6-gap, var(--njlxf6-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--njlxf6-padding-right, 0px) - var(--njlxf6-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-njlxf6"] {                            gap: var(--njlxf6-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--njlxf6-padding-right-tablet, 0px) - var(--njlxf6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-njlxf6"] {                            gap: var(--njlxf6-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--njlxf6-padding-right-mobile, 0px) - var(--njlxf6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-lalfg4"] { --lalfg4-borderColor: #000000; --lalfg4-borderColor-tablet: #000000; --lalfg4-borderColor-mobile: #000000; --lalfg4-borderWidth: 1px; --lalfg4-borderWidth-tablet: 1px; --lalfg4-borderWidth-mobile: 1px; --lalfg4-shadowHorizontal: 0; --lalfg4-shadowHorizontal-tablet: 0; --lalfg4-shadowHorizontal-mobile: 0; --lalfg4-shadowVertical: 0; --lalfg4-shadowVertical-tablet: 0; --lalfg4-shadowVertical-mobile: 0; --lalfg4-shadowBlur: 0; --lalfg4-shadowBlur-tablet: 0; --lalfg4-shadowBlur-mobile: 0; --lalfg4-shadowColor: #000000; --lalfg4-shadowColor-tablet: #000000; --lalfg4-shadowColor-mobile: #000000; --lalfg4-padding-top: 0px; --lalfg4-padding-top-tablet: 0px; --lalfg4-padding-top-mobile: 0px; --lalfg4-padding-right: 0px; --lalfg4-padding-right-tablet: 0px; --lalfg4-padding-right-mobile: 0px; --lalfg4-padding-bottom: 0px; --lalfg4-padding-bottom-tablet: 0px; --lalfg4-padding-bottom-mobile: 0px; --lalfg4-padding-left: 0px; --lalfg4-padding-left-tablet: 0px; --lalfg4-padding-left-mobile: 0px; --lalfg4-enableShadow: false; --lalfg4-enableShadow-tablet: false; --lalfg4-enableShadow-mobile: false; --lalfg4-imageRatio: 1/1; --lalfg4-imageRatio-tablet: auto; --lalfg4-imageRatio-mobile: auto; --lalfg4-borderRadius-tl: 12px; --lalfg4-borderRadius-tl-tablet: 12px; --lalfg4-borderRadius-tl-mobile: 12px; --lalfg4-borderRadius-tr: 12px; --lalfg4-borderRadius-tr-tablet: 12px; --lalfg4-borderRadius-tr-mobile: 12px; --lalfg4-borderRadius-bl: 12px; --lalfg4-borderRadius-bl-tablet: 12px; --lalfg4-borderRadius-bl-mobile: 12px; --lalfg4-borderRadius-br: 12px; --lalfg4-borderRadius-br-tablet: 12px; --lalfg4-borderRadius-br-mobile: 12px; }[data-bnode="beae-lalfg4"] { margin-top: var(--lalfg4-margin-top, 0px); margin-right: var(--lalfg4-margin-right, 0px); margin-bottom: var(--lalfg4-margin-bottom, 0px); margin-left: var(--lalfg4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lalfg4-margin-top-tablet, 0px); margin-right: var(--lalfg4-margin-right-tablet, 0px); margin-bottom: var(--lalfg4-margin-bottom-tablet, 0px); margin-left: var(--lalfg4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lalfg4-margin-top-mobile, 0px); margin-right: var(--lalfg4-margin-right-mobile, 0px); margin-bottom: var(--lalfg4-margin-bottom-mobile, 0px); margin-left: var(--lalfg4-margin-left-mobile, 0px); } &.beae-product-picture { position: relative; display: block; max-width: 100%; aspect-ratio: var(--lalfg4-imageRatio); overflow: hidden; border-style: var(--lalfg4-borderStyle, solid); border-color: var(--lalfg4-borderColor, #000000); border-width: var(--lalfg4-borderWidth-tl, 0px) var(--lalfg4-borderWidth-tr, 0px) var(--lalfg4-borderWidth-br, 0px) var(--lalfg4-borderWidth-bl, 0px); border-radius: var(--lalfg4-borderRadius-tl, 0px) var(--lalfg4-borderRadius-tr, 0px) var(--lalfg4-borderRadius-br, 0px) var(--lalfg4-borderRadius-bl, 0px); box-shadow: if(style(--lalfg4-enableShadow: true): var(--lalfg4-shadowHorizontal, 0) var(--lalfg4-shadowVertical, 0) var(--lalfg4-shadowBlur, 0) 1px var(--lalfg4-shadowColor, #000000); else: none); background-color: #f5f5f5; box-shadow: if(style(--lalfg4-enableShadow: true): var(--lalfg4-shadowHorizontal, 0) var(--lalfg4-shadowVertical, 0) var(--lalfg4-shadowBlur, 0) 1px var(--lalfg4-shadowColor, #000000); else: none); @media(min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--lalfg4-imageRatio-tablet); border-width: var(--lalfg4-borderWidth-tl-tablet, 0px) var(--lalfg4-borderWidth-tr-tablet, 0px) var(--lalfg4-borderWidth-br-tablet, 0px) var(--lalfg4-borderWidth-bl-tablet, 0px); border-radius: var(--lalfg4-borderRadius-tl-tablet, 0px) var(--lalfg4-borderRadius-tr-tablet, 0px) var(--lalfg4-borderRadius-br-tablet, 0px) var(--lalfg4-borderRadius-bl-tablet, 0px); max-width: var(--lalfg4-max-width-tablet, var(--lalfg4-max-width, 100%)); } @media(max-width: 767px) { aspect-ratio: var(--lalfg4-imageRatio-mobile); border-width: var(--lalfg4-borderWidth-tl-mobile, 0px) var(--lalfg4-borderWidth-tr-mobile, 0px) var(--lalfg4-borderWidth-br-mobile, 0px) var(--lalfg4-borderWidth-bl-mobile, 0px); border-radius: var(--lalfg4-borderRadius-tl-mobile, 0px) var(--lalfg4-borderRadius-tr-mobile, 0px) var(--lalfg4-borderRadius-br-mobile, 0px) var(--lalfg4-borderRadius-bl-mobile, 0px); max-width: var(--lalfg4-max-width-mobile, var(--lalfg4-max-width, 100%)); } .beae-img-main, .beae-img-secondary { max-width: 100%; width: 100%; height: 100%; object-fit: cover; display: block; } .beae-img-secondary { position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.4s ease; z-index: 2; } &.has-hover { &:hover { .beae-img-secondary { opacity: 1; } } } } }[data-bnode="beae-feqgay"] { --feqgay-direction: row; --feqgay-direction-tablet: row; --feqgay-direction-mobile: row; --feqgay-align-items: center; --feqgay-align-items-tablet: center; --feqgay-align-items-mobile: center; --feqgay-gap: 14px; --feqgay-gap-tablet: 14px; --feqgay-gap-mobile: 14px; --feqgay-justify-content: center; --feqgay-justify-content-tablet: center; --feqgay-justify-content-mobile: center; --feqgay-max-width: 200px; --feqgay-max-width-tablet: 200px; --feqgay-max-width-mobile: 200px; }[data-bnode="beae-feqgay"] { padding-top: var(--feqgay-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--feqgay-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--feqgay-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--feqgay-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--feqgay-padding-top-tablet, var(--feqgay-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--feqgay-padding-right-tablet, var(--feqgay-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--feqgay-padding-bottom-tablet, var(--feqgay-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--feqgay-padding-left-tablet, var(--feqgay-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--feqgay-padding-top-mobile, var(--feqgay-padding-top-tablet, var(--feqgay-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--feqgay-padding-right-mobile, var(--feqgay-padding-right-tablet, var(--feqgay-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--feqgay-padding-bottom-mobile, var(--feqgay-padding-bottom-tablet, var(--feqgay-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--feqgay-padding-left-mobile, var(--feqgay-padding-left-tablet, var(--feqgay-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--feqgay-padding-left, var(--beae-slot-padding-x, 0px)) - var(--feqgay-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--feqgay-background-imageRatio, auto); background: var(--feqgay-background-color,transparent); border-style: var(--feqgay-borderStyle,solid); border-color: var(--feqgay-borderColor,#000000); border-width: var(--feqgay-borderWidth-tl,0px) var(--feqgay-borderWidth-tr,0px) var(--feqgay-borderWidth-br,0px) var(--feqgay-borderWidth-bl,0px); border-radius: var(--feqgay-borderRadius-tl,0px) var(--feqgay-borderRadius-tr,0px) var(--feqgay-borderRadius-br,0px) var(--feqgay-borderRadius-bl,0px); box-shadow: if(style(--feqgay-enableShadow: true): var(--feqgay-shadowHorizontal,0) var(--feqgay-shadowVertical,0) var(--feqgay-shadowBlur,0) 1px var(--feqgay-shadowColor,#000000); else: none); max-width: var(--feqgay-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--feqgay-background-imageRatio-tablet, var(--feqgay-background-imageRatio, auto)); border-width: var(--feqgay-borderWidth-tl-tablet,0px) var(--feqgay-borderWidth-tr-tablet,0px) var(--feqgay-borderWidth-br-tablet,0px) var(--feqgay-borderWidth-bl-tablet,0px); border-radius: var(--feqgay-borderRadius-tl-tablet,0px) var(--feqgay-borderRadius-tr-tablet,0px) var(--feqgay-borderRadius-br-tablet,0px) var(--feqgay-borderRadius-bl-tablet,0px); max-width: var(--feqgay-max-width-tablet, var(--feqgay-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--feqgay-background-imageRatio-mobile, var(--feqgay-background-imageRatio, auto)); border-width: var(--feqgay-borderWidth-tl-mobile,0px) var(--feqgay-borderWidth-tr-mobile,0px) var(--feqgay-borderWidth-br-mobile,0px) var(--feqgay-borderWidth-bl-mobile,0px); border-radius: var(--feqgay-borderRadius-tl-mobile,0px) var(--feqgay-borderRadius-tr-mobile,0px) var(--feqgay-borderRadius-br-mobile,0px) var(--feqgay-borderRadius-bl-mobile,0px); max-width: var(--feqgay-max-width-mobile, var(--feqgay-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--feqgay-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--feqgay-gap,var(--beae-card-gap)); padding-top: var(--feqgay-padding-top,var(--beae-card-padding)); padding-right: var(--feqgay-padding-right,var(--beae-card-padding)); padding-bottom: var(--feqgay-padding-bottom,var(--beae-card-padding)); padding-left: var(--feqgay-padding-left,var(--beae-card-padding)); border-width: var(--feqgay-borderWidth,var(--beae-card-border-width)); border-width: var(--feqgay-borderWidth-tl,var(--beae-card-border-width)) var(--feqgay-borderWidth-tr,var(--beae-card-border-width)) var(--feqgay-borderWidth-br,var(--beae-card-border-width)) var(--feqgay-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--feqgay-borderRadius-tl,var(--beae-card-border-radius)) var(--feqgay-borderRadius-tr,var(--beae-card-border-radius)) var(--feqgay-borderRadius-br,var(--beae-card-border-radius)) var(--feqgay-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--feqgay-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--feqgay-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--feqgay-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--feqgay-padding-left-tablet,var(--beae-card-padding)); border-width: var(--feqgay-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--feqgay-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--feqgay-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--feqgay-borderWidth-br-desktop,var(--beae-card-border-width)) var(--feqgay-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--feqgay-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--feqgay-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--feqgay-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--feqgay-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--feqgay-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--feqgay-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--feqgay-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--feqgay-padding-left-mobile,var(--beae-card-padding)); border-width: var(--feqgay-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--feqgay-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--feqgay-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--feqgay-borderWidth-br-mobile,var(--beae-card-border-width)) var(--feqgay-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--feqgay-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--feqgay-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--feqgay-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--feqgay-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--feqgay-background-color,var(--beae-card-featured-background)); border-color: var(--feqgay-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--feqgay-enableShadow: true): var(--feqgay-shadowHorizontal, var(--beae-card-shadow-x)) var(--feqgay-shadowVertical, var(--beae-card-shadow-y)) var(--feqgay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--feqgay-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--feqgay-background-color,var(--beae-card-prod-background)); border-color: var(--feqgay-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--feqgay-enableShadow: true): var(--feqgay-shadowHorizontal, var(--beae-card-shadow-x)) var(--feqgay-shadowVertical, var(--beae-card-shadow-y)) var(--feqgay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--feqgay-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--feqgay-background-color,var(--beae-card-pricing-background)); border-color: var(--feqgay-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--feqgay-enableShadow: true): var(--feqgay-shadowHorizontal, var(--beae-card-shadow-x)) var(--feqgay-shadowVertical, var(--beae-card-shadow-y)) var(--feqgay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--feqgay-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--feqgay-background-color,var(--beae-card-cta-background)); border-color: var(--feqgay-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--feqgay-enableShadow: true): var(--feqgay-shadowHorizontal, var(--beae-card-shadow-x)) var(--feqgay-shadowVertical, var(--beae-card-shadow-y)) var(--feqgay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--feqgay-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--feqgay-background-color,var(--beae-card-media-background)); border-color: var(--feqgay-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--feqgay-enableShadow: true): var(--feqgay-shadowHorizontal, var(--beae-card-shadow-x)) var(--feqgay-shadowVertical, var(--beae-card-shadow-y)) var(--feqgay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--feqgay-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-feqgay"] {     display: flex;     flex-direction: var(--feqgay-direction, column);     flex-wrap: nowrap;     justify-content: var(--feqgay-justify-content);     align-items: var(--feqgay-align-items);     gap: var(--feqgay-gap, var(--feqgay-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-feqgay"] {                            gap: var(--feqgay-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--feqgay-padding-right-tablet, 0px) - var(--feqgay-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-feqgay"] {                            gap: var(--feqgay-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--feqgay-padding-right-mobile, 0px) - var(--feqgay-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-k7xg18"] { --k7xg18-direction: column; --k7xg18-direction-tablet: column; --k7xg18-direction-mobile: column; --k7xg18-structure: auto; --k7xg18-structure-tablet: auto; --k7xg18-structure-mobile: auto; --k7xg18-gap: 6px; --k7xg18-gap-tablet: 6px; --k7xg18-gap-mobile: 6px; }[data-bnode="beae-k7xg18"] { padding-top: var(--k7xg18-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--k7xg18-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--k7xg18-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--k7xg18-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--k7xg18-padding-top-tablet, var(--k7xg18-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--k7xg18-padding-right-tablet, var(--k7xg18-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--k7xg18-padding-bottom-tablet, var(--k7xg18-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--k7xg18-padding-left-tablet, var(--k7xg18-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--k7xg18-padding-top-mobile, var(--k7xg18-padding-top-tablet, var(--k7xg18-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--k7xg18-padding-right-mobile, var(--k7xg18-padding-right-tablet, var(--k7xg18-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--k7xg18-padding-bottom-mobile, var(--k7xg18-padding-bottom-tablet, var(--k7xg18-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--k7xg18-padding-left-mobile, var(--k7xg18-padding-left-tablet, var(--k7xg18-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--k7xg18-padding-left, var(--beae-slot-padding-x, 0px)) - var(--k7xg18-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--k7xg18-background-imageRatio, auto); background: var(--k7xg18-background-color,transparent); border-style: var(--k7xg18-borderStyle,solid); border-color: var(--k7xg18-borderColor,#000000); border-width: var(--k7xg18-borderWidth-tl,0px) var(--k7xg18-borderWidth-tr,0px) var(--k7xg18-borderWidth-br,0px) var(--k7xg18-borderWidth-bl,0px); border-radius: var(--k7xg18-borderRadius-tl,0px) var(--k7xg18-borderRadius-tr,0px) var(--k7xg18-borderRadius-br,0px) var(--k7xg18-borderRadius-bl,0px); box-shadow: if(style(--k7xg18-enableShadow: true): var(--k7xg18-shadowHorizontal,0) var(--k7xg18-shadowVertical,0) var(--k7xg18-shadowBlur,0) 1px var(--k7xg18-shadowColor,#000000); else: none); max-width: var(--k7xg18-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--k7xg18-background-imageRatio-tablet, var(--k7xg18-background-imageRatio, auto)); border-width: var(--k7xg18-borderWidth-tl-tablet,0px) var(--k7xg18-borderWidth-tr-tablet,0px) var(--k7xg18-borderWidth-br-tablet,0px) var(--k7xg18-borderWidth-bl-tablet,0px); border-radius: var(--k7xg18-borderRadius-tl-tablet,0px) var(--k7xg18-borderRadius-tr-tablet,0px) var(--k7xg18-borderRadius-br-tablet,0px) var(--k7xg18-borderRadius-bl-tablet,0px); max-width: var(--k7xg18-max-width-tablet, var(--k7xg18-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--k7xg18-background-imageRatio-mobile, var(--k7xg18-background-imageRatio, auto)); border-width: var(--k7xg18-borderWidth-tl-mobile,0px) var(--k7xg18-borderWidth-tr-mobile,0px) var(--k7xg18-borderWidth-br-mobile,0px) var(--k7xg18-borderWidth-bl-mobile,0px); border-radius: var(--k7xg18-borderRadius-tl-mobile,0px) var(--k7xg18-borderRadius-tr-mobile,0px) var(--k7xg18-borderRadius-br-mobile,0px) var(--k7xg18-borderRadius-bl-mobile,0px); max-width: var(--k7xg18-max-width-mobile, var(--k7xg18-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--k7xg18-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--k7xg18-gap,var(--beae-card-gap)); padding-top: var(--k7xg18-padding-top,var(--beae-card-padding)); padding-right: var(--k7xg18-padding-right,var(--beae-card-padding)); padding-bottom: var(--k7xg18-padding-bottom,var(--beae-card-padding)); padding-left: var(--k7xg18-padding-left,var(--beae-card-padding)); border-width: var(--k7xg18-borderWidth,var(--beae-card-border-width)); border-width: var(--k7xg18-borderWidth-tl,var(--beae-card-border-width)) var(--k7xg18-borderWidth-tr,var(--beae-card-border-width)) var(--k7xg18-borderWidth-br,var(--beae-card-border-width)) var(--k7xg18-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--k7xg18-borderRadius-tl,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-tr,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-br,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--k7xg18-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--k7xg18-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--k7xg18-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--k7xg18-padding-left-tablet,var(--beae-card-padding)); border-width: var(--k7xg18-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--k7xg18-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--k7xg18-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--k7xg18-borderWidth-br-desktop,var(--beae-card-border-width)) var(--k7xg18-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--k7xg18-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--k7xg18-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--k7xg18-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--k7xg18-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--k7xg18-padding-left-mobile,var(--beae-card-padding)); border-width: var(--k7xg18-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--k7xg18-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--k7xg18-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--k7xg18-borderWidth-br-mobile,var(--beae-card-border-width)) var(--k7xg18-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--k7xg18-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--k7xg18-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--k7xg18-background-color,var(--beae-card-featured-background)); border-color: var(--k7xg18-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--k7xg18-enableShadow: true): var(--k7xg18-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7xg18-shadowVertical, var(--beae-card-shadow-y)) var(--k7xg18-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7xg18-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--k7xg18-background-color,var(--beae-card-prod-background)); border-color: var(--k7xg18-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--k7xg18-enableShadow: true): var(--k7xg18-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7xg18-shadowVertical, var(--beae-card-shadow-y)) var(--k7xg18-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7xg18-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--k7xg18-background-color,var(--beae-card-pricing-background)); border-color: var(--k7xg18-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--k7xg18-enableShadow: true): var(--k7xg18-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7xg18-shadowVertical, var(--beae-card-shadow-y)) var(--k7xg18-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7xg18-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--k7xg18-background-color,var(--beae-card-cta-background)); border-color: var(--k7xg18-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--k7xg18-enableShadow: true): var(--k7xg18-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7xg18-shadowVertical, var(--beae-card-shadow-y)) var(--k7xg18-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7xg18-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--k7xg18-background-color,var(--beae-card-media-background)); border-color: var(--k7xg18-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--k7xg18-enableShadow: true): var(--k7xg18-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7xg18-shadowVertical, var(--beae-card-shadow-y)) var(--k7xg18-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7xg18-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-k7xg18"] {     display: flex;     flex-direction: var(--k7xg18-direction, column);     flex-wrap: nowrap;     justify-content: var(--k7xg18-justify-content);     align-items: var(--k7xg18-align-items);     gap: var(--k7xg18-gap, var(--k7xg18-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-k7xg18"] {                            gap: var(--k7xg18-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--k7xg18-padding-right-tablet, 0px) - var(--k7xg18-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-k7xg18"] {                            gap: var(--k7xg18-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--k7xg18-padding-right-mobile, 0px) - var(--k7xg18-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rbfz1w"] { --rbfz1w-typography: h6; --rbfz1w-typography-tablet: h6; --rbfz1w-typography-mobile: h6; --beae-h6-font-size: 14px; --beae-h6-font-size-tablet: 14px; --beae-h6-font-size-mobile: 14px; --beae-h6-color: #282928; --beae-h6-font-weight: 500; --beae-h6-line-height: 1.5; --beae-h6-line-height-tablet: 1.5; --beae-h6-line-height-mobile: 1.5; --beae-h6-letter-spacing: 0px; --beae-h6-letter-spacing-tablet: 0px; --beae-h6-letter-spacing-mobile: 0px; --beae-h6-text-transform: none; }[data-bnode="beae-rbfz1w"] { margin-top: var(--rbfz1w-margin-top, 0px); margin-right: var(--rbfz1w-margin-right, 0px); margin-bottom: var(--rbfz1w-margin-bottom, 0px); margin-left: var(--rbfz1w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rbfz1w-margin-top-tablet, 0px); margin-right: var(--rbfz1w-margin-right-tablet, 0px); margin-bottom: var(--rbfz1w-margin-bottom-tablet, 0px); margin-left: var(--rbfz1w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rbfz1w-margin-top-mobile, 0px); margin-right: var(--rbfz1w-margin-right-mobile, 0px); margin-bottom: var(--rbfz1w-margin-bottom-mobile, 0px); margin-left: var(--rbfz1w-margin-left-mobile, 0px); } }[data-bnode="beae-nis3gs"] { --nis3gs-typography: p; --nis3gs-typography-tablet: p; --nis3gs-typography-mobile: p; --nis3gs-decoration: line-through; --nis3gs-decoration-tablet: line-through; --nis3gs-decoration-mobile: line-through; --nis3gs-comparePriceColor: #888888; --nis3gs-comparePriceColor-tablet: #888888; --nis3gs-comparePriceColor-mobile: #888888; --nis3gs-priceType: salePrice; --nis3gs-priceType-tablet: salePrice; --nis3gs-priceType-mobile: salePrice; --nis3gs-salePriceColor: var(--beae-other-sale-price-color); --nis3gs-salePriceColor-tablet: var(--beae-other-sale-price-color); --nis3gs-salePriceColor-mobile: var(--beae-other-sale-price-color); --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-weight: 400; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-nis3gs"] { margin-top: var(--nis3gs-margin-top, 0px); margin-right: var(--nis3gs-margin-right, 0px); margin-bottom: var(--nis3gs-margin-bottom, 0px); margin-left: var(--nis3gs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nis3gs-margin-top-tablet, 0px); margin-right: var(--nis3gs-margin-right-tablet, 0px); margin-bottom: var(--nis3gs-margin-bottom-tablet, 0px); margin-left: var(--nis3gs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nis3gs-margin-top-mobile, 0px); margin-right: var(--nis3gs-margin-right-mobile, 0px); margin-bottom: var(--nis3gs-margin-bottom-mobile, 0px); margin-left: var(--nis3gs-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--nis3gs-comparePriceColor); text-decoration: var(--nis3gs-decoration,none); font-size: calc(var(--nis3gs-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--nis3gs-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-ucpjh4"] { --ucpjh4-width: 100%; --ucpjh4-width-tablet: 100%; --ucpjh4-width-mobile: 100%; --ucpjh4-imageRatio: auto; --ucpjh4-imageRatio-tablet: auto; --ucpjh4-imageRatio-mobile: 7/6; --ucpjh4-objFit: cover; --ucpjh4-objFit-tablet: cover; --ucpjh4-objFit-mobile: cover; --ucpjh4-borderColor: #000000; --ucpjh4-borderColor-tablet: #000000; --ucpjh4-borderColor-mobile: #000000; --ucpjh4-shadowColor: #000000; --ucpjh4-shadowColor-tablet: #000000; --ucpjh4-shadowColor-mobile: #000000; --ucpjh4-borderStyle: solid; --ucpjh4-borderStyle-tablet: solid; --ucpjh4-borderStyle-mobile: solid; --ucpjh4-enableShadow: false; --ucpjh4-enableShadow-tablet: false; --ucpjh4-enableShadow-mobile: false; --ucpjh4-borderWidth-tl: 0px; --ucpjh4-borderWidth-tl-tablet: 0px; --ucpjh4-borderWidth-tl-mobile: 0px; --ucpjh4-borderWidth-tr: 0px; --ucpjh4-borderWidth-tr-tablet: 0px; --ucpjh4-borderWidth-tr-mobile: 0px; --ucpjh4-borderWidth-bl: 0px; --ucpjh4-borderWidth-bl-tablet: 0px; --ucpjh4-borderWidth-bl-mobile: 0px; --ucpjh4-borderWidth-br: 0px; --ucpjh4-borderWidth-br-tablet: 0px; --ucpjh4-borderWidth-br-mobile: 0px; }[data-bnode="beae-ucpjh4"] { margin-top: var(--ucpjh4-margin-top, 0px); margin-right: var(--ucpjh4-margin-right, 0px); margin-bottom: var(--ucpjh4-margin-bottom, 0px); margin-left: var(--ucpjh4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ucpjh4-margin-top-tablet, 0px); margin-right: var(--ucpjh4-margin-right-tablet, 0px); margin-bottom: var(--ucpjh4-margin-bottom-tablet, 0px); margin-left: var(--ucpjh4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ucpjh4-margin-top-mobile, 0px); margin-right: var(--ucpjh4-margin-right-mobile, 0px); margin-bottom: var(--ucpjh4-margin-bottom-mobile, 0px); margin-left: var(--ucpjh4-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--ucpjh4-width,100%) - var(--ucpjh4-margin-left,0px) - var(--ucpjh4-margin-right,0px)); min-height: min-content; border-style: var(--ucpjh4-borderStyle,solid); border-color: var(--ucpjh4-borderColor,#000000); border-width: var(--ucpjh4-borderWidth-tl,0px) var(--ucpjh4-borderWidth-tr,0px) var(--ucpjh4-borderWidth-br,0px) var(--ucpjh4-borderWidth-bl,0px); border-radius: var(--ucpjh4-borderRadius-tl,0px) var(--ucpjh4-borderRadius-tr,0px) var(--ucpjh4-borderRadius-br,0px) var(--ucpjh4-borderRadius-bl,0px); aspect-ratio: var(--ucpjh4-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ucpjh4-borderWidth-tl-tablet, var(--ucpjh4-borderWidth-tl,0px)) var(--ucpjh4-borderWidth-tr-tablet, var(--ucpjh4-borderWidth-tr,0px)) var(--ucpjh4-borderWidth-br-tablet, var(--ucpjh4-borderWidth-br,0px)) var(--ucpjh4-borderWidth-bl-tablet, var(--ucpjh4-borderWidth-bl,0px)); border-radius: var(--ucpjh4-borderRadius-tl-tablet, var(--ucpjh4-borderRadius-tl,0px)) var(--ucpjh4-borderRadius-tr-tablet, var(--ucpjh4-borderRadius-tr,0px)) var(--ucpjh4-borderRadius-br-tablet, var(--ucpjh4-borderRadius-br,0px)) var(--ucpjh4-borderRadius-bl-tablet, var(--ucpjh4-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--ucpjh4-borderWidth-tl-mobile, var(--ucpjh4-borderWidth-tl,0px)) var(--ucpjh4-borderWidth-tr-mobile, var(--ucpjh4-borderWidth-tr,0px)) var(--ucpjh4-borderWidth-br-mobile, var(--ucpjh4-borderWidth-br,0px)) var(--ucpjh4-borderWidth-bl-mobile, var(--ucpjh4-borderWidth-bl,0px)); border-radius: var(--ucpjh4-borderRadius-tl-mobile, var(--ucpjh4-borderRadius-tl,0px)) var(--ucpjh4-borderRadius-tr-mobile, var(--ucpjh4-borderRadius-tr,0px)) var(--ucpjh4-borderRadius-br-mobile, var(--ucpjh4-borderRadius-br,0px)) var(--ucpjh4-borderRadius-bl-mobile, var(--ucpjh4-borderRadius-bl,0px)); } box-shadow: if( style(--ucpjh4-enableShadow: true): var(--ucpjh4-shadowHorizontal, 0) var(--ucpjh4-shadowVertical, 0) var(--ucpjh4-shadowBlur, 0) 1px var(--ucpjh4-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--ucpjh4-overlayColor-color, #000); opacity: var(--ucpjh4-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--ucpjh4-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--ucpjh4-width-tablet,var(--ucpjh4-width,100%)) - var(--ucpjh4-margin-left-tablet,var(--ucpjh4-margin-left,0px)) - var(--ucpjh4-margin-right-tablet,var(--ucpjh4-margin-right,0px))); aspect-ratio: var(--ucpjh4-imageRatio-tablet, var(--ucpjh4-imageRatio, auto)); img { object-fit: var(--ucpjh4-objFit-tablet, var(--ucpjh4-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--ucpjh4-width-mobile,var(--ucpjh4-width,100%)) - var(--ucpjh4-margin-left-mobile,var(--ucpjh4-margin-left,0px)) - var(--ucpjh4-margin-right-mobile,var(--ucpjh4-margin-right,0px))); aspect-ratio: var(--ucpjh4-imageRatio-mobile, var(--ucpjh4-imageRatio, auto)); img { object-fit: var(--ucpjh4-objFit-mobile, var(--ucpjh4-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-8lrtp6"] { --8lrtp6-width: 1400px; --8lrtp6-width-tablet: 1400px; --8lrtp6-width-mobile: 1400px; --8lrtp6-height: fit-content; --8lrtp6-height-tablet: fit-content; --8lrtp6-height-mobile: fit-content; --8lrtp6-padding-top: 0px; --8lrtp6-padding-top-tablet: 40px; --8lrtp6-padding-top-mobile: 80px; --8lrtp6-padding-right: 30px; --8lrtp6-padding-right-tablet: 30px; --8lrtp6-padding-right-mobile: 28px; --8lrtp6-padding-bottom: 112px; --8lrtp6-padding-bottom-tablet: 40px; --8lrtp6-padding-bottom-mobile: 80px; --8lrtp6-padding-left: 30px; --8lrtp6-padding-left-tablet: 30px; --8lrtp6-padding-left-mobile: 28px; --8lrtp6-direction: row; --8lrtp6-direction-tablet: row; --8lrtp6-direction-mobile: column; --8lrtp6-structure: columns; --8lrtp6-structure-tablet: columns; --8lrtp6-structure-mobile: columns; --8lrtp6-gap: 32px; --8lrtp6-gap-tablet: 20px; --8lrtp6-gap-mobile: 40px; --8lrtp6-align-items: flex-start; --8lrtp6-align-items-tablet: flex-start; --8lrtp6-align-items-mobile: flex-start; }[data-bnode="beae-8lrtp6"] > .beae-section-container{     display: flex;     flex-direction: var(--8lrtp6-direction, column);     flex-wrap: nowrap;     justify-content: var(--8lrtp6-justify-content);     align-items: var(--8lrtp6-align-items);     gap: var(--8lrtp6-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--8lrtp6-padding-right, 0px) - var(--8lrtp6-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8lrtp6"] > .beae-section-container{                            gap: var(--8lrtp6-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--8lrtp6-padding-right-tablet, 0px) - var(--8lrtp6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8lrtp6"] > .beae-section-container{      flex-direction: var(--8lrtp6-direction-mobile, column);                      gap: var(--8lrtp6-gap-mobile, var(--beae-grid-gap-mobile, 4px));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-f26wux"] { --f26wux-direction: column; --f26wux-direction-tablet: column; --f26wux-direction-mobile: column; --f26wux-structure: columns; --f26wux-structure-tablet: columns; --f26wux-structure-mobile: columns; --f26wux-gap: 24px; --f26wux-gap-tablet: 24px; --f26wux-gap-mobile: 24px; --f26wux-align-items: center; --f26wux-align-items-tablet: center; --f26wux-align-items-mobile: center; --f26wux-justify-content: center; --f26wux-justify-content-tablet: center; --f26wux-justify-content-mobile: center; --f26wux-borderWidth: 0px; --f26wux-borderWidth-tablet: 0px; --f26wux-borderWidth-mobile: 0px; --f26wux-borderStyle: none; --f26wux-borderStyle-tablet: none; --f26wux-borderStyle-mobile: none; }[data-bnode="beae-f26wux"] { padding-top: var(--f26wux-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--f26wux-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--f26wux-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--f26wux-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--f26wux-padding-top-tablet, var(--f26wux-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--f26wux-padding-right-tablet, var(--f26wux-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--f26wux-padding-bottom-tablet, var(--f26wux-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--f26wux-padding-left-tablet, var(--f26wux-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--f26wux-padding-top-mobile, var(--f26wux-padding-top-tablet, var(--f26wux-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--f26wux-padding-right-mobile, var(--f26wux-padding-right-tablet, var(--f26wux-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--f26wux-padding-bottom-mobile, var(--f26wux-padding-bottom-tablet, var(--f26wux-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--f26wux-padding-left-mobile, var(--f26wux-padding-left-tablet, var(--f26wux-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--f26wux-padding-left, var(--beae-slot-padding-x, 0px)) - var(--f26wux-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--f26wux-background-imageRatio, auto); background: var(--f26wux-background-color,transparent); border-style: var(--f26wux-borderStyle,solid); border-color: var(--f26wux-borderColor,#000000); border-width: var(--f26wux-borderWidth-tl,0px) var(--f26wux-borderWidth-tr,0px) var(--f26wux-borderWidth-br,0px) var(--f26wux-borderWidth-bl,0px); border-radius: var(--f26wux-borderRadius-tl,0px) var(--f26wux-borderRadius-tr,0px) var(--f26wux-borderRadius-br,0px) var(--f26wux-borderRadius-bl,0px); box-shadow: if(style(--f26wux-enableShadow: true): var(--f26wux-shadowHorizontal,0) var(--f26wux-shadowVertical,0) var(--f26wux-shadowBlur,0) 1px var(--f26wux-shadowColor,#000000); else: none); max-width: var(--f26wux-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--f26wux-background-imageRatio-tablet, var(--f26wux-background-imageRatio, auto)); border-width: var(--f26wux-borderWidth-tl-tablet,0px) var(--f26wux-borderWidth-tr-tablet,0px) var(--f26wux-borderWidth-br-tablet,0px) var(--f26wux-borderWidth-bl-tablet,0px); border-radius: var(--f26wux-borderRadius-tl-tablet,0px) var(--f26wux-borderRadius-tr-tablet,0px) var(--f26wux-borderRadius-br-tablet,0px) var(--f26wux-borderRadius-bl-tablet,0px); max-width: var(--f26wux-max-width-tablet, var(--f26wux-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--f26wux-background-imageRatio-mobile, var(--f26wux-background-imageRatio, auto)); border-width: var(--f26wux-borderWidth-tl-mobile,0px) var(--f26wux-borderWidth-tr-mobile,0px) var(--f26wux-borderWidth-br-mobile,0px) var(--f26wux-borderWidth-bl-mobile,0px); border-radius: var(--f26wux-borderRadius-tl-mobile,0px) var(--f26wux-borderRadius-tr-mobile,0px) var(--f26wux-borderRadius-br-mobile,0px) var(--f26wux-borderRadius-bl-mobile,0px); max-width: var(--f26wux-max-width-mobile, var(--f26wux-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--f26wux-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--f26wux-gap,var(--beae-card-gap)); padding-top: var(--f26wux-padding-top,var(--beae-card-padding)); padding-right: var(--f26wux-padding-right,var(--beae-card-padding)); padding-bottom: var(--f26wux-padding-bottom,var(--beae-card-padding)); padding-left: var(--f26wux-padding-left,var(--beae-card-padding)); border-width: var(--f26wux-borderWidth,var(--beae-card-border-width)); border-width: var(--f26wux-borderWidth-tl,var(--beae-card-border-width)) var(--f26wux-borderWidth-tr,var(--beae-card-border-width)) var(--f26wux-borderWidth-br,var(--beae-card-border-width)) var(--f26wux-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--f26wux-borderRadius-tl,var(--beae-card-border-radius)) var(--f26wux-borderRadius-tr,var(--beae-card-border-radius)) var(--f26wux-borderRadius-br,var(--beae-card-border-radius)) var(--f26wux-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--f26wux-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--f26wux-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--f26wux-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--f26wux-padding-left-tablet,var(--beae-card-padding)); border-width: var(--f26wux-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--f26wux-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--f26wux-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--f26wux-borderWidth-br-desktop,var(--beae-card-border-width)) var(--f26wux-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--f26wux-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--f26wux-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--f26wux-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--f26wux-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--f26wux-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--f26wux-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--f26wux-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--f26wux-padding-left-mobile,var(--beae-card-padding)); border-width: var(--f26wux-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--f26wux-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--f26wux-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--f26wux-borderWidth-br-mobile,var(--beae-card-border-width)) var(--f26wux-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--f26wux-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--f26wux-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--f26wux-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--f26wux-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--f26wux-background-color,var(--beae-card-featured-background)); border-color: var(--f26wux-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--f26wux-enableShadow: true): var(--f26wux-shadowHorizontal, var(--beae-card-shadow-x)) var(--f26wux-shadowVertical, var(--beae-card-shadow-y)) var(--f26wux-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f26wux-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--f26wux-background-color,var(--beae-card-prod-background)); border-color: var(--f26wux-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--f26wux-enableShadow: true): var(--f26wux-shadowHorizontal, var(--beae-card-shadow-x)) var(--f26wux-shadowVertical, var(--beae-card-shadow-y)) var(--f26wux-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f26wux-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--f26wux-background-color,var(--beae-card-pricing-background)); border-color: var(--f26wux-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--f26wux-enableShadow: true): var(--f26wux-shadowHorizontal, var(--beae-card-shadow-x)) var(--f26wux-shadowVertical, var(--beae-card-shadow-y)) var(--f26wux-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f26wux-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--f26wux-background-color,var(--beae-card-cta-background)); border-color: var(--f26wux-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--f26wux-enableShadow: true): var(--f26wux-shadowHorizontal, var(--beae-card-shadow-x)) var(--f26wux-shadowVertical, var(--beae-card-shadow-y)) var(--f26wux-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f26wux-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--f26wux-background-color,var(--beae-card-media-background)); border-color: var(--f26wux-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--f26wux-enableShadow: true): var(--f26wux-shadowHorizontal, var(--beae-card-shadow-x)) var(--f26wux-shadowVertical, var(--beae-card-shadow-y)) var(--f26wux-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f26wux-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-f26wux"] {     display: flex;     flex-direction: var(--f26wux-direction, column);     flex-wrap: nowrap;     justify-content: var(--f26wux-justify-content);     align-items: var(--f26wux-align-items);     gap: var(--f26wux-gap, var(--f26wux-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-f26wux"] {                            gap: var(--f26wux-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--f26wux-padding-right-tablet, 0px) - var(--f26wux-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-f26wux"] {                            gap: var(--f26wux-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--f26wux-padding-right-mobile, 0px) - var(--f26wux-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-kbhaad"] { --kbhaad-width: 100%; --kbhaad-width-tablet: 100%; --kbhaad-width-mobile: 100%; --kbhaad-imageRatio: 7/6; --kbhaad-imageRatio-tablet: 7/6; --kbhaad-imageRatio-mobile: 7/6; --kbhaad-objFit: cover; --kbhaad-objFit-tablet: cover; --kbhaad-objFit-mobile: cover; --kbhaad-borderColor: #000000; --kbhaad-borderColor-tablet: #000000; --kbhaad-borderColor-mobile: #000000; --kbhaad-shadowColor: #000000; --kbhaad-shadowColor-tablet: #000000; --kbhaad-shadowColor-mobile: #000000; --kbhaad-borderStyle: none; --kbhaad-borderStyle-tablet: none; --kbhaad-borderStyle-mobile: none; --kbhaad-enableShadow: false; --kbhaad-enableShadow-tablet: false; --kbhaad-enableShadow-mobile: false; --kbhaad-borderRadius-tl: 12px; --kbhaad-borderRadius-tl-tablet: 12px; --kbhaad-borderRadius-tl-mobile: 12px; --kbhaad-borderRadius-tr: 12px; --kbhaad-borderRadius-tr-tablet: 12px; --kbhaad-borderRadius-tr-mobile: 12px; --kbhaad-borderRadius-bl: 12px; --kbhaad-borderRadius-bl-tablet: 12px; --kbhaad-borderRadius-bl-mobile: 12px; --kbhaad-borderRadius-br: 12px; --kbhaad-borderRadius-br-tablet: 12px; --kbhaad-borderRadius-br-mobile: 12px; }[data-bnode="beae-kbhaad"] { margin-top: var(--kbhaad-margin-top, 0px); margin-right: var(--kbhaad-margin-right, 0px); margin-bottom: var(--kbhaad-margin-bottom, 0px); margin-left: var(--kbhaad-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kbhaad-margin-top-tablet, 0px); margin-right: var(--kbhaad-margin-right-tablet, 0px); margin-bottom: var(--kbhaad-margin-bottom-tablet, 0px); margin-left: var(--kbhaad-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kbhaad-margin-top-mobile, 0px); margin-right: var(--kbhaad-margin-right-mobile, 0px); margin-bottom: var(--kbhaad-margin-bottom-mobile, 0px); margin-left: var(--kbhaad-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--kbhaad-width,100%) - var(--kbhaad-margin-left,0px) - var(--kbhaad-margin-right,0px)); min-height: min-content; border-style: var(--kbhaad-borderStyle,solid); border-color: var(--kbhaad-borderColor,#000000); border-width: var(--kbhaad-borderWidth-tl,0px) var(--kbhaad-borderWidth-tr,0px) var(--kbhaad-borderWidth-br,0px) var(--kbhaad-borderWidth-bl,0px); border-radius: var(--kbhaad-borderRadius-tl,0px) var(--kbhaad-borderRadius-tr,0px) var(--kbhaad-borderRadius-br,0px) var(--kbhaad-borderRadius-bl,0px); aspect-ratio: var(--kbhaad-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--kbhaad-borderWidth-tl-tablet, var(--kbhaad-borderWidth-tl,0px)) var(--kbhaad-borderWidth-tr-tablet, var(--kbhaad-borderWidth-tr,0px)) var(--kbhaad-borderWidth-br-tablet, var(--kbhaad-borderWidth-br,0px)) var(--kbhaad-borderWidth-bl-tablet, var(--kbhaad-borderWidth-bl,0px)); border-radius: var(--kbhaad-borderRadius-tl-tablet, var(--kbhaad-borderRadius-tl,0px)) var(--kbhaad-borderRadius-tr-tablet, var(--kbhaad-borderRadius-tr,0px)) var(--kbhaad-borderRadius-br-tablet, var(--kbhaad-borderRadius-br,0px)) var(--kbhaad-borderRadius-bl-tablet, var(--kbhaad-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--kbhaad-borderWidth-tl-mobile, var(--kbhaad-borderWidth-tl,0px)) var(--kbhaad-borderWidth-tr-mobile, var(--kbhaad-borderWidth-tr,0px)) var(--kbhaad-borderWidth-br-mobile, var(--kbhaad-borderWidth-br,0px)) var(--kbhaad-borderWidth-bl-mobile, var(--kbhaad-borderWidth-bl,0px)); border-radius: var(--kbhaad-borderRadius-tl-mobile, var(--kbhaad-borderRadius-tl,0px)) var(--kbhaad-borderRadius-tr-mobile, var(--kbhaad-borderRadius-tr,0px)) var(--kbhaad-borderRadius-br-mobile, var(--kbhaad-borderRadius-br,0px)) var(--kbhaad-borderRadius-bl-mobile, var(--kbhaad-borderRadius-bl,0px)); } box-shadow: if( style(--kbhaad-enableShadow: true): var(--kbhaad-shadowHorizontal, 0) var(--kbhaad-shadowVertical, 0) var(--kbhaad-shadowBlur, 0) 1px var(--kbhaad-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--kbhaad-overlayColor-color, #000); opacity: var(--kbhaad-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--kbhaad-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--kbhaad-width-tablet,var(--kbhaad-width,100%)) - var(--kbhaad-margin-left-tablet,var(--kbhaad-margin-left,0px)) - var(--kbhaad-margin-right-tablet,var(--kbhaad-margin-right,0px))); aspect-ratio: var(--kbhaad-imageRatio-tablet, var(--kbhaad-imageRatio, auto)); img { object-fit: var(--kbhaad-objFit-tablet, var(--kbhaad-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--kbhaad-width-mobile,var(--kbhaad-width,100%)) - var(--kbhaad-margin-left-mobile,var(--kbhaad-margin-left,0px)) - var(--kbhaad-margin-right-mobile,var(--kbhaad-margin-right,0px))); aspect-ratio: var(--kbhaad-imageRatio-mobile, var(--kbhaad-imageRatio, auto)); img { object-fit: var(--kbhaad-objFit-mobile, var(--kbhaad-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-1tq0q7"] { --1tq0q7-gap: 8px; --1tq0q7-gap-tablet: 8px; --1tq0q7-gap-mobile: 8px; --1tq0q7-direction: column; --1tq0q7-direction-tablet: column; --1tq0q7-direction-mobile: column; --1tq0q7-align-items: center; --1tq0q7-align-items-tablet: center; --1tq0q7-align-items-mobile: center; --1tq0q7-borderWidth: 0px; --1tq0q7-borderWidth-tablet: 0px; --1tq0q7-borderWidth-mobile: 0px; --1tq0q7-borderStyle: none; --1tq0q7-borderStyle-tablet: none; --1tq0q7-borderStyle-mobile: none; }[data-bnode="beae-1tq0q7"] { padding-top: var(--1tq0q7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--1tq0q7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--1tq0q7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--1tq0q7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--1tq0q7-padding-top-tablet, var(--1tq0q7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--1tq0q7-padding-right-tablet, var(--1tq0q7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--1tq0q7-padding-bottom-tablet, var(--1tq0q7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--1tq0q7-padding-left-tablet, var(--1tq0q7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--1tq0q7-padding-top-mobile, var(--1tq0q7-padding-top-tablet, var(--1tq0q7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--1tq0q7-padding-right-mobile, var(--1tq0q7-padding-right-tablet, var(--1tq0q7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--1tq0q7-padding-bottom-mobile, var(--1tq0q7-padding-bottom-tablet, var(--1tq0q7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--1tq0q7-padding-left-mobile, var(--1tq0q7-padding-left-tablet, var(--1tq0q7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--1tq0q7-padding-left, var(--beae-slot-padding-x, 0px)) - var(--1tq0q7-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--1tq0q7-background-imageRatio, auto); background: var(--1tq0q7-background-color,transparent); border-style: var(--1tq0q7-borderStyle,solid); border-color: var(--1tq0q7-borderColor,#000000); border-width: var(--1tq0q7-borderWidth-tl,0px) var(--1tq0q7-borderWidth-tr,0px) var(--1tq0q7-borderWidth-br,0px) var(--1tq0q7-borderWidth-bl,0px); border-radius: var(--1tq0q7-borderRadius-tl,0px) var(--1tq0q7-borderRadius-tr,0px) var(--1tq0q7-borderRadius-br,0px) var(--1tq0q7-borderRadius-bl,0px); box-shadow: if(style(--1tq0q7-enableShadow: true): var(--1tq0q7-shadowHorizontal,0) var(--1tq0q7-shadowVertical,0) var(--1tq0q7-shadowBlur,0) 1px var(--1tq0q7-shadowColor,#000000); else: none); max-width: var(--1tq0q7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--1tq0q7-background-imageRatio-tablet, var(--1tq0q7-background-imageRatio, auto)); border-width: var(--1tq0q7-borderWidth-tl-tablet,0px) var(--1tq0q7-borderWidth-tr-tablet,0px) var(--1tq0q7-borderWidth-br-tablet,0px) var(--1tq0q7-borderWidth-bl-tablet,0px); border-radius: var(--1tq0q7-borderRadius-tl-tablet,0px) var(--1tq0q7-borderRadius-tr-tablet,0px) var(--1tq0q7-borderRadius-br-tablet,0px) var(--1tq0q7-borderRadius-bl-tablet,0px); max-width: var(--1tq0q7-max-width-tablet, var(--1tq0q7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--1tq0q7-background-imageRatio-mobile, var(--1tq0q7-background-imageRatio, auto)); border-width: var(--1tq0q7-borderWidth-tl-mobile,0px) var(--1tq0q7-borderWidth-tr-mobile,0px) var(--1tq0q7-borderWidth-br-mobile,0px) var(--1tq0q7-borderWidth-bl-mobile,0px); border-radius: var(--1tq0q7-borderRadius-tl-mobile,0px) var(--1tq0q7-borderRadius-tr-mobile,0px) var(--1tq0q7-borderRadius-br-mobile,0px) var(--1tq0q7-borderRadius-bl-mobile,0px); max-width: var(--1tq0q7-max-width-mobile, var(--1tq0q7-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--1tq0q7-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--1tq0q7-gap,var(--beae-card-gap)); padding-top: var(--1tq0q7-padding-top,var(--beae-card-padding)); padding-right: var(--1tq0q7-padding-right,var(--beae-card-padding)); padding-bottom: var(--1tq0q7-padding-bottom,var(--beae-card-padding)); padding-left: var(--1tq0q7-padding-left,var(--beae-card-padding)); border-width: var(--1tq0q7-borderWidth,var(--beae-card-border-width)); border-width: var(--1tq0q7-borderWidth-tl,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-tr,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-br,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--1tq0q7-borderRadius-tl,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-tr,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-br,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--1tq0q7-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--1tq0q7-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--1tq0q7-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--1tq0q7-padding-left-tablet,var(--beae-card-padding)); border-width: var(--1tq0q7-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--1tq0q7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-br-desktop,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--1tq0q7-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--1tq0q7-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--1tq0q7-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--1tq0q7-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--1tq0q7-padding-left-mobile,var(--beae-card-padding)); border-width: var(--1tq0q7-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--1tq0q7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--1tq0q7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--1tq0q7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--1tq0q7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--1tq0q7-background-color,var(--beae-card-featured-background)); border-color: var(--1tq0q7-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--1tq0q7-enableShadow: true): var(--1tq0q7-shadowHorizontal, var(--beae-card-shadow-x)) var(--1tq0q7-shadowVertical, var(--beae-card-shadow-y)) var(--1tq0q7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1tq0q7-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--1tq0q7-background-color,var(--beae-card-prod-background)); border-color: var(--1tq0q7-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--1tq0q7-enableShadow: true): var(--1tq0q7-shadowHorizontal, var(--beae-card-shadow-x)) var(--1tq0q7-shadowVertical, var(--beae-card-shadow-y)) var(--1tq0q7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1tq0q7-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--1tq0q7-background-color,var(--beae-card-pricing-background)); border-color: var(--1tq0q7-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--1tq0q7-enableShadow: true): var(--1tq0q7-shadowHorizontal, var(--beae-card-shadow-x)) var(--1tq0q7-shadowVertical, var(--beae-card-shadow-y)) var(--1tq0q7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1tq0q7-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--1tq0q7-background-color,var(--beae-card-cta-background)); border-color: var(--1tq0q7-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--1tq0q7-enableShadow: true): var(--1tq0q7-shadowHorizontal, var(--beae-card-shadow-x)) var(--1tq0q7-shadowVertical, var(--beae-card-shadow-y)) var(--1tq0q7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1tq0q7-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--1tq0q7-background-color,var(--beae-card-media-background)); border-color: var(--1tq0q7-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--1tq0q7-enableShadow: true): var(--1tq0q7-shadowHorizontal, var(--beae-card-shadow-x)) var(--1tq0q7-shadowVertical, var(--beae-card-shadow-y)) var(--1tq0q7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1tq0q7-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-1tq0q7"] {     display: flex;     flex-direction: var(--1tq0q7-direction, column);     flex-wrap: nowrap;     justify-content: var(--1tq0q7-justify-content);     align-items: var(--1tq0q7-align-items);     gap: var(--1tq0q7-gap, var(--1tq0q7-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-1tq0q7"] {                            gap: var(--1tq0q7-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--1tq0q7-padding-right-tablet, 0px) - var(--1tq0q7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-1tq0q7"] {                            gap: var(--1tq0q7-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--1tq0q7-padding-right-mobile, 0px) - var(--1tq0q7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ebzp3c"] { --beae-h4-font-size: 24px; --beae-h4-font-size-tablet: 24px; --beae-h4-font-size-mobile: 22px; --beae-h4-color: #282928; --beae-h4-font-family: DM Sans; --beae-h4-font-weight: 500; --beae-h4-line-height: 1.4; --beae-h4-line-height-tablet: 1.4; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing: 0px; --beae-h4-letter-spacing-tablet: 0px; --beae-h4-letter-spacing-mobile: 0px; --beae-h4-text-transform: none; --ebzp3c-typography: h4; --ebzp3c-typography-tablet: h4; --ebzp3c-typography-mobile: h4; }[data-bnode="beae-ebzp3c"] { margin-top: var(--ebzp3c-margin-top, 0px); margin-right: var(--ebzp3c-margin-right, 0px); margin-bottom: var(--ebzp3c-margin-bottom, 0px); margin-left: var(--ebzp3c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ebzp3c-margin-top-tablet, 0px); margin-right: var(--ebzp3c-margin-right-tablet, 0px); margin-bottom: var(--ebzp3c-margin-bottom-tablet, 0px); margin-left: var(--ebzp3c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ebzp3c-margin-top-mobile, 0px); margin-right: var(--ebzp3c-margin-right-mobile, 0px); margin-bottom: var(--ebzp3c-margin-bottom-mobile, 0px); margin-left: var(--ebzp3c-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ebzp3c-highlightColor,var(--beae-p-color)); top: var(--ebzp3c-highlightTop, 100%); } }[data-bnode="beae-rtxf9p"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --rtxf9p-typography: p; --rtxf9p-typography-tablet: p; --rtxf9p-typography-mobile: p; --beae-p-text-align-mobile: center; --beae-p-text-align-tablet: center; }[data-bnode="beae-rtxf9p"] { margin-top: var(--rtxf9p-margin-top, 0px); margin-right: var(--rtxf9p-margin-right, 0px); margin-bottom: var(--rtxf9p-margin-bottom, 0px); margin-left: var(--rtxf9p-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rtxf9p-margin-top-tablet, 0px); margin-right: var(--rtxf9p-margin-right-tablet, 0px); margin-bottom: var(--rtxf9p-margin-bottom-tablet, 0px); margin-left: var(--rtxf9p-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rtxf9p-margin-top-mobile, 0px); margin-right: var(--rtxf9p-margin-right-mobile, 0px); margin-bottom: var(--rtxf9p-margin-bottom-mobile, 0px); margin-left: var(--rtxf9p-margin-left-mobile, 0px); } }[data-bnode="beae-gip4gg"] { --gip4gg-direction: column; --gip4gg-direction-tablet: column; --gip4gg-direction-mobile: column; --gip4gg-structure: columns; --gip4gg-structure-tablet: columns; --gip4gg-structure-mobile: columns; --gip4gg-gap: 24px; --gip4gg-gap-tablet: 24px; --gip4gg-gap-mobile: 24px; --gip4gg-align-items: center; --gip4gg-align-items-tablet: center; --gip4gg-align-items-mobile: center; --gip4gg-justify-content: center; --gip4gg-justify-content-tablet: center; --gip4gg-justify-content-mobile: center; --gip4gg-borderStyle: none; --gip4gg-borderStyle-tablet: none; --gip4gg-borderStyle-mobile: none; --gip4gg-borderWidth: 0px; --gip4gg-borderWidth-tablet: 0px; --gip4gg-borderWidth-mobile: 0px; }[data-bnode="beae-gip4gg"] { padding-top: var(--gip4gg-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--gip4gg-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--gip4gg-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--gip4gg-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gip4gg-padding-top-tablet, var(--gip4gg-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--gip4gg-padding-right-tablet, var(--gip4gg-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--gip4gg-padding-bottom-tablet, var(--gip4gg-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--gip4gg-padding-left-tablet, var(--gip4gg-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gip4gg-padding-top-mobile, var(--gip4gg-padding-top-tablet, var(--gip4gg-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--gip4gg-padding-right-mobile, var(--gip4gg-padding-right-tablet, var(--gip4gg-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--gip4gg-padding-bottom-mobile, var(--gip4gg-padding-bottom-tablet, var(--gip4gg-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--gip4gg-padding-left-mobile, var(--gip4gg-padding-left-tablet, var(--gip4gg-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--gip4gg-padding-left, var(--beae-slot-padding-x, 0px)) - var(--gip4gg-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--gip4gg-background-imageRatio, auto); background: var(--gip4gg-background-color,transparent); border-style: var(--gip4gg-borderStyle,solid); border-color: var(--gip4gg-borderColor,#000000); border-width: var(--gip4gg-borderWidth-tl,0px) var(--gip4gg-borderWidth-tr,0px) var(--gip4gg-borderWidth-br,0px) var(--gip4gg-borderWidth-bl,0px); border-radius: var(--gip4gg-borderRadius-tl,0px) var(--gip4gg-borderRadius-tr,0px) var(--gip4gg-borderRadius-br,0px) var(--gip4gg-borderRadius-bl,0px); box-shadow: if(style(--gip4gg-enableShadow: true): var(--gip4gg-shadowHorizontal,0) var(--gip4gg-shadowVertical,0) var(--gip4gg-shadowBlur,0) 1px var(--gip4gg-shadowColor,#000000); else: none); max-width: var(--gip4gg-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--gip4gg-background-imageRatio-tablet, var(--gip4gg-background-imageRatio, auto)); border-width: var(--gip4gg-borderWidth-tl-tablet,0px) var(--gip4gg-borderWidth-tr-tablet,0px) var(--gip4gg-borderWidth-br-tablet,0px) var(--gip4gg-borderWidth-bl-tablet,0px); border-radius: var(--gip4gg-borderRadius-tl-tablet,0px) var(--gip4gg-borderRadius-tr-tablet,0px) var(--gip4gg-borderRadius-br-tablet,0px) var(--gip4gg-borderRadius-bl-tablet,0px); max-width: var(--gip4gg-max-width-tablet, var(--gip4gg-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--gip4gg-background-imageRatio-mobile, var(--gip4gg-background-imageRatio, auto)); border-width: var(--gip4gg-borderWidth-tl-mobile,0px) var(--gip4gg-borderWidth-tr-mobile,0px) var(--gip4gg-borderWidth-br-mobile,0px) var(--gip4gg-borderWidth-bl-mobile,0px); border-radius: var(--gip4gg-borderRadius-tl-mobile,0px) var(--gip4gg-borderRadius-tr-mobile,0px) var(--gip4gg-borderRadius-br-mobile,0px) var(--gip4gg-borderRadius-bl-mobile,0px); max-width: var(--gip4gg-max-width-mobile, var(--gip4gg-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--gip4gg-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--gip4gg-gap,var(--beae-card-gap)); padding-top: var(--gip4gg-padding-top,var(--beae-card-padding)); padding-right: var(--gip4gg-padding-right,var(--beae-card-padding)); padding-bottom: var(--gip4gg-padding-bottom,var(--beae-card-padding)); padding-left: var(--gip4gg-padding-left,var(--beae-card-padding)); border-width: var(--gip4gg-borderWidth,var(--beae-card-border-width)); border-width: var(--gip4gg-borderWidth-tl,var(--beae-card-border-width)) var(--gip4gg-borderWidth-tr,var(--beae-card-border-width)) var(--gip4gg-borderWidth-br,var(--beae-card-border-width)) var(--gip4gg-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--gip4gg-borderRadius-tl,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-tr,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-br,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--gip4gg-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--gip4gg-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--gip4gg-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--gip4gg-padding-left-tablet,var(--beae-card-padding)); border-width: var(--gip4gg-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--gip4gg-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--gip4gg-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--gip4gg-borderWidth-br-desktop,var(--beae-card-border-width)) var(--gip4gg-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--gip4gg-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--gip4gg-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--gip4gg-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--gip4gg-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--gip4gg-padding-left-mobile,var(--beae-card-padding)); border-width: var(--gip4gg-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--gip4gg-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--gip4gg-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--gip4gg-borderWidth-br-mobile,var(--beae-card-border-width)) var(--gip4gg-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--gip4gg-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--gip4gg-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--gip4gg-background-color,var(--beae-card-featured-background)); border-color: var(--gip4gg-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--gip4gg-enableShadow: true): var(--gip4gg-shadowHorizontal, var(--beae-card-shadow-x)) var(--gip4gg-shadowVertical, var(--beae-card-shadow-y)) var(--gip4gg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gip4gg-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--gip4gg-background-color,var(--beae-card-prod-background)); border-color: var(--gip4gg-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--gip4gg-enableShadow: true): var(--gip4gg-shadowHorizontal, var(--beae-card-shadow-x)) var(--gip4gg-shadowVertical, var(--beae-card-shadow-y)) var(--gip4gg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gip4gg-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--gip4gg-background-color,var(--beae-card-pricing-background)); border-color: var(--gip4gg-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--gip4gg-enableShadow: true): var(--gip4gg-shadowHorizontal, var(--beae-card-shadow-x)) var(--gip4gg-shadowVertical, var(--beae-card-shadow-y)) var(--gip4gg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gip4gg-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--gip4gg-background-color,var(--beae-card-cta-background)); border-color: var(--gip4gg-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--gip4gg-enableShadow: true): var(--gip4gg-shadowHorizontal, var(--beae-card-shadow-x)) var(--gip4gg-shadowVertical, var(--beae-card-shadow-y)) var(--gip4gg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gip4gg-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--gip4gg-background-color,var(--beae-card-media-background)); border-color: var(--gip4gg-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--gip4gg-enableShadow: true): var(--gip4gg-shadowHorizontal, var(--beae-card-shadow-x)) var(--gip4gg-shadowVertical, var(--beae-card-shadow-y)) var(--gip4gg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gip4gg-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-gip4gg"] {     display: flex;     flex-direction: var(--gip4gg-direction, column);     flex-wrap: nowrap;     justify-content: var(--gip4gg-justify-content);     align-items: var(--gip4gg-align-items);     gap: var(--gip4gg-gap, var(--gip4gg-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gip4gg"] {                            gap: var(--gip4gg-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--gip4gg-padding-right-tablet, 0px) - var(--gip4gg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gip4gg"] {                            gap: var(--gip4gg-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--gip4gg-padding-right-mobile, 0px) - var(--gip4gg-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-wx0t63"] { --wx0t63-width: 100%; --wx0t63-width-tablet: 100%; --wx0t63-width-mobile: 100%; --wx0t63-imageRatio: 7/6; --wx0t63-imageRatio-tablet: 7/6; --wx0t63-imageRatio-mobile: 7/6; --wx0t63-objFit: cover; --wx0t63-objFit-tablet: cover; --wx0t63-objFit-mobile: cover; --wx0t63-borderColor: #000000; --wx0t63-borderColor-tablet: #000000; --wx0t63-borderColor-mobile: #000000; --wx0t63-shadowColor: #000000; --wx0t63-shadowColor-tablet: #000000; --wx0t63-shadowColor-mobile: #000000; --wx0t63-borderStyle: none; --wx0t63-borderStyle-tablet: none; --wx0t63-borderStyle-mobile: none; --wx0t63-enableShadow: false; --wx0t63-enableShadow-tablet: false; --wx0t63-enableShadow-mobile: false; --wx0t63-borderRadius-tl: 12px; --wx0t63-borderRadius-tl-tablet: 12px; --wx0t63-borderRadius-tl-mobile: 12px; --wx0t63-borderRadius-tr: 12px; --wx0t63-borderRadius-tr-tablet: 12px; --wx0t63-borderRadius-tr-mobile: 12px; --wx0t63-borderRadius-bl: 12px; --wx0t63-borderRadius-bl-tablet: 12px; --wx0t63-borderRadius-bl-mobile: 12px; --wx0t63-borderRadius-br: 12px; --wx0t63-borderRadius-br-tablet: 12px; --wx0t63-borderRadius-br-mobile: 12px; }[data-bnode="beae-wx0t63"] { margin-top: var(--wx0t63-margin-top, 0px); margin-right: var(--wx0t63-margin-right, 0px); margin-bottom: var(--wx0t63-margin-bottom, 0px); margin-left: var(--wx0t63-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wx0t63-margin-top-tablet, 0px); margin-right: var(--wx0t63-margin-right-tablet, 0px); margin-bottom: var(--wx0t63-margin-bottom-tablet, 0px); margin-left: var(--wx0t63-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wx0t63-margin-top-mobile, 0px); margin-right: var(--wx0t63-margin-right-mobile, 0px); margin-bottom: var(--wx0t63-margin-bottom-mobile, 0px); margin-left: var(--wx0t63-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--wx0t63-width,100%) - var(--wx0t63-margin-left,0px) - var(--wx0t63-margin-right,0px)); min-height: min-content; border-style: var(--wx0t63-borderStyle,solid); border-color: var(--wx0t63-borderColor,#000000); border-width: var(--wx0t63-borderWidth-tl,0px) var(--wx0t63-borderWidth-tr,0px) var(--wx0t63-borderWidth-br,0px) var(--wx0t63-borderWidth-bl,0px); border-radius: var(--wx0t63-borderRadius-tl,0px) var(--wx0t63-borderRadius-tr,0px) var(--wx0t63-borderRadius-br,0px) var(--wx0t63-borderRadius-bl,0px); aspect-ratio: var(--wx0t63-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--wx0t63-borderWidth-tl-tablet, var(--wx0t63-borderWidth-tl,0px)) var(--wx0t63-borderWidth-tr-tablet, var(--wx0t63-borderWidth-tr,0px)) var(--wx0t63-borderWidth-br-tablet, var(--wx0t63-borderWidth-br,0px)) var(--wx0t63-borderWidth-bl-tablet, var(--wx0t63-borderWidth-bl,0px)); border-radius: var(--wx0t63-borderRadius-tl-tablet, var(--wx0t63-borderRadius-tl,0px)) var(--wx0t63-borderRadius-tr-tablet, var(--wx0t63-borderRadius-tr,0px)) var(--wx0t63-borderRadius-br-tablet, var(--wx0t63-borderRadius-br,0px)) var(--wx0t63-borderRadius-bl-tablet, var(--wx0t63-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--wx0t63-borderWidth-tl-mobile, var(--wx0t63-borderWidth-tl,0px)) var(--wx0t63-borderWidth-tr-mobile, var(--wx0t63-borderWidth-tr,0px)) var(--wx0t63-borderWidth-br-mobile, var(--wx0t63-borderWidth-br,0px)) var(--wx0t63-borderWidth-bl-mobile, var(--wx0t63-borderWidth-bl,0px)); border-radius: var(--wx0t63-borderRadius-tl-mobile, var(--wx0t63-borderRadius-tl,0px)) var(--wx0t63-borderRadius-tr-mobile, var(--wx0t63-borderRadius-tr,0px)) var(--wx0t63-borderRadius-br-mobile, var(--wx0t63-borderRadius-br,0px)) var(--wx0t63-borderRadius-bl-mobile, var(--wx0t63-borderRadius-bl,0px)); } box-shadow: if( style(--wx0t63-enableShadow: true): var(--wx0t63-shadowHorizontal, 0) var(--wx0t63-shadowVertical, 0) var(--wx0t63-shadowBlur, 0) 1px var(--wx0t63-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--wx0t63-overlayColor-color, #000); opacity: var(--wx0t63-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--wx0t63-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--wx0t63-width-tablet,var(--wx0t63-width,100%)) - var(--wx0t63-margin-left-tablet,var(--wx0t63-margin-left,0px)) - var(--wx0t63-margin-right-tablet,var(--wx0t63-margin-right,0px))); aspect-ratio: var(--wx0t63-imageRatio-tablet, var(--wx0t63-imageRatio, auto)); img { object-fit: var(--wx0t63-objFit-tablet, var(--wx0t63-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--wx0t63-width-mobile,var(--wx0t63-width,100%)) - var(--wx0t63-margin-left-mobile,var(--wx0t63-margin-left,0px)) - var(--wx0t63-margin-right-mobile,var(--wx0t63-margin-right,0px))); aspect-ratio: var(--wx0t63-imageRatio-mobile, var(--wx0t63-imageRatio, auto)); img { object-fit: var(--wx0t63-objFit-mobile, var(--wx0t63-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-xf9qx6"] { --xf9qx6-gap: 8px; --xf9qx6-gap-tablet: 8px; --xf9qx6-gap-mobile: 8px; --xf9qx6-direction: column; --xf9qx6-direction-tablet: column; --xf9qx6-direction-mobile: column; --xf9qx6-align-items: center; --xf9qx6-align-items-tablet: center; --xf9qx6-align-items-mobile: center; --xf9qx6-borderStyle: none; --xf9qx6-borderStyle-tablet: none; --xf9qx6-borderStyle-mobile: none; --xf9qx6-borderWidth: 0px; --xf9qx6-borderWidth-tablet: 0px; --xf9qx6-borderWidth-mobile: 0px; }[data-bnode="beae-xf9qx6"] { padding-top: var(--xf9qx6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xf9qx6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xf9qx6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xf9qx6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xf9qx6-padding-top-tablet, var(--xf9qx6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xf9qx6-padding-right-tablet, var(--xf9qx6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xf9qx6-padding-bottom-tablet, var(--xf9qx6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xf9qx6-padding-left-tablet, var(--xf9qx6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xf9qx6-padding-top-mobile, var(--xf9qx6-padding-top-tablet, var(--xf9qx6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xf9qx6-padding-right-mobile, var(--xf9qx6-padding-right-tablet, var(--xf9qx6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xf9qx6-padding-bottom-mobile, var(--xf9qx6-padding-bottom-tablet, var(--xf9qx6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xf9qx6-padding-left-mobile, var(--xf9qx6-padding-left-tablet, var(--xf9qx6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--xf9qx6-padding-left, var(--beae-slot-padding-x, 0px)) - var(--xf9qx6-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--xf9qx6-background-imageRatio, auto); background: var(--xf9qx6-background-color,transparent); border-style: var(--xf9qx6-borderStyle,solid); border-color: var(--xf9qx6-borderColor,#000000); border-width: var(--xf9qx6-borderWidth-tl,0px) var(--xf9qx6-borderWidth-tr,0px) var(--xf9qx6-borderWidth-br,0px) var(--xf9qx6-borderWidth-bl,0px); border-radius: var(--xf9qx6-borderRadius-tl,0px) var(--xf9qx6-borderRadius-tr,0px) var(--xf9qx6-borderRadius-br,0px) var(--xf9qx6-borderRadius-bl,0px); box-shadow: if(style(--xf9qx6-enableShadow: true): var(--xf9qx6-shadowHorizontal,0) var(--xf9qx6-shadowVertical,0) var(--xf9qx6-shadowBlur,0) 1px var(--xf9qx6-shadowColor,#000000); else: none); max-width: var(--xf9qx6-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--xf9qx6-background-imageRatio-tablet, var(--xf9qx6-background-imageRatio, auto)); border-width: var(--xf9qx6-borderWidth-tl-tablet,0px) var(--xf9qx6-borderWidth-tr-tablet,0px) var(--xf9qx6-borderWidth-br-tablet,0px) var(--xf9qx6-borderWidth-bl-tablet,0px); border-radius: var(--xf9qx6-borderRadius-tl-tablet,0px) var(--xf9qx6-borderRadius-tr-tablet,0px) var(--xf9qx6-borderRadius-br-tablet,0px) var(--xf9qx6-borderRadius-bl-tablet,0px); max-width: var(--xf9qx6-max-width-tablet, var(--xf9qx6-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--xf9qx6-background-imageRatio-mobile, var(--xf9qx6-background-imageRatio, auto)); border-width: var(--xf9qx6-borderWidth-tl-mobile,0px) var(--xf9qx6-borderWidth-tr-mobile,0px) var(--xf9qx6-borderWidth-br-mobile,0px) var(--xf9qx6-borderWidth-bl-mobile,0px); border-radius: var(--xf9qx6-borderRadius-tl-mobile,0px) var(--xf9qx6-borderRadius-tr-mobile,0px) var(--xf9qx6-borderRadius-br-mobile,0px) var(--xf9qx6-borderRadius-bl-mobile,0px); max-width: var(--xf9qx6-max-width-mobile, var(--xf9qx6-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xf9qx6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--xf9qx6-gap,var(--beae-card-gap)); padding-top: var(--xf9qx6-padding-top,var(--beae-card-padding)); padding-right: var(--xf9qx6-padding-right,var(--beae-card-padding)); padding-bottom: var(--xf9qx6-padding-bottom,var(--beae-card-padding)); padding-left: var(--xf9qx6-padding-left,var(--beae-card-padding)); border-width: var(--xf9qx6-borderWidth,var(--beae-card-border-width)); border-width: var(--xf9qx6-borderWidth-tl,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-tr,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-br,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xf9qx6-borderRadius-tl,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-tr,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-br,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--xf9qx6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xf9qx6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xf9qx6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xf9qx6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xf9qx6-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--xf9qx6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xf9qx6-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--xf9qx6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xf9qx6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xf9qx6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xf9qx6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xf9qx6-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--xf9qx6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xf9qx6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xf9qx6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xf9qx6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xf9qx6-background-color,var(--beae-card-featured-background)); border-color: var(--xf9qx6-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--xf9qx6-enableShadow: true): var(--xf9qx6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xf9qx6-shadowVertical, var(--beae-card-shadow-y)) var(--xf9qx6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xf9qx6-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--xf9qx6-background-color,var(--beae-card-prod-background)); border-color: var(--xf9qx6-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--xf9qx6-enableShadow: true): var(--xf9qx6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xf9qx6-shadowVertical, var(--beae-card-shadow-y)) var(--xf9qx6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xf9qx6-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--xf9qx6-background-color,var(--beae-card-pricing-background)); border-color: var(--xf9qx6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--xf9qx6-enableShadow: true): var(--xf9qx6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xf9qx6-shadowVertical, var(--beae-card-shadow-y)) var(--xf9qx6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xf9qx6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--xf9qx6-background-color,var(--beae-card-cta-background)); border-color: var(--xf9qx6-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--xf9qx6-enableShadow: true): var(--xf9qx6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xf9qx6-shadowVertical, var(--beae-card-shadow-y)) var(--xf9qx6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xf9qx6-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--xf9qx6-background-color,var(--beae-card-media-background)); border-color: var(--xf9qx6-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--xf9qx6-enableShadow: true): var(--xf9qx6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xf9qx6-shadowVertical, var(--beae-card-shadow-y)) var(--xf9qx6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xf9qx6-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-xf9qx6"] {     display: flex;     flex-direction: var(--xf9qx6-direction, column);     flex-wrap: nowrap;     justify-content: var(--xf9qx6-justify-content);     align-items: var(--xf9qx6-align-items);     gap: var(--xf9qx6-gap, var(--xf9qx6-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xf9qx6"] {                            gap: var(--xf9qx6-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--xf9qx6-padding-right-tablet, 0px) - var(--xf9qx6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xf9qx6"] {                            gap: var(--xf9qx6-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--xf9qx6-padding-right-mobile, 0px) - var(--xf9qx6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-qzwwn5"] { --beae-h4-font-size: 24px; --beae-h4-font-size-tablet: 24px; --beae-h4-font-size-mobile: 22px; --beae-h4-color: #282928; --beae-h4-font-family: DM Sans; --beae-h4-font-weight: 500; --beae-h4-line-height: 1.4; --beae-h4-line-height-tablet: 1.4; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing: 0px; --beae-h4-letter-spacing-tablet: 0px; --beae-h4-letter-spacing-mobile: 0px; --beae-h4-text-transform: none; --qzwwn5-typography: h4; --qzwwn5-typography-tablet: h4; --qzwwn5-typography-mobile: h4; }[data-bnode="beae-qzwwn5"] { margin-top: var(--qzwwn5-margin-top, 0px); margin-right: var(--qzwwn5-margin-right, 0px); margin-bottom: var(--qzwwn5-margin-bottom, 0px); margin-left: var(--qzwwn5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qzwwn5-margin-top-tablet, 0px); margin-right: var(--qzwwn5-margin-right-tablet, 0px); margin-bottom: var(--qzwwn5-margin-bottom-tablet, 0px); margin-left: var(--qzwwn5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qzwwn5-margin-top-mobile, 0px); margin-right: var(--qzwwn5-margin-right-mobile, 0px); margin-bottom: var(--qzwwn5-margin-bottom-mobile, 0px); margin-left: var(--qzwwn5-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--qzwwn5-highlightColor,var(--beae-p-color)); top: var(--qzwwn5-highlightTop, 100%); } }[data-bnode="beae-ut1vix"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #454645; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --ut1vix-typography: p; --ut1vix-typography-tablet: p; --ut1vix-typography-mobile: p; --beae-p-text-align-mobile: center; --beae-p-text-align-tablet: center; }[data-bnode="beae-ut1vix"] { margin-top: var(--ut1vix-margin-top, 0px); margin-right: var(--ut1vix-margin-right, 0px); margin-bottom: var(--ut1vix-margin-bottom, 0px); margin-left: var(--ut1vix-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ut1vix-margin-top-tablet, 0px); margin-right: var(--ut1vix-margin-right-tablet, 0px); margin-bottom: var(--ut1vix-margin-bottom-tablet, 0px); margin-left: var(--ut1vix-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ut1vix-margin-top-mobile, 0px); margin-right: var(--ut1vix-margin-right-mobile, 0px); margin-bottom: var(--ut1vix-margin-bottom-mobile, 0px); margin-left: var(--ut1vix-margin-left-mobile, 0px); } }