/** Shopify CDN: Minification failed

Line 226: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;
    height: 100%;
    .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: 16px;
--beae-input-height: 48px;
--beae-select-border-width: 1px;
--beae-select-border-radius: 4px;
--beae-select-padding: 16px;
--beae-select-height: 48px;
--beae-textarea-border-width: 1px;
--beae-textarea-border-radius: 4px;
--beae-textarea-padding: 16px;
--beae-textarea-height: 100px;
--beae-badge-border-width: 1px;
--beae-badge-border-radius: 4px;
--beae-badge-padding: 6px;
--beae-section-width: 1280px;
--beae-section-padding-x: 40px;
--beae-section-padding-y: 80px;
--beae-section-padding-x-mobile: 20px;
--beae-section-padding-y-mobile: 48px;
--beae-section-padding-x-tablet: 42px;
--beae-section-padding-y-tablet: 64px;
--beae-slot-gap: 40px;
--beae-slot-gap-mobile: 24px;
--beae-slot-gap-tablet: 32px;
--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: 24px;
--beae-grid-gap-mobile: 16px;
--beae-grid-gap-tablet: 20px;
--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-surface-light {
          --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-surface-muted {
          --beae-text-color: #404040;
          --beae-heading-color: #0a0a0a;
          --beae-background-color: #f5f5f5;
          --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-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-ldgat0"] { --ldgat0-width: 1600px; --ldgat0-width-tablet: 1600px; --ldgat0-width-mobile: 1600px; --ldgat0-height: 800px; --ldgat0-height-tablet: 800px; --ldgat0-height-mobile: 720px; --ldgat0-padding-top: 0px; --ldgat0-padding-top-tablet: 0px; --ldgat0-padding-top-mobile: 0px; --ldgat0-padding-bottom: 0px; --ldgat0-padding-bottom-tablet: 0px; --ldgat0-padding-bottom-mobile: 0px; --ldgat0-padding-right: 30px; --ldgat0-padding-right-tablet: 30px; --ldgat0-padding-right-mobile: 16px; --ldgat0-padding-left: 30px; --ldgat0-padding-left-tablet: 30px; --ldgat0-padding-left-mobile: 16px; --ldgat0-background-type: image; --ldgat0-background-type-tablet: image; --ldgat0-background-type-mobile: image; --ldgat0-background-image: [object Object]; --ldgat0-background-image-tablet: [object Object]; --ldgat0-background-image-mobile: [object Object]; --ldgat0-background-color: #ffffff; --ldgat0-background-color-tablet: #ffffff; --ldgat0-background-color-mobile: #ffffff; --ldgat0-direction: column; --ldgat0-direction-tablet: column; --ldgat0-direction-mobile: column; --ldgat0-align-items: flex-start; --ldgat0-align-items-tablet: flex-start; --ldgat0-align-items-mobile: flex-start; --ldgat0-justify-content: flex-end; --ldgat0-justify-content-tablet: flex-end; --ldgat0-justify-content-mobile: flex-end; --ldgat0-surface: accent; --ldgat0-surface-tablet: accent; --ldgat0-surface-mobile: accent; }[data-bnode="beae-ldgat0"] { padding-top: var(--ldgat0-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--ldgat0-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--ldgat0-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--ldgat0-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ldgat0-padding-top-tablet, var(--ldgat0-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--ldgat0-padding-right-tablet, var(--ldgat0-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--ldgat0-padding-bottom-tablet, var(--ldgat0-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--ldgat0-padding-left-tablet, var(--ldgat0-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ldgat0-padding-top-mobile, var(--ldgat0-padding-top-tablet, var(--ldgat0-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--ldgat0-padding-right-mobile, var(--ldgat0-padding-right-tablet, var(--ldgat0-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--ldgat0-padding-bottom-mobile, var(--ldgat0-padding-bottom-tablet, var(--ldgat0-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--ldgat0-padding-left-mobile, var(--ldgat0-padding-left-tablet, var(--ldgat0-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--ldgat0-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--ldgat0-height); width: 100%; max-width: var(--ldgat0-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { 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(--ldgat0-height-tablet, auto); width: 100%; max-width: var(--ldgat0-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--ldgat0-height-mobile, auto); width: 100%; max-width: var(--ldgat0-width-mobile, 100%); } } } }[data-bnode="beae-ldgat0"] > .beae-section-container{     display: flex;     flex-direction: var(--ldgat0-direction, column);     flex-wrap: nowrap;     justify-content: var(--ldgat0-justify-content);     align-items: var(--ldgat0-align-items);     gap: var(--ldgat0-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ldgat0"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ldgat0-padding-right-tablet, 0px) - var(--ldgat0-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ldgat0"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ldgat0-padding-right-mobile, 0px) - var(--ldgat0-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7qzuyg"] { --7qzuyg-direction: column; --7qzuyg-direction-tablet: column; --7qzuyg-direction-mobile: column; --7qzuyg-structure: columns; --7qzuyg-structure-tablet: columns; --7qzuyg-structure-mobile: columns; --7qzuyg-align-items: flex-start; --7qzuyg-align-items-tablet: flex-start; --7qzuyg-align-items-mobile: center; --7qzuyg-justify-content: flex-end; --7qzuyg-justify-content-tablet: flex-end; --7qzuyg-justify-content-mobile: flex-end; --7qzuyg-max-width: 672px; --7qzuyg-gap: 16px; --7qzuyg-gap-tablet: 16px; --7qzuyg-gap-mobile: 12px; --7qzuyg-padding-top: 80px; --7qzuyg-padding-top-tablet: 80px; --7qzuyg-padding-top-mobile: 48px; --7qzuyg-padding-right: 0px; --7qzuyg-padding-right-tablet: 0px; --7qzuyg-padding-right-mobile: 0px; --7qzuyg-padding-bottom: 80px; --7qzuyg-padding-bottom-tablet: 80px; --7qzuyg-padding-bottom-mobile: 48px; --7qzuyg-padding-left: 0px; --7qzuyg-padding-left-tablet: 0px; --7qzuyg-padding-left-mobile: 0px; }[data-bnode="beae-7qzuyg"] { padding-top: var(--7qzuyg-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7qzuyg-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7qzuyg-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7qzuyg-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7qzuyg-padding-top-tablet, var(--7qzuyg-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7qzuyg-padding-right-tablet, var(--7qzuyg-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7qzuyg-padding-bottom-tablet, var(--7qzuyg-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7qzuyg-padding-left-tablet, var(--7qzuyg-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7qzuyg-padding-top-mobile, var(--7qzuyg-padding-top-tablet, var(--7qzuyg-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7qzuyg-padding-right-mobile, var(--7qzuyg-padding-right-tablet, var(--7qzuyg-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7qzuyg-padding-bottom-mobile, var(--7qzuyg-padding-bottom-tablet, var(--7qzuyg-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7qzuyg-padding-left-mobile, var(--7qzuyg-padding-left-tablet, var(--7qzuyg-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--7qzuyg-position, relative); top: var(--7qzuyg-top, auto); right: var(--7qzuyg-right, auto); bottom: var(--7qzuyg-bottom, auto); left: var(--7qzuyg-left, auto); transform: var(--7qzuyg-transform, none); z-index: var(--7qzuyg-z-index, 10); aspect-ratio: var(--7qzuyg-background-imageRatio, auto); background: var(--7qzuyg-background-color,transparent); border-style: var(--7qzuyg-borderStyle,solid); border-color: var(--7qzuyg-borderColor,#000000); border-width: var(--7qzuyg-borderWidth-tl,0px) var(--7qzuyg-borderWidth-tr,0px) var(--7qzuyg-borderWidth-br,0px) var(--7qzuyg-borderWidth-bl,0px); border-radius: var(--7qzuyg-borderRadius-tl,0px) var(--7qzuyg-borderRadius-tr,0px) var(--7qzuyg-borderRadius-br,0px) var(--7qzuyg-borderRadius-bl,0px); box-shadow: var(--7qzuyg-shadowHorizontal, 0px) var(--7qzuyg-shadowVertical, 0px) var(--7qzuyg-shadowBlur, 0px) 1px color-mix( in srgb, var(--7qzuyg-shadowColor, #000000) var(--7qzuyg-shadowTransparent, 0%), transparent ); max-width: var(--7qzuyg-max-width, 100%); width: 100%; height: if(style(--7qzuyg-position: absolute): var(--7qzuyg-height,100%); else: unset ); backdrop-filter:blur(var(--7qzuyg-background-blur, none)) saturate(var(--7qzuyg-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--7qzuyg-position-tablet, var(--7qzuyg-position, relative)); top: var(--7qzuyg-top-tablet, var(--7qzuyg-top, auto)); right: var(--7qzuyg-right-tablet, var(--7qzuyg-right, auto)); bottom: var(--7qzuyg-bottom-tablet, var(--7qzuyg-bottom, auto)); left: var(--7qzuyg-left-tablet, var(--7qzuyg-left, auto)); transform: var(--7qzuyg-transform-tablet, var(--7qzuyg-transform, none)); z-index: var(--7qzuyg-z-index-tablet, var(--7qzuyg-z-index, 10)); aspect-ratio: var(--7qzuyg-background-imageRatio-tablet, var(--7qzuyg-background-imageRatio, auto)); border-width: var(--7qzuyg-borderWidth-tl-tablet, var(--7qzuyg-borderWidth-tl,0px)) var(--7qzuyg-borderWidth-tr-tablet,var(--7qzuyg-borderWidth-tr,0px)) var(--7qzuyg-borderWidth-br-tablet,var(--7qzuyg-borderWidth-br,0px)) var(--7qzuyg-borderWidth-bl-tablet,var(--7qzuyg-borderWidth-bl,0px)); border-radius: var(--7qzuyg-borderRadius-tl-tablet,var(--7qzuyg-borderRadius-tl,0px)) var(--7qzuyg-borderRadius-tr-tablet,var(--7qzuyg-borderRadius-tr,0px)) var(--7qzuyg-borderRadius-br-tablet,var(--7qzuyg-borderRadius-br,0px)) var(--7qzuyg-borderRadius-bl-tablet,var(--7qzuyg-borderRadius-bl,0px)); max-width: var(--7qzuyg-max-width-tablet, var(--7qzuyg-max-width, 100%)); height: if(style(--7qzuyg-position-tablet: absolute): var(--7qzuyg-height-tablet,var(--7qzuyg-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--7qzuyg-position-mobile, var(--7qzuyg-position-tablet, var(--7qzuyg-position, relative))); top: var(--7qzuyg-top-mobile, var(--7qzuyg-top-tablet, var(--7qzuyg-top, auto))); right: var(--7qzuyg-right-mobile, var(--7qzuyg-right-tablet, var(--7qzuyg-right, auto))); bottom: var(--7qzuyg-bottom-mobile, var(--7qzuyg-bottom-tablet, var(--7qzuyg-bottom, auto))); left: var(--7qzuyg-left-mobile, var(--7qzuyg-left-tablet, var(--7qzuyg-left, auto))); transform: var(--7qzuyg-transform-mobile, var(--7qzuyg-transform-tablet, var(--7qzuyg-transform, none))); z-index: var(--7qzuyg-z-index-mobile, var(--7qzuyg-z-index-tablet, var(--7qzuyg-z-index, 10))); aspect-ratio: var(--7qzuyg-background-imageRatio-mobile, var(--7qzuyg-background-imageRatio, auto)); border-width: var(--7qzuyg-borderWidth-tl-mobile, var(--7qzuyg-borderWidth-tl,0px)) var(--7qzuyg-borderWidth-tr-mobile,var(--7qzuyg-borderWidth-tr,0px)) var(--7qzuyg-borderWidth-br-mobile,var(--7qzuyg-borderWidth-br,0px)) var(--7qzuyg-borderWidth-bl-mobile,var(--7qzuyg-borderWidth-bl,0px)); border-radius: var(--7qzuyg-borderRadius-tl-mobile,var(--7qzuyg-borderRadius-tl,0px)) var(--7qzuyg-borderRadius-tr-mobile,var(--7qzuyg-borderRadius-tr,0px)) var(--7qzuyg-borderRadius-br-mobile,var(--7qzuyg-borderRadius-br,0px)) var(--7qzuyg-borderRadius-bl-mobile,var(--7qzuyg-borderRadius-bl,0px)); max-width: var(--7qzuyg-max-width-mobile, var(--7qzuyg-max-width, 100%)); height: if(style(--7qzuyg-position-mobile: absolute): var(--7qzuyg-height-mobile,var(--7qzuyg-height-tablet,,var(--7qzuyg-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7qzuyg-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--7qzuyg-gap,var(--beae-card-gap)); padding-top: var(--7qzuyg-padding-top,var(--beae-card-padding)); padding-right: var(--7qzuyg-padding-right,var(--beae-card-padding)); padding-bottom: var(--7qzuyg-padding-bottom,var(--beae-card-padding)); padding-left: var(--7qzuyg-padding-left,var(--beae-card-padding)); border-width: var(--7qzuyg-borderWidth-tl,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-tr,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-br,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7qzuyg-borderRadius-tl,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-tr,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-br,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--7qzuyg-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--7qzuyg-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--7qzuyg-gap-tablet,var(--beae-card-gap)); padding-top: var(--7qzuyg-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7qzuyg-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7qzuyg-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7qzuyg-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7qzuyg-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7qzuyg-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--7qzuyg-gap-mobile,var(--beae-card-gap)); padding-top: var(--7qzuyg-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7qzuyg-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7qzuyg-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7qzuyg-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7qzuyg-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7qzuyg-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7qzuyg-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7qzuyg-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7qzuyg-background-color,var(--beae-card-featured-background)); border-color: var(--7qzuyg-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--7qzuyg-shadowHorizontal, var(--beae-card-shadow-x)) var(--7qzuyg-shadowVertical, var(--beae-card-shadow-y)) var(--7qzuyg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7qzuyg-shadowColor, var(--beae-card-featured-shadow-color)) var(--7qzuyg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--7qzuyg-background-color,var(--beae-card-prod-background)); border-color: var(--7qzuyg-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--7qzuyg-shadowHorizontal, var(--beae-card-shadow-x)) var(--7qzuyg-shadowVertical, var(--beae-card-shadow-y)) var(--7qzuyg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7qzuyg-shadowColor, var(--beae-card-prod-shadow-color)) var(--7qzuyg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--7qzuyg-background-color,var(--beae-card-pricing-background)); border-color: var(--7qzuyg-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--7qzuyg-shadowHorizontal, var(--beae-card-shadow-x)) var(--7qzuyg-shadowVertical, var(--beae-card-shadow-y)) var(--7qzuyg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7qzuyg-shadowColor, var(--beae-card-pricing-shadow-color)) var(--7qzuyg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--7qzuyg-background-color,var(--beae-card-cta-background)); border-color: var(--7qzuyg-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--7qzuyg-shadowHorizontal, var(--beae-card-shadow-x)) var(--7qzuyg-shadowVertical, var(--beae-card-shadow-y)) var(--7qzuyg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7qzuyg-shadowColor, var(--beae-card-cta-shadow-color)) var(--7qzuyg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-7qzuyg"] {     display: flex;     flex-direction: var(--7qzuyg-direction, column);     flex-wrap: nowrap;     justify-content: var(--7qzuyg-justify-content);     align-items: var(--7qzuyg-align-items);     gap: var(--7qzuyg-gap, var(--7qzuyg-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7qzuyg"] {                            gap: var(--7qzuyg-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(25.00% - var(--7qzuyg-padding-right-tablet, 0px) - var(--7qzuyg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7qzuyg"] {                      align-items: var(--7qzuyg-align-items-mobile, inherit);      gap: var(--7qzuyg-gap-mobile, var(--7qzuyg-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(25.00% - var(--7qzuyg-padding-right-mobile, 0px) - var(--7qzuyg-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-bfn31a"] { --beae-h1-font-size: 54px; --beae-h1-font-size-tablet: 46px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #ffffff; --beae-h1-font-family: Inter; --beae-h1-font-weight: 700; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: -0.8px; --beae-h1-letter-spacing-tablet: -0.8px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: capitalize; --bfn31a-typography: h1; --bfn31a-typography-tablet: h1; --bfn31a-typography-mobile: h1; --beae-h1-text-align: start; --beae-h1-text-align-mobile: center; }[data-bnode="beae-bfn31a"] { margin-top: var(--bfn31a-margin-top, 0px); margin-right: var(--bfn31a-margin-right, 0px); margin-bottom: var(--bfn31a-margin-bottom, 0px); margin-left: var(--bfn31a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bfn31a-margin-top-tablet, 0px); margin-right: var(--bfn31a-margin-right-tablet, 0px); margin-bottom: var(--bfn31a-margin-bottom-tablet, 0px); margin-left: var(--bfn31a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bfn31a-margin-top-mobile, 0px); margin-right: var(--bfn31a-margin-right-mobile, 0px); margin-bottom: var(--bfn31a-margin-bottom-mobile, 0px); margin-left: var(--bfn31a-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--bfn31a-highlightColor,var(--beae-p-color)); top: var(--bfn31a-highlightTop, 100%); } }[data-bnode="beae-w6ji5i"] { --beae-p-font-size: 75apx; --beae-p-font-size-tablet: NaNpx; --beae-p-font-size-mobile: 16px; --beae-p-font-weight: 600; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: NaNpx; --beae-p-letter-spacing-tablet: NaNpx; --beae-p-letter-spacing-mobile: -0.3px; --w6ji5i-typography: p; --w6ji5i-typography-tablet: p; --w6ji5i-typography-mobile: p; --beae-p-text-align: start; --beae-p-text-align-mobile: center; --w6ji5i-margin-top: 0px; --w6ji5i-margin-top-tablet: 0px; --w6ji5i-margin-top-mobile: 0px; --w6ji5i-margin-right: 0px; --w6ji5i-margin-right-tablet: 0px; --w6ji5i-margin-right-mobile: 0px; --w6ji5i-margin-bottom: 0px; --w6ji5i-margin-bottom-tablet: 0px; --w6ji5i-margin-bottom-mobile: 0px; --w6ji5i-margin-left: 0px; --w6ji5i-margin-left-tablet: 0px; --w6ji5i-margin-left-mobile: 0px; }[data-bnode="beae-w6ji5i"] { margin-top: var(--w6ji5i-margin-top, 0px); margin-right: var(--w6ji5i-margin-right, 0px); margin-bottom: var(--w6ji5i-margin-bottom, 0px); margin-left: var(--w6ji5i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w6ji5i-margin-top-tablet, 0px); margin-right: var(--w6ji5i-margin-right-tablet, 0px); margin-bottom: var(--w6ji5i-margin-bottom-tablet, 0px); margin-left: var(--w6ji5i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w6ji5i-margin-top-mobile, 0px); margin-right: var(--w6ji5i-margin-right-mobile, 0px); margin-bottom: var(--w6ji5i-margin-bottom-mobile, 0px); margin-left: var(--w6ji5i-margin-left-mobile, 0px); } }[data-bnode="beae-ooce2c"] { --ooce2c-typography: p; --ooce2c-typography-tablet: p; --ooce2c-typography-mobile: p; --beae-p-text-align-mobile: center; --ooce2c-margin-top: 0px; --ooce2c-margin-top-tablet: 0px; --ooce2c-margin-top-mobile: 0px; --ooce2c-margin-right: 0px; --ooce2c-margin-right-tablet: 0px; --ooce2c-margin-right-mobile: 0px; --ooce2c-margin-bottom: 0px; --ooce2c-margin-bottom-tablet: 0px; --ooce2c-margin-bottom-mobile: 0px; --ooce2c-margin-left: 0px; --ooce2c-margin-left-tablet: 0px; --ooce2c-margin-left-mobile: 0px; --beae-p-text-align: start; --beae-p-font-size: 72apx; --beae-p-font-weight: 700; }[data-bnode="beae-ooce2c"] { margin-top: var(--ooce2c-margin-top, 0px); margin-right: var(--ooce2c-margin-right, 0px); margin-bottom: var(--ooce2c-margin-bottom, 0px); margin-left: var(--ooce2c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ooce2c-margin-top-tablet, 0px); margin-right: var(--ooce2c-margin-right-tablet, 0px); margin-bottom: var(--ooce2c-margin-bottom-tablet, 0px); margin-left: var(--ooce2c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ooce2c-margin-top-mobile, 0px); margin-right: var(--ooce2c-margin-right-mobile, 0px); margin-bottom: var(--ooce2c-margin-bottom-mobile, 0px); margin-left: var(--ooce2c-margin-left-mobile, 0px); } }[data-bnode="beae-8n33pb"] { --8n33pb-width: fill; --8n33pb-width-tablet: fill; --8n33pb-width-mobile: fill; --beae-btn-font-weight: 500; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-border-radius: 50px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #000000; --beae-btn-text-transform: capitalize; --8n33pb-iconWidth: 20px; --8n33pb-iconWidth-tablet: 20px; --8n33pb-iconWidth-mobile: 20px; --8n33pb-iconGap: 5px; --8n33pb-iconGap-tablet: 5px; --8n33pb-iconGap-mobile: 5px; --8n33pb-button: pr; --8n33pb-button-tablet: pr; --8n33pb-button-mobile: pr; }[data-bnode="beae-8n33pb"] { margin-top: var(--8n33pb-margin-top, 0px); margin-right: var(--8n33pb-margin-right, 0px); margin-bottom: var(--8n33pb-margin-bottom, 0px); margin-left: var(--8n33pb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8n33pb-margin-top-tablet, 0px); margin-right: var(--8n33pb-margin-right-tablet, 0px); margin-bottom: var(--8n33pb-margin-bottom-tablet, 0px); margin-left: var(--8n33pb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8n33pb-margin-top-mobile, 0px); margin-right: var(--8n33pb-margin-right-mobile, 0px); margin-bottom: var(--8n33pb-margin-bottom-mobile, 0px); margin-left: var(--8n33pb-margin-left-mobile, 0px); } &{ gap:var(--8n33pb-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--8n33pb-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--8n33pb-bgBtnHover)) * 1%)); style(--8n33pb-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--8n33pb-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--8n33pb-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--8n33pb-labelBtnHover)) * 1%)); style(--8n33pb-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--8n33pb-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--8n33pb-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--8n33pb-borderBtnHover)) * 1%)); style(--8n33pb-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--8n33pb-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--8n33pb-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--8n33pb-bgBtnHover)) * 1%)); style(--8n33pb-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--8n33pb-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--8n33pb-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--8n33pb-labelBtnHover)) * 1%)); style(--8n33pb-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--8n33pb-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--8n33pb-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--8n33pb-borderBtnHover)) * 1%)); style(--8n33pb-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--8n33pb-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--8n33pb-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--8n33pb-labelBtnHover)) * 1%)); style(--8n33pb-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--8n33pb-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--8n33pb-iconWidth); } svg { width: var(--8n33pb-iconWidth,20px); min-width: var(--8n33pb-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--8n33pb-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--8n33pb-iconWidth-tablet, var(--8n33pb-iconWidth)); } svg { width: var(--8n33pb-iconWidth-tablet, var(--8n33pb-iconWidth)); min-width: var(--8n33pb-iconWidth-tablet, var(--8n33pb-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--8n33pb-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--8n33pb-iconWidth-mobile, var(--8n33pb-iconWidth)); } svg { width: var(--8n33pb-iconWidth-mobile, var(--8n33pb-iconWidth)); min-width: var(--8n33pb-iconWidth-mobile, var(--8n33pb-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-5khaak"] { --5khaak-width: var(--beae-section-width); --5khaak-width-tablet: var(--beae-section-width); --5khaak-width-mobile: var(--beae-section-width); --5khaak-height: fit-content; --5khaak-height-tablet: fit-content; --5khaak-height-mobile: fit-content; --5khaak-padding-top: 0px; --5khaak-padding-top-tablet: 80px; --5khaak-padding-top-mobile: 56px; --5khaak-padding-right: 30px; --5khaak-padding-right-tablet: 30px; --5khaak-padding-right-mobile: 16px; --5khaak-padding-bottom: 0px; --5khaak-padding-bottom-tablet: 80px; --5khaak-padding-bottom-mobile: 56px; --5khaak-padding-left: 30px; --5khaak-padding-left-tablet: 30px; --5khaak-padding-left-mobile: 16px; --5khaak-direction: column; --5khaak-direction-tablet: column; --5khaak-direction-mobile: column; --5khaak-gap: 48px; --5khaak-gap-tablet: 40px; --5khaak-gap-mobile: 32px; --5khaak-background-type: color; --5khaak-background-type-tablet: color; --5khaak-background-type-mobile: color; --5khaak-background-color: #620446; --5khaak-background-color-tablet: #620446; --5khaak-background-color-mobile: #620446; --5khaak-surface: accent; --5khaak-surface-tablet: accent; --5khaak-surface-mobile: accent; }[data-bnode="beae-5khaak"] { padding-top: var(--5khaak-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--5khaak-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--5khaak-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--5khaak-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5khaak-padding-top-tablet, var(--5khaak-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--5khaak-padding-right-tablet, var(--5khaak-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--5khaak-padding-bottom-tablet, var(--5khaak-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--5khaak-padding-left-tablet, var(--5khaak-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5khaak-padding-top-mobile, var(--5khaak-padding-top-tablet, var(--5khaak-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--5khaak-padding-right-mobile, var(--5khaak-padding-right-tablet, var(--5khaak-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--5khaak-padding-bottom-mobile, var(--5khaak-padding-bottom-tablet, var(--5khaak-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--5khaak-padding-left-mobile, var(--5khaak-padding-left-tablet, var(--5khaak-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--5khaak-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--5khaak-height); width: 100%; max-width: var(--5khaak-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { 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(--5khaak-height-tablet, auto); width: 100%; max-width: var(--5khaak-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--5khaak-height-mobile, auto); width: 100%; max-width: var(--5khaak-width-mobile, 100%); } } } }[data-bnode="beae-5khaak"] > .beae-section-container{     display: flex;     flex-direction: var(--5khaak-direction, column);     flex-wrap: nowrap;     justify-content: var(--5khaak-justify-content);     align-items: var(--5khaak-align-items);     gap: var(--5khaak-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5khaak"] > .beae-section-container{                            gap: var(--5khaak-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--5khaak-padding-right-tablet, 0px) - var(--5khaak-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5khaak"] > .beae-section-container{                            gap: var(--5khaak-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--5khaak-padding-right-mobile, 0px) - var(--5khaak-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-b1a1mm"] { --b1a1mm-direction: row; --b1a1mm-direction-tablet: row; --b1a1mm-direction-mobile: row; --b1a1mm-structure: columns; --b1a1mm-structure-tablet: columns; --b1a1mm-structure-mobile: columns; }[data-bnode="beae-b1a1mm"] { padding-top: var(--b1a1mm-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--b1a1mm-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--b1a1mm-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--b1a1mm-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--b1a1mm-padding-top-tablet, var(--b1a1mm-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--b1a1mm-padding-right-tablet, var(--b1a1mm-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--b1a1mm-padding-bottom-tablet, var(--b1a1mm-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--b1a1mm-padding-left-tablet, var(--b1a1mm-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--b1a1mm-padding-top-mobile, var(--b1a1mm-padding-top-tablet, var(--b1a1mm-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--b1a1mm-padding-right-mobile, var(--b1a1mm-padding-right-tablet, var(--b1a1mm-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--b1a1mm-padding-bottom-mobile, var(--b1a1mm-padding-bottom-tablet, var(--b1a1mm-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--b1a1mm-padding-left-mobile, var(--b1a1mm-padding-left-tablet, var(--b1a1mm-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--b1a1mm-position, relative); top: var(--b1a1mm-top, auto); right: var(--b1a1mm-right, auto); bottom: var(--b1a1mm-bottom, auto); left: var(--b1a1mm-left, auto); transform: var(--b1a1mm-transform, none); z-index: var(--b1a1mm-z-index, 10); aspect-ratio: var(--b1a1mm-background-imageRatio, auto); background: var(--b1a1mm-background-color,transparent); border-style: var(--b1a1mm-borderStyle,solid); border-color: var(--b1a1mm-borderColor,#000000); border-width: var(--b1a1mm-borderWidth-tl,0px) var(--b1a1mm-borderWidth-tr,0px) var(--b1a1mm-borderWidth-br,0px) var(--b1a1mm-borderWidth-bl,0px); border-radius: var(--b1a1mm-borderRadius-tl,0px) var(--b1a1mm-borderRadius-tr,0px) var(--b1a1mm-borderRadius-br,0px) var(--b1a1mm-borderRadius-bl,0px); box-shadow: var(--b1a1mm-shadowHorizontal, 0px) var(--b1a1mm-shadowVertical, 0px) var(--b1a1mm-shadowBlur, 0px) 1px color-mix( in srgb, var(--b1a1mm-shadowColor, #000000) var(--b1a1mm-shadowTransparent, 0%), transparent ); max-width: var(--b1a1mm-max-width, 100%); width: 100%; height: if(style(--b1a1mm-position: absolute): var(--b1a1mm-height,100%); else: unset ); backdrop-filter:blur(var(--b1a1mm-background-blur, none)) saturate(var(--b1a1mm-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--b1a1mm-position-tablet, var(--b1a1mm-position, relative)); top: var(--b1a1mm-top-tablet, var(--b1a1mm-top, auto)); right: var(--b1a1mm-right-tablet, var(--b1a1mm-right, auto)); bottom: var(--b1a1mm-bottom-tablet, var(--b1a1mm-bottom, auto)); left: var(--b1a1mm-left-tablet, var(--b1a1mm-left, auto)); transform: var(--b1a1mm-transform-tablet, var(--b1a1mm-transform, none)); z-index: var(--b1a1mm-z-index-tablet, var(--b1a1mm-z-index, 10)); aspect-ratio: var(--b1a1mm-background-imageRatio-tablet, var(--b1a1mm-background-imageRatio, auto)); border-width: var(--b1a1mm-borderWidth-tl-tablet, var(--b1a1mm-borderWidth-tl,0px)) var(--b1a1mm-borderWidth-tr-tablet,var(--b1a1mm-borderWidth-tr,0px)) var(--b1a1mm-borderWidth-br-tablet,var(--b1a1mm-borderWidth-br,0px)) var(--b1a1mm-borderWidth-bl-tablet,var(--b1a1mm-borderWidth-bl,0px)); border-radius: var(--b1a1mm-borderRadius-tl-tablet,var(--b1a1mm-borderRadius-tl,0px)) var(--b1a1mm-borderRadius-tr-tablet,var(--b1a1mm-borderRadius-tr,0px)) var(--b1a1mm-borderRadius-br-tablet,var(--b1a1mm-borderRadius-br,0px)) var(--b1a1mm-borderRadius-bl-tablet,var(--b1a1mm-borderRadius-bl,0px)); max-width: var(--b1a1mm-max-width-tablet, var(--b1a1mm-max-width, 100%)); height: if(style(--b1a1mm-position-tablet: absolute): var(--b1a1mm-height-tablet,var(--b1a1mm-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--b1a1mm-position-mobile, var(--b1a1mm-position-tablet, var(--b1a1mm-position, relative))); top: var(--b1a1mm-top-mobile, var(--b1a1mm-top-tablet, var(--b1a1mm-top, auto))); right: var(--b1a1mm-right-mobile, var(--b1a1mm-right-tablet, var(--b1a1mm-right, auto))); bottom: var(--b1a1mm-bottom-mobile, var(--b1a1mm-bottom-tablet, var(--b1a1mm-bottom, auto))); left: var(--b1a1mm-left-mobile, var(--b1a1mm-left-tablet, var(--b1a1mm-left, auto))); transform: var(--b1a1mm-transform-mobile, var(--b1a1mm-transform-tablet, var(--b1a1mm-transform, none))); z-index: var(--b1a1mm-z-index-mobile, var(--b1a1mm-z-index-tablet, var(--b1a1mm-z-index, 10))); aspect-ratio: var(--b1a1mm-background-imageRatio-mobile, var(--b1a1mm-background-imageRatio, auto)); border-width: var(--b1a1mm-borderWidth-tl-mobile, var(--b1a1mm-borderWidth-tl,0px)) var(--b1a1mm-borderWidth-tr-mobile,var(--b1a1mm-borderWidth-tr,0px)) var(--b1a1mm-borderWidth-br-mobile,var(--b1a1mm-borderWidth-br,0px)) var(--b1a1mm-borderWidth-bl-mobile,var(--b1a1mm-borderWidth-bl,0px)); border-radius: var(--b1a1mm-borderRadius-tl-mobile,var(--b1a1mm-borderRadius-tl,0px)) var(--b1a1mm-borderRadius-tr-mobile,var(--b1a1mm-borderRadius-tr,0px)) var(--b1a1mm-borderRadius-br-mobile,var(--b1a1mm-borderRadius-br,0px)) var(--b1a1mm-borderRadius-bl-mobile,var(--b1a1mm-borderRadius-bl,0px)); max-width: var(--b1a1mm-max-width-mobile, var(--b1a1mm-max-width, 100%)); height: if(style(--b1a1mm-position-mobile: absolute): var(--b1a1mm-height-mobile,var(--b1a1mm-height-tablet,,var(--b1a1mm-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--b1a1mm-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--b1a1mm-gap,var(--beae-card-gap)); padding-top: var(--b1a1mm-padding-top,var(--beae-card-padding)); padding-right: var(--b1a1mm-padding-right,var(--beae-card-padding)); padding-bottom: var(--b1a1mm-padding-bottom,var(--beae-card-padding)); padding-left: var(--b1a1mm-padding-left,var(--beae-card-padding)); border-width: var(--b1a1mm-borderWidth-tl,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-tr,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-br,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--b1a1mm-borderRadius-tl,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-tr,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-br,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--b1a1mm-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--b1a1mm-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--b1a1mm-gap-tablet,var(--beae-card-gap)); padding-top: var(--b1a1mm-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--b1a1mm-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--b1a1mm-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--b1a1mm-padding-left-tablet,var(--beae-card-padding)); border-width: var(--b1a1mm-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-br-desktop,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--b1a1mm-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--b1a1mm-gap-mobile,var(--beae-card-gap)); padding-top: var(--b1a1mm-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--b1a1mm-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--b1a1mm-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--b1a1mm-padding-left-mobile,var(--beae-card-padding)); border-width: var(--b1a1mm-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-br-mobile,var(--beae-card-border-width)) var(--b1a1mm-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--b1a1mm-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--b1a1mm-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--b1a1mm-background-color,var(--beae-card-featured-background)); border-color: var(--b1a1mm-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--b1a1mm-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1a1mm-shadowVertical, var(--beae-card-shadow-y)) var(--b1a1mm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1a1mm-shadowColor, var(--beae-card-featured-shadow-color)) var(--b1a1mm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--b1a1mm-background-color,var(--beae-card-prod-background)); border-color: var(--b1a1mm-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--b1a1mm-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1a1mm-shadowVertical, var(--beae-card-shadow-y)) var(--b1a1mm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1a1mm-shadowColor, var(--beae-card-prod-shadow-color)) var(--b1a1mm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--b1a1mm-background-color,var(--beae-card-pricing-background)); border-color: var(--b1a1mm-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--b1a1mm-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1a1mm-shadowVertical, var(--beae-card-shadow-y)) var(--b1a1mm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1a1mm-shadowColor, var(--beae-card-pricing-shadow-color)) var(--b1a1mm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--b1a1mm-background-color,var(--beae-card-cta-background)); border-color: var(--b1a1mm-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--b1a1mm-shadowHorizontal, var(--beae-card-shadow-x)) var(--b1a1mm-shadowVertical, var(--beae-card-shadow-y)) var(--b1a1mm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b1a1mm-shadowColor, var(--beae-card-cta-shadow-color)) var(--b1a1mm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-b1a1mm"] {     display: flex;     flex-direction: var(--b1a1mm-direction, column);     flex-wrap: nowrap;     justify-content: var(--b1a1mm-justify-content);     align-items: var(--b1a1mm-align-items);     gap: var(--b1a1mm-gap, var(--b1a1mm-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(--b1a1mm-padding-right, 0px) - var(--b1a1mm-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-b1a1mm"] {                            gap: var(--b1a1mm-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--b1a1mm-padding-right-tablet, 0px) - var(--b1a1mm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-b1a1mm"] {                            gap: var(--b1a1mm-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--b1a1mm-padding-right-mobile, 0px) - var(--b1a1mm-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6wno2o"] { --6wno2o-columns: 3; --6wno2o-columns-tablet: 3; --6wno2o-columns-mobile: 1; --6wno2o-gap: 40px; --6wno2o-gap-tablet: 32px; --6wno2o-gap-mobile: 24px; --6wno2o-navType: true; --6wno2o-navType-tablet: true; --6wno2o-navType-mobile: true; --6wno2o-pagiType: false; --6wno2o-pagiType-tablet: false; --6wno2o-pagiType-mobile: false; --6wno2o-listType: slider; --6wno2o-listType-tablet: slider; --6wno2o-listType-mobile: grid; --6wno2o-stateNavigation: normal; --6wno2o-stateNavigation-tablet: normal; --6wno2o-stateNavigation-mobile: normal; --6wno2o-statePagination: normal; --6wno2o-statePagination-tablet: normal; --6wno2o-statePagination-mobile: normal; --6wno2o-stateNavigtion: normal; --6wno2o-stateNavigtion-tablet: normal; --6wno2o-stateNavigtion-mobile: normal; --6wno2o-columnsMobile-mobile: 1; } [data-bnode="beae-6wno2o"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-6wno2o"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-6wno2o"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-6wno2o"] [data-bnode="beae-nd4xf9"] { --nd4xf9-width: 80px; --nd4xf9-imageRatio: 1/1; --nd4xf9-objFit: cover; --nd4xf9-borderColor: #000000; --nd4xf9-shadowColor: #000000; --nd4xf9-borderStyle: none; --nd4xf9-enableShadow: false; --nd4xf9-width-mobile: 56px; } [data-bnode="beae-6wno2o"] [data-bnode="beae-kxo6go"] { --kxo6go-typography: h3; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-align: center; --kxo6go-margin-top: 0px; --kxo6go-margin-right: 0px; --kxo6go-margin-bottom: 0px; --kxo6go-margin-left: 0px; --beae-h3-font-size: 0px; --kxo6go-margin-top-mobile: 12px; --kxo6go-margin-right-mobile: 0px; --kxo6go-margin-bottom-mobile: 0px; --kxo6go-margin-left-mobile: 0px; } [data-bnode="beae-6wno2o"] [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-gap: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --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: 64px; --be-ctl-item-padding-right-tablet: 64px; --be-ctl-item-padding-right-mobile: 64px; --be-ctl-item-padding-bottom: 0px; --be-ctl-item-padding-bottom-tablet: 0px; --be-ctl-item-padding-bottom-mobile: 0px; --be-ctl-item-padding-left: 64px; --be-ctl-item-padding-left-tablet: 64px; --be-ctl-item-padding-left-mobile: 64px; }[data-bnode="beae-6wno2o"] { margin-top: var(--6wno2o-margin-top, 0px); margin-right: var(--6wno2o-margin-right, 0px); margin-bottom: var(--6wno2o-margin-bottom, 0px); margin-left: var(--6wno2o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6wno2o-margin-top-tablet, 0px); margin-right: var(--6wno2o-margin-right-tablet, 0px); margin-bottom: var(--6wno2o-margin-bottom-tablet, 0px); margin-left: var(--6wno2o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6wno2o-margin-top-mobile, 0px); margin-right: var(--6wno2o-margin-right-mobile, 0px); margin-bottom: var(--6wno2o-margin-bottom-mobile, 0px); margin-left: var(--6wno2o-margin-left-mobile, 0px); } &.beae-content-list { .beae-slider-item{ > .beae-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--6wno2o-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--6wno2o-gap,var(--beae-grid-gap, 20px)) * (var(--6wno2o-columns, 3) - 1)) / var(--6wno2o-columns, 3)); &:last-child{ margin-right: var(--6wno2o-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; flex-wrap: nowrap; } } .beae-slider-items { flex-wrap: wrap; gap: var(--6wno2o-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--6wno2o-columns) - 1) * var(--6wno2o-gap,var(--beae-grid-gap, 20px))) / var(--6wno2o-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--6wno2o-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--6wno2o-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--6wno2o-columns-tablet, 3) - 1)) / var(--6wno2o-columns-tablet, 3)); &:last-child{ margin-right: var(--6wno2o-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; flex-wrap: nowrap; } } .beae-slider-items { flex-wrap: wrap; gap: var(--6wno2o-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--6wno2o-columns-tablet) - 1) * var(--6wno2o-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--6wno2o-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--6wno2o-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--6wno2o-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--6wno2o-columnsMobile-mobile, 1) - 1)) / var(--6wno2o-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--6wno2o-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; flex-wrap: nowrap; } } .beae-slider-items { flex-wrap: wrap; gap: var(--6wno2o-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--6wno2o-columnsMobile-mobile) - 1) * var(--6wno2o-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--6wno2o-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--6wno2o-navPadding,12px); background:var(--6wno2o-navBg,#F5F5F5); color: var(--6wno2o-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--6wno2o-navBgHover,#CCCCCC); color: var(--6wno2o-navColorHover,var(--beae-text-color)); } svg { width: var(--6wno2o-navIconSize,20px); height: var(--6wno2o-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--6wno2o-pagiBg,#E6E6E6); &.active { background:var(--6wno2o-pagiBgActive,#181818); } &:not(.active):hover { background:var(--6wno2o-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--6wno2o-pagiColor,#e6e6e6); &.active { color:var(--6wno2o-pagiColorActive,#181818); } &:not(.active):hover { color: var(--6wno2o-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--6wno2o-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--6wno2o-pagiBg,#E6E6E6); &.active { background: var(--6wno2o-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--6wno2o-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; } } [data-bnode="beae-6wno2o"] [data-bnode="beae-nd4xf9"] { margin-top: var(--nd4xf9-margin-top, 0px); margin-right: var(--nd4xf9-margin-right, 0px); margin-bottom: var(--nd4xf9-margin-bottom, 0px); margin-left: var(--nd4xf9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nd4xf9-margin-top-tablet, 0px); margin-right: var(--nd4xf9-margin-right-tablet, 0px); margin-bottom: var(--nd4xf9-margin-bottom-tablet, 0px); margin-left: var(--nd4xf9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nd4xf9-margin-top-mobile, 0px); margin-right: var(--nd4xf9-margin-right-mobile, 0px); margin-bottom: var(--nd4xf9-margin-bottom-mobile, 0px); margin-left: var(--nd4xf9-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--nd4xf9-width,100%) - var(--nd4xf9-margin-left,0px) - var(--nd4xf9-margin-right,0px)); min-height: min-content; border-color: var(--nd4xf9-borderColor,var(--beae-card-media-border-color)); border-style: var(--nd4xf9-borderStyle,solid); border-width: var(--nd4xf9-borderWidth-tl,var(--beae-card-border-width)) var(--nd4xf9-borderWidth-tr,var(--beae-card-border-width)) var(--nd4xf9-borderWidth-br,var(--beae-card-border-width)) var(--nd4xf9-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--nd4xf9-borderRadius-tl,var(--beae-card-border-radius)) var(--nd4xf9-borderRadius-tr,var(--beae-card-border-radius)) var(--nd4xf9-borderRadius-br,var(--beae-card-border-radius)) var(--nd4xf9-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--nd4xf9-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--nd4xf9-borderWidth-tl-tablet, var(--nd4xf9-borderWidth-tl,var(--beae-card-border-width))) var(--nd4xf9-borderWidth-tr-tablet, var(--nd4xf9-borderWidth-tr,var(--beae-card-border-width))) var(--nd4xf9-borderWidth-br-tablet, var(--nd4xf9-borderWidth-br,var(--beae-card-border-width))) var(--nd4xf9-borderWidth-bl-tablet, var(--nd4xf9-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--nd4xf9-borderRadius-tl-tablet, var(--nd4xf9-borderRadius-tl,var(--beae-card-border-radius))) var(--nd4xf9-borderRadius-tr-tablet, var(--nd4xf9-borderRadius-tr,var(--beae-card-border-radius))) var(--nd4xf9-borderRadius-br-tablet, var(--nd4xf9-borderRadius-br,var(--beae-card-border-radius))) var(--nd4xf9-borderRadius-bl-tablet, var(--nd4xf9-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--nd4xf9-borderWidth-tl-mobile, var(--nd4xf9-borderWidth-tl,var(--beae-card-border-width))) var(--nd4xf9-borderWidth-tr-mobile, var(--nd4xf9-borderWidth-tr,var(--beae-card-border-width))) var(--nd4xf9-borderWidth-br-mobile, var(--nd4xf9-borderWidth-br,var(--beae-card-border-width))) var(--nd4xf9-borderWidth-bl-mobile, var(--nd4xf9-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--nd4xf9-borderRadius-tl-mobile, var(--nd4xf9-borderRadius-tl,var(--beae-card-border-radius))) var(--nd4xf9-borderRadius-tr-mobile, var(--nd4xf9-borderRadius-tr,var(--beae-card-border-radius))) var(--nd4xf9-borderRadius-br-mobile, var(--nd4xf9-borderRadius-br,var(--beae-card-border-radius))) var(--nd4xf9-borderRadius-bl-mobile, var(--nd4xf9-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--nd4xf9-shadowHorizontal, var(--beae-card-shadow-x)) var(--nd4xf9-shadowVertical, var(--beae-card-shadow-y)) var(--nd4xf9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nd4xf9-shadowColor, var(--beae-card-media-shadow-color)) var(--nd4xf9-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--nd4xf9-overlayColor-color, #000); opacity: var(--nd4xf9-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--nd4xf9-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--nd4xf9-width-tablet,var(--nd4xf9-width,100%)) - var(--nd4xf9-margin-left-tablet,var(--nd4xf9-margin-left,0px)) - var(--nd4xf9-margin-right-tablet,var(--nd4xf9-margin-right,0px))); aspect-ratio: var(--nd4xf9-imageRatio-tablet, var(--nd4xf9-imageRatio, auto)); img { object-fit: var(--nd4xf9-objFit-tablet, var(--nd4xf9-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--nd4xf9-width-mobile,var(--nd4xf9-width,100%)) - var(--nd4xf9-margin-left-mobile,var(--nd4xf9-margin-left,0px)) - var(--nd4xf9-margin-right-mobile,var(--nd4xf9-margin-right,0px))); aspect-ratio: var(--nd4xf9-imageRatio-mobile, var(--nd4xf9-imageRatio, auto)); img { object-fit: var(--nd4xf9-objFit-mobile, var(--nd4xf9-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } } [data-bnode="beae-6wno2o"] [data-bnode="beae-kxo6go"] { margin-top: var(--kxo6go-margin-top, 0px); margin-right: var(--kxo6go-margin-right, 0px); margin-bottom: var(--kxo6go-margin-bottom, 0px); margin-left: var(--kxo6go-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kxo6go-margin-top-tablet, 0px); margin-right: var(--kxo6go-margin-right-tablet, 0px); margin-bottom: var(--kxo6go-margin-bottom-tablet, 0px); margin-left: var(--kxo6go-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kxo6go-margin-top-mobile, 0px); margin-right: var(--kxo6go-margin-right-mobile, 0px); margin-bottom: var(--kxo6go-margin-bottom-mobile, 0px); margin-left: var(--kxo6go-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--kxo6go-highlightColor,var(--beae-p-color)); top: var(--kxo6go-highlightTop, 100%); } } [data-bnode="beae-6wno2o"] [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)))))); } &.beae-slot { position: var(--be-ctl-item-position, relative); top: var(--be-ctl-item-top, auto); right: var(--be-ctl-item-right, auto); bottom: var(--be-ctl-item-bottom, auto); left: var(--be-ctl-item-left, auto); transform: var(--be-ctl-item-transform, none); z-index: var(--be-ctl-item-z-index, 10); 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: var(--be-ctl-item-shadowHorizontal, 0px) var(--be-ctl-item-shadowVertical, 0px) var(--be-ctl-item-shadowBlur, 0px) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, #000000) var(--be-ctl-item-shadowTransparent, 0%), transparent ); max-width: var(--be-ctl-item-max-width, 100%); width: 100%; height: if(style(--be-ctl-item-position: absolute): var(--be-ctl-item-height,100%); else: unset ); backdrop-filter:blur(var(--be-ctl-item-background-blur, none)) saturate(var(--be-ctl-item-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--be-ctl-item-position-tablet, var(--be-ctl-item-position, relative)); top: var(--be-ctl-item-top-tablet, var(--be-ctl-item-top, auto)); right: var(--be-ctl-item-right-tablet, var(--be-ctl-item-right, auto)); bottom: var(--be-ctl-item-bottom-tablet, var(--be-ctl-item-bottom, auto)); left: var(--be-ctl-item-left-tablet, var(--be-ctl-item-left, auto)); transform: var(--be-ctl-item-transform-tablet, var(--be-ctl-item-transform, none)); z-index: var(--be-ctl-item-z-index-tablet, var(--be-ctl-item-z-index, 10)); 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, var(--be-ctl-item-borderWidth-tl,0px)) var(--be-ctl-item-borderWidth-tr-tablet,var(--be-ctl-item-borderWidth-tr,0px)) var(--be-ctl-item-borderWidth-br-tablet,var(--be-ctl-item-borderWidth-br,0px)) var(--be-ctl-item-borderWidth-bl-tablet,var(--be-ctl-item-borderWidth-bl,0px)); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,var(--be-ctl-item-borderRadius-tl,0px)) var(--be-ctl-item-borderRadius-tr-tablet,var(--be-ctl-item-borderRadius-tr,0px)) var(--be-ctl-item-borderRadius-br-tablet,var(--be-ctl-item-borderRadius-br,0px)) var(--be-ctl-item-borderRadius-bl-tablet,var(--be-ctl-item-borderRadius-bl,0px)); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); height: if(style(--be-ctl-item-position-tablet: absolute): var(--be-ctl-item-height-tablet,var(--be-ctl-item-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--be-ctl-item-position-mobile, var(--be-ctl-item-position-tablet, var(--be-ctl-item-position, relative))); top: var(--be-ctl-item-top-mobile, var(--be-ctl-item-top-tablet, var(--be-ctl-item-top, auto))); right: var(--be-ctl-item-right-mobile, var(--be-ctl-item-right-tablet, var(--be-ctl-item-right, auto))); bottom: var(--be-ctl-item-bottom-mobile, var(--be-ctl-item-bottom-tablet, var(--be-ctl-item-bottom, auto))); left: var(--be-ctl-item-left-mobile, var(--be-ctl-item-left-tablet, var(--be-ctl-item-left, auto))); transform: var(--be-ctl-item-transform-mobile, var(--be-ctl-item-transform-tablet, var(--be-ctl-item-transform, none))); z-index: var(--be-ctl-item-z-index-mobile, var(--be-ctl-item-z-index-tablet, var(--be-ctl-item-z-index, 10))); 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, var(--be-ctl-item-borderWidth-tl,0px)) var(--be-ctl-item-borderWidth-tr-mobile,var(--be-ctl-item-borderWidth-tr,0px)) var(--be-ctl-item-borderWidth-br-mobile,var(--be-ctl-item-borderWidth-br,0px)) var(--be-ctl-item-borderWidth-bl-mobile,var(--be-ctl-item-borderWidth-bl,0px)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--be-ctl-item-borderRadius-tl,0px)) var(--be-ctl-item-borderRadius-tr-mobile,var(--be-ctl-item-borderRadius-tr,0px)) var(--be-ctl-item-borderRadius-br-mobile,var(--be-ctl-item-borderRadius-br,0px)) var(--be-ctl-item-borderRadius-bl-mobile,var(--be-ctl-item-borderRadius-bl,0px)); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); height: if(style(--be-ctl-item-position-mobile: absolute): var(--be-ctl-item-height-mobile,var(--be-ctl-item-height-tablet,,var(--be-ctl-item-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.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{ 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-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(--be-ctl-item-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--be-ctl-item-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--be-ctl-item-gap-tablet,var(--beae-card-gap)); 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-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-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--be-ctl-item-gap-mobile,var(--beae-card-gap)); 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-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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-6wno2o"] [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-6wno2o"] [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;         }                   &>.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-6wno2o"] [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;         }                   &>.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-fflme1"] { --fflme1-width: 1600px; --fflme1-width-tablet: 1600px; --fflme1-width-mobile: 1600px; --fflme1-height: fit-content; --fflme1-height-tablet: fit-content; --fflme1-height-mobile: fit-content; --fflme1-padding-top: 8px; --fflme1-padding-top-tablet: 80px; --fflme1-padding-top-mobile: 56px; --fflme1-padding-right: 16px; --fflme1-padding-right-tablet: 16px; --fflme1-padding-right-mobile: 16px; --fflme1-padding-bottom: 8px; --fflme1-padding-bottom-tablet: 0px; --fflme1-padding-bottom-mobile: 0px; --fflme1-padding-left: 16px; --fflme1-padding-left-tablet: 16px; --fflme1-padding-left-mobile: 16px; --fflme1-gap: 48px; --fflme1-gap-tablet: 40px; --fflme1-gap-mobile: 32px; --fflme1-background-type: color; --fflme1-background-type-tablet: color; --fflme1-background-type-mobile: color; --fflme1-surface: muted; --fflme1-surface-tablet: muted; --fflme1-surface-mobile: muted; }[data-bnode="beae-fflme1"] { padding-top: var(--fflme1-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--fflme1-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--fflme1-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--fflme1-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--fflme1-padding-top-tablet, var(--fflme1-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--fflme1-padding-right-tablet, var(--fflme1-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--fflme1-padding-bottom-tablet, var(--fflme1-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--fflme1-padding-left-tablet, var(--fflme1-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--fflme1-padding-top-mobile, var(--fflme1-padding-top-tablet, var(--fflme1-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--fflme1-padding-right-mobile, var(--fflme1-padding-right-tablet, var(--fflme1-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--fflme1-padding-bottom-mobile, var(--fflme1-padding-bottom-tablet, var(--fflme1-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--fflme1-padding-left-mobile, var(--fflme1-padding-left-tablet, var(--fflme1-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--fflme1-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--fflme1-height); width: 100%; max-width: var(--fflme1-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { 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(--fflme1-height-tablet, auto); width: 100%; max-width: var(--fflme1-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--fflme1-height-mobile, auto); width: 100%; max-width: var(--fflme1-width-mobile, 100%); } } } }[data-bnode="beae-fflme1"] > .beae-section-container{     display: flex;     flex-direction: var(--fflme1-direction, column);     flex-wrap: nowrap;     justify-content: var(--fflme1-justify-content);     align-items: var(--fflme1-align-items);     gap: var(--fflme1-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-fflme1"] > .beae-section-container{                            gap: var(--fflme1-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--fflme1-padding-right-tablet, 0px) - var(--fflme1-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-fflme1"] > .beae-section-container{                            gap: var(--fflme1-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--fflme1-padding-right-mobile, 0px) - var(--fflme1-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rpdp1m"] { --rpdp1m-direction: column; --rpdp1m-direction-tablet: column; --rpdp1m-direction-mobile: column; --rpdp1m-structure: columns; --rpdp1m-structure-tablet: columns; --rpdp1m-structure-mobile: columns; --rpdp1m-gap: 20px; --rpdp1m-gap-tablet: 20px; --rpdp1m-gap-mobile: 16px; --rpdp1m-align-items: center; --rpdp1m-align-items-tablet: center; --rpdp1m-align-items-mobile: center; }[data-bnode="beae-rpdp1m"] { padding-top: var(--rpdp1m-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rpdp1m-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rpdp1m-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rpdp1m-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rpdp1m-padding-top-tablet, var(--rpdp1m-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rpdp1m-padding-right-tablet, var(--rpdp1m-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rpdp1m-padding-bottom-tablet, var(--rpdp1m-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rpdp1m-padding-left-tablet, var(--rpdp1m-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rpdp1m-padding-top-mobile, var(--rpdp1m-padding-top-tablet, var(--rpdp1m-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rpdp1m-padding-right-mobile, var(--rpdp1m-padding-right-tablet, var(--rpdp1m-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rpdp1m-padding-bottom-mobile, var(--rpdp1m-padding-bottom-tablet, var(--rpdp1m-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rpdp1m-padding-left-mobile, var(--rpdp1m-padding-left-tablet, var(--rpdp1m-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--rpdp1m-position, relative); top: var(--rpdp1m-top, auto); right: var(--rpdp1m-right, auto); bottom: var(--rpdp1m-bottom, auto); left: var(--rpdp1m-left, auto); transform: var(--rpdp1m-transform, none); z-index: var(--rpdp1m-z-index, 10); aspect-ratio: var(--rpdp1m-background-imageRatio, auto); background: var(--rpdp1m-background-color,transparent); border-style: var(--rpdp1m-borderStyle,solid); border-color: var(--rpdp1m-borderColor,#000000); border-width: var(--rpdp1m-borderWidth-tl,0px) var(--rpdp1m-borderWidth-tr,0px) var(--rpdp1m-borderWidth-br,0px) var(--rpdp1m-borderWidth-bl,0px); border-radius: var(--rpdp1m-borderRadius-tl,0px) var(--rpdp1m-borderRadius-tr,0px) var(--rpdp1m-borderRadius-br,0px) var(--rpdp1m-borderRadius-bl,0px); box-shadow: var(--rpdp1m-shadowHorizontal, 0px) var(--rpdp1m-shadowVertical, 0px) var(--rpdp1m-shadowBlur, 0px) 1px color-mix( in srgb, var(--rpdp1m-shadowColor, #000000) var(--rpdp1m-shadowTransparent, 0%), transparent ); max-width: var(--rpdp1m-max-width, 100%); width: 100%; height: if(style(--rpdp1m-position: absolute): var(--rpdp1m-height,100%); else: unset ); backdrop-filter:blur(var(--rpdp1m-background-blur, none)) saturate(var(--rpdp1m-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--rpdp1m-position-tablet, var(--rpdp1m-position, relative)); top: var(--rpdp1m-top-tablet, var(--rpdp1m-top, auto)); right: var(--rpdp1m-right-tablet, var(--rpdp1m-right, auto)); bottom: var(--rpdp1m-bottom-tablet, var(--rpdp1m-bottom, auto)); left: var(--rpdp1m-left-tablet, var(--rpdp1m-left, auto)); transform: var(--rpdp1m-transform-tablet, var(--rpdp1m-transform, none)); z-index: var(--rpdp1m-z-index-tablet, var(--rpdp1m-z-index, 10)); aspect-ratio: var(--rpdp1m-background-imageRatio-tablet, var(--rpdp1m-background-imageRatio, auto)); border-width: var(--rpdp1m-borderWidth-tl-tablet, var(--rpdp1m-borderWidth-tl,0px)) var(--rpdp1m-borderWidth-tr-tablet,var(--rpdp1m-borderWidth-tr,0px)) var(--rpdp1m-borderWidth-br-tablet,var(--rpdp1m-borderWidth-br,0px)) var(--rpdp1m-borderWidth-bl-tablet,var(--rpdp1m-borderWidth-bl,0px)); border-radius: var(--rpdp1m-borderRadius-tl-tablet,var(--rpdp1m-borderRadius-tl,0px)) var(--rpdp1m-borderRadius-tr-tablet,var(--rpdp1m-borderRadius-tr,0px)) var(--rpdp1m-borderRadius-br-tablet,var(--rpdp1m-borderRadius-br,0px)) var(--rpdp1m-borderRadius-bl-tablet,var(--rpdp1m-borderRadius-bl,0px)); max-width: var(--rpdp1m-max-width-tablet, var(--rpdp1m-max-width, 100%)); height: if(style(--rpdp1m-position-tablet: absolute): var(--rpdp1m-height-tablet,var(--rpdp1m-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--rpdp1m-position-mobile, var(--rpdp1m-position-tablet, var(--rpdp1m-position, relative))); top: var(--rpdp1m-top-mobile, var(--rpdp1m-top-tablet, var(--rpdp1m-top, auto))); right: var(--rpdp1m-right-mobile, var(--rpdp1m-right-tablet, var(--rpdp1m-right, auto))); bottom: var(--rpdp1m-bottom-mobile, var(--rpdp1m-bottom-tablet, var(--rpdp1m-bottom, auto))); left: var(--rpdp1m-left-mobile, var(--rpdp1m-left-tablet, var(--rpdp1m-left, auto))); transform: var(--rpdp1m-transform-mobile, var(--rpdp1m-transform-tablet, var(--rpdp1m-transform, none))); z-index: var(--rpdp1m-z-index-mobile, var(--rpdp1m-z-index-tablet, var(--rpdp1m-z-index, 10))); aspect-ratio: var(--rpdp1m-background-imageRatio-mobile, var(--rpdp1m-background-imageRatio, auto)); border-width: var(--rpdp1m-borderWidth-tl-mobile, var(--rpdp1m-borderWidth-tl,0px)) var(--rpdp1m-borderWidth-tr-mobile,var(--rpdp1m-borderWidth-tr,0px)) var(--rpdp1m-borderWidth-br-mobile,var(--rpdp1m-borderWidth-br,0px)) var(--rpdp1m-borderWidth-bl-mobile,var(--rpdp1m-borderWidth-bl,0px)); border-radius: var(--rpdp1m-borderRadius-tl-mobile,var(--rpdp1m-borderRadius-tl,0px)) var(--rpdp1m-borderRadius-tr-mobile,var(--rpdp1m-borderRadius-tr,0px)) var(--rpdp1m-borderRadius-br-mobile,var(--rpdp1m-borderRadius-br,0px)) var(--rpdp1m-borderRadius-bl-mobile,var(--rpdp1m-borderRadius-bl,0px)); max-width: var(--rpdp1m-max-width-mobile, var(--rpdp1m-max-width, 100%)); height: if(style(--rpdp1m-position-mobile: absolute): var(--rpdp1m-height-mobile,var(--rpdp1m-height-tablet,,var(--rpdp1m-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rpdp1m-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--rpdp1m-gap,var(--beae-card-gap)); padding-top: var(--rpdp1m-padding-top,var(--beae-card-padding)); padding-right: var(--rpdp1m-padding-right,var(--beae-card-padding)); padding-bottom: var(--rpdp1m-padding-bottom,var(--beae-card-padding)); padding-left: var(--rpdp1m-padding-left,var(--beae-card-padding)); border-width: var(--rpdp1m-borderWidth-tl,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-tr,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-br,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rpdp1m-borderRadius-tl,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-tr,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-br,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--rpdp1m-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--rpdp1m-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--rpdp1m-gap-tablet,var(--beae-card-gap)); padding-top: var(--rpdp1m-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rpdp1m-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rpdp1m-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rpdp1m-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rpdp1m-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rpdp1m-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--rpdp1m-gap-mobile,var(--beae-card-gap)); padding-top: var(--rpdp1m-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rpdp1m-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rpdp1m-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rpdp1m-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rpdp1m-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rpdp1m-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rpdp1m-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rpdp1m-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rpdp1m-background-color,var(--beae-card-featured-background)); border-color: var(--rpdp1m-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--rpdp1m-shadowHorizontal, var(--beae-card-shadow-x)) var(--rpdp1m-shadowVertical, var(--beae-card-shadow-y)) var(--rpdp1m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rpdp1m-shadowColor, var(--beae-card-featured-shadow-color)) var(--rpdp1m-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--rpdp1m-background-color,var(--beae-card-prod-background)); border-color: var(--rpdp1m-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--rpdp1m-shadowHorizontal, var(--beae-card-shadow-x)) var(--rpdp1m-shadowVertical, var(--beae-card-shadow-y)) var(--rpdp1m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rpdp1m-shadowColor, var(--beae-card-prod-shadow-color)) var(--rpdp1m-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--rpdp1m-background-color,var(--beae-card-pricing-background)); border-color: var(--rpdp1m-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--rpdp1m-shadowHorizontal, var(--beae-card-shadow-x)) var(--rpdp1m-shadowVertical, var(--beae-card-shadow-y)) var(--rpdp1m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rpdp1m-shadowColor, var(--beae-card-pricing-shadow-color)) var(--rpdp1m-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--rpdp1m-background-color,var(--beae-card-cta-background)); border-color: var(--rpdp1m-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--rpdp1m-shadowHorizontal, var(--beae-card-shadow-x)) var(--rpdp1m-shadowVertical, var(--beae-card-shadow-y)) var(--rpdp1m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rpdp1m-shadowColor, var(--beae-card-cta-shadow-color)) var(--rpdp1m-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-rpdp1m"] {     display: flex;     flex-direction: var(--rpdp1m-direction, column);     flex-wrap: nowrap;     justify-content: var(--rpdp1m-justify-content);     align-items: var(--rpdp1m-align-items);     gap: var(--rpdp1m-gap, var(--rpdp1m-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rpdp1m"] {                            gap: var(--rpdp1m-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rpdp1m-padding-right-tablet, 0px) - var(--rpdp1m-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rpdp1m"] {                            gap: var(--rpdp1m-gap-mobile, var(--rpdp1m-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rpdp1m-padding-right-mobile, 0px) - var(--rpdp1m-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-i25ijb"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #100D09; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --i25ijb-typography: h2; --i25ijb-typography-tablet: h2; --i25ijb-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-i25ijb"] { margin-top: var(--i25ijb-margin-top, 0px); margin-right: var(--i25ijb-margin-right, 0px); margin-bottom: var(--i25ijb-margin-bottom, 0px); margin-left: var(--i25ijb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i25ijb-margin-top-tablet, 0px); margin-right: var(--i25ijb-margin-right-tablet, 0px); margin-bottom: var(--i25ijb-margin-bottom-tablet, 0px); margin-left: var(--i25ijb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i25ijb-margin-top-mobile, 0px); margin-right: var(--i25ijb-margin-right-mobile, 0px); margin-bottom: var(--i25ijb-margin-bottom-mobile, 0px); margin-left: var(--i25ijb-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--i25ijb-highlightColor,var(--beae-p-color)); top: var(--i25ijb-highlightTop, 100%); } }[data-bnode="beae-a9cxbu"] { --a9cxbu-direction: row; --a9cxbu-direction-tablet: column; --a9cxbu-direction-mobile: column; --a9cxbu-structure: columns; --a9cxbu-structure-tablet: columns; --a9cxbu-structure-mobile: columns; --a9cxbu-gap: 20px; --a9cxbu-gap-tablet: 16px; --a9cxbu-gap-mobile: 16px; --a9cxbu-align-items: stretch; --a9cxbu-align-items-tablet: stretch; --a9cxbu-align-items-mobile: stretch; --a9cxbu-columns: 67.09,32.91; --a9cxbu-columns-tablet: 67.09,32.91; --a9cxbu-columns-mobile: 67.09,32.91; --a9cxbu-columnsPresetId: 67.50,32.50; --a9cxbu-columnsPresetId-tablet: 67.50,32.50; --a9cxbu-columnsPresetId-mobile: 67.50,32.50; }[data-bnode="beae-a9cxbu"] { padding-top: var(--a9cxbu-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--a9cxbu-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--a9cxbu-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--a9cxbu-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--a9cxbu-padding-top-tablet, var(--a9cxbu-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--a9cxbu-padding-right-tablet, var(--a9cxbu-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--a9cxbu-padding-bottom-tablet, var(--a9cxbu-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--a9cxbu-padding-left-tablet, var(--a9cxbu-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--a9cxbu-padding-top-mobile, var(--a9cxbu-padding-top-tablet, var(--a9cxbu-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--a9cxbu-padding-right-mobile, var(--a9cxbu-padding-right-tablet, var(--a9cxbu-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--a9cxbu-padding-bottom-mobile, var(--a9cxbu-padding-bottom-tablet, var(--a9cxbu-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--a9cxbu-padding-left-mobile, var(--a9cxbu-padding-left-tablet, var(--a9cxbu-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--a9cxbu-position, relative); top: var(--a9cxbu-top, auto); right: var(--a9cxbu-right, auto); bottom: var(--a9cxbu-bottom, auto); left: var(--a9cxbu-left, auto); transform: var(--a9cxbu-transform, none); z-index: var(--a9cxbu-z-index, 10); aspect-ratio: var(--a9cxbu-background-imageRatio, auto); background: var(--a9cxbu-background-color,transparent); border-style: var(--a9cxbu-borderStyle,solid); border-color: var(--a9cxbu-borderColor,#000000); border-width: var(--a9cxbu-borderWidth-tl,0px) var(--a9cxbu-borderWidth-tr,0px) var(--a9cxbu-borderWidth-br,0px) var(--a9cxbu-borderWidth-bl,0px); border-radius: var(--a9cxbu-borderRadius-tl,0px) var(--a9cxbu-borderRadius-tr,0px) var(--a9cxbu-borderRadius-br,0px) var(--a9cxbu-borderRadius-bl,0px); box-shadow: var(--a9cxbu-shadowHorizontal, 0px) var(--a9cxbu-shadowVertical, 0px) var(--a9cxbu-shadowBlur, 0px) 1px color-mix( in srgb, var(--a9cxbu-shadowColor, #000000) var(--a9cxbu-shadowTransparent, 0%), transparent ); max-width: var(--a9cxbu-max-width, 100%); width: 100%; height: if(style(--a9cxbu-position: absolute): var(--a9cxbu-height,100%); else: unset ); backdrop-filter:blur(var(--a9cxbu-background-blur, none)) saturate(var(--a9cxbu-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--a9cxbu-position-tablet, var(--a9cxbu-position, relative)); top: var(--a9cxbu-top-tablet, var(--a9cxbu-top, auto)); right: var(--a9cxbu-right-tablet, var(--a9cxbu-right, auto)); bottom: var(--a9cxbu-bottom-tablet, var(--a9cxbu-bottom, auto)); left: var(--a9cxbu-left-tablet, var(--a9cxbu-left, auto)); transform: var(--a9cxbu-transform-tablet, var(--a9cxbu-transform, none)); z-index: var(--a9cxbu-z-index-tablet, var(--a9cxbu-z-index, 10)); aspect-ratio: var(--a9cxbu-background-imageRatio-tablet, var(--a9cxbu-background-imageRatio, auto)); border-width: var(--a9cxbu-borderWidth-tl-tablet, var(--a9cxbu-borderWidth-tl,0px)) var(--a9cxbu-borderWidth-tr-tablet,var(--a9cxbu-borderWidth-tr,0px)) var(--a9cxbu-borderWidth-br-tablet,var(--a9cxbu-borderWidth-br,0px)) var(--a9cxbu-borderWidth-bl-tablet,var(--a9cxbu-borderWidth-bl,0px)); border-radius: var(--a9cxbu-borderRadius-tl-tablet,var(--a9cxbu-borderRadius-tl,0px)) var(--a9cxbu-borderRadius-tr-tablet,var(--a9cxbu-borderRadius-tr,0px)) var(--a9cxbu-borderRadius-br-tablet,var(--a9cxbu-borderRadius-br,0px)) var(--a9cxbu-borderRadius-bl-tablet,var(--a9cxbu-borderRadius-bl,0px)); max-width: var(--a9cxbu-max-width-tablet, var(--a9cxbu-max-width, 100%)); height: if(style(--a9cxbu-position-tablet: absolute): var(--a9cxbu-height-tablet,var(--a9cxbu-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--a9cxbu-position-mobile, var(--a9cxbu-position-tablet, var(--a9cxbu-position, relative))); top: var(--a9cxbu-top-mobile, var(--a9cxbu-top-tablet, var(--a9cxbu-top, auto))); right: var(--a9cxbu-right-mobile, var(--a9cxbu-right-tablet, var(--a9cxbu-right, auto))); bottom: var(--a9cxbu-bottom-mobile, var(--a9cxbu-bottom-tablet, var(--a9cxbu-bottom, auto))); left: var(--a9cxbu-left-mobile, var(--a9cxbu-left-tablet, var(--a9cxbu-left, auto))); transform: var(--a9cxbu-transform-mobile, var(--a9cxbu-transform-tablet, var(--a9cxbu-transform, none))); z-index: var(--a9cxbu-z-index-mobile, var(--a9cxbu-z-index-tablet, var(--a9cxbu-z-index, 10))); aspect-ratio: var(--a9cxbu-background-imageRatio-mobile, var(--a9cxbu-background-imageRatio, auto)); border-width: var(--a9cxbu-borderWidth-tl-mobile, var(--a9cxbu-borderWidth-tl,0px)) var(--a9cxbu-borderWidth-tr-mobile,var(--a9cxbu-borderWidth-tr,0px)) var(--a9cxbu-borderWidth-br-mobile,var(--a9cxbu-borderWidth-br,0px)) var(--a9cxbu-borderWidth-bl-mobile,var(--a9cxbu-borderWidth-bl,0px)); border-radius: var(--a9cxbu-borderRadius-tl-mobile,var(--a9cxbu-borderRadius-tl,0px)) var(--a9cxbu-borderRadius-tr-mobile,var(--a9cxbu-borderRadius-tr,0px)) var(--a9cxbu-borderRadius-br-mobile,var(--a9cxbu-borderRadius-br,0px)) var(--a9cxbu-borderRadius-bl-mobile,var(--a9cxbu-borderRadius-bl,0px)); max-width: var(--a9cxbu-max-width-mobile, var(--a9cxbu-max-width, 100%)); height: if(style(--a9cxbu-position-mobile: absolute): var(--a9cxbu-height-mobile,var(--a9cxbu-height-tablet,,var(--a9cxbu-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--a9cxbu-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--a9cxbu-gap,var(--beae-card-gap)); padding-top: var(--a9cxbu-padding-top,var(--beae-card-padding)); padding-right: var(--a9cxbu-padding-right,var(--beae-card-padding)); padding-bottom: var(--a9cxbu-padding-bottom,var(--beae-card-padding)); padding-left: var(--a9cxbu-padding-left,var(--beae-card-padding)); border-width: var(--a9cxbu-borderWidth-tl,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-tr,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-br,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--a9cxbu-borderRadius-tl,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-tr,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-br,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--a9cxbu-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--a9cxbu-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--a9cxbu-gap-tablet,var(--beae-card-gap)); padding-top: var(--a9cxbu-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--a9cxbu-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--a9cxbu-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--a9cxbu-padding-left-tablet,var(--beae-card-padding)); border-width: var(--a9cxbu-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-br-desktop,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--a9cxbu-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--a9cxbu-gap-mobile,var(--beae-card-gap)); padding-top: var(--a9cxbu-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--a9cxbu-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--a9cxbu-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--a9cxbu-padding-left-mobile,var(--beae-card-padding)); border-width: var(--a9cxbu-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-br-mobile,var(--beae-card-border-width)) var(--a9cxbu-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--a9cxbu-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--a9cxbu-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--a9cxbu-background-color,var(--beae-card-featured-background)); border-color: var(--a9cxbu-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--a9cxbu-shadowHorizontal, var(--beae-card-shadow-x)) var(--a9cxbu-shadowVertical, var(--beae-card-shadow-y)) var(--a9cxbu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a9cxbu-shadowColor, var(--beae-card-featured-shadow-color)) var(--a9cxbu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--a9cxbu-background-color,var(--beae-card-prod-background)); border-color: var(--a9cxbu-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--a9cxbu-shadowHorizontal, var(--beae-card-shadow-x)) var(--a9cxbu-shadowVertical, var(--beae-card-shadow-y)) var(--a9cxbu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a9cxbu-shadowColor, var(--beae-card-prod-shadow-color)) var(--a9cxbu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--a9cxbu-background-color,var(--beae-card-pricing-background)); border-color: var(--a9cxbu-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--a9cxbu-shadowHorizontal, var(--beae-card-shadow-x)) var(--a9cxbu-shadowVertical, var(--beae-card-shadow-y)) var(--a9cxbu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a9cxbu-shadowColor, var(--beae-card-pricing-shadow-color)) var(--a9cxbu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--a9cxbu-background-color,var(--beae-card-cta-background)); border-color: var(--a9cxbu-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--a9cxbu-shadowHorizontal, var(--beae-card-shadow-x)) var(--a9cxbu-shadowVertical, var(--beae-card-shadow-y)) var(--a9cxbu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a9cxbu-shadowColor, var(--beae-card-cta-shadow-color)) var(--a9cxbu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-a9cxbu"] {     display: flex;     flex-direction: var(--a9cxbu-direction, column);     flex-wrap: nowrap;     justify-content: var(--a9cxbu-justify-content);     align-items: var(--a9cxbu-align-items);     gap: var(--a9cxbu-gap, var(--a9cxbu-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(67.09% - var(--a9cxbu-padding-right, 0px) - var(--a9cxbu-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(32.91% - var(--a9cxbu-padding-right, 0px) - var(--a9cxbu-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--a9cxbu-padding-right, 0px) - var(--a9cxbu-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-a9cxbu"] {      flex-direction: var(--a9cxbu-direction-tablet, column);                      gap: var(--a9cxbu-gap-tablet, var(--a9cxbu-gap-tablet, var(--beae-slot-gap-tablet)));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-a9cxbu"] {      flex-direction: var(--a9cxbu-direction-mobile, column);                      gap: var(--a9cxbu-gap-mobile, var(--a9cxbu-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-w64w0h"] { --w64w0h-direction: row; --w64w0h-direction-tablet: row; --w64w0h-direction-mobile: column; --w64w0h-align-items: stretch; --w64w0h-align-items-tablet: stretch; --w64w0h-align-items-mobile: stretch; --w64w0h-structure: columns; --w64w0h-structure-tablet: columns; --w64w0h-structure-mobile: columns; --w64w0h-columns: 50.00,50.00; --w64w0h-columns-tablet: 50.00,50.00; --w64w0h-columns-mobile: 50.00,50.00; --w64w0h-columnsPresetId: 50.00,50.00; --w64w0h-columnsPresetId-tablet: 50.00,50.00; --w64w0h-columnsPresetId-mobile: 50.00,50.00; --w64w0h-gap: 20px; --w64w0h-gap-tablet: 16px; --w64w0h-gap-mobile: 16px; }[data-bnode="beae-w64w0h"] { padding-top: var(--w64w0h-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--w64w0h-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--w64w0h-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--w64w0h-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--w64w0h-padding-top-tablet, var(--w64w0h-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--w64w0h-padding-right-tablet, var(--w64w0h-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--w64w0h-padding-bottom-tablet, var(--w64w0h-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--w64w0h-padding-left-tablet, var(--w64w0h-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--w64w0h-padding-top-mobile, var(--w64w0h-padding-top-tablet, var(--w64w0h-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--w64w0h-padding-right-mobile, var(--w64w0h-padding-right-tablet, var(--w64w0h-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--w64w0h-padding-bottom-mobile, var(--w64w0h-padding-bottom-tablet, var(--w64w0h-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--w64w0h-padding-left-mobile, var(--w64w0h-padding-left-tablet, var(--w64w0h-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--w64w0h-position, relative); top: var(--w64w0h-top, auto); right: var(--w64w0h-right, auto); bottom: var(--w64w0h-bottom, auto); left: var(--w64w0h-left, auto); transform: var(--w64w0h-transform, none); z-index: var(--w64w0h-z-index, 10); aspect-ratio: var(--w64w0h-background-imageRatio, auto); background: var(--w64w0h-background-color,transparent); border-style: var(--w64w0h-borderStyle,solid); border-color: var(--w64w0h-borderColor,#000000); border-width: var(--w64w0h-borderWidth-tl,0px) var(--w64w0h-borderWidth-tr,0px) var(--w64w0h-borderWidth-br,0px) var(--w64w0h-borderWidth-bl,0px); border-radius: var(--w64w0h-borderRadius-tl,0px) var(--w64w0h-borderRadius-tr,0px) var(--w64w0h-borderRadius-br,0px) var(--w64w0h-borderRadius-bl,0px); box-shadow: var(--w64w0h-shadowHorizontal, 0px) var(--w64w0h-shadowVertical, 0px) var(--w64w0h-shadowBlur, 0px) 1px color-mix( in srgb, var(--w64w0h-shadowColor, #000000) var(--w64w0h-shadowTransparent, 0%), transparent ); max-width: var(--w64w0h-max-width, 100%); width: 100%; height: if(style(--w64w0h-position: absolute): var(--w64w0h-height,100%); else: unset ); backdrop-filter:blur(var(--w64w0h-background-blur, none)) saturate(var(--w64w0h-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--w64w0h-position-tablet, var(--w64w0h-position, relative)); top: var(--w64w0h-top-tablet, var(--w64w0h-top, auto)); right: var(--w64w0h-right-tablet, var(--w64w0h-right, auto)); bottom: var(--w64w0h-bottom-tablet, var(--w64w0h-bottom, auto)); left: var(--w64w0h-left-tablet, var(--w64w0h-left, auto)); transform: var(--w64w0h-transform-tablet, var(--w64w0h-transform, none)); z-index: var(--w64w0h-z-index-tablet, var(--w64w0h-z-index, 10)); aspect-ratio: var(--w64w0h-background-imageRatio-tablet, var(--w64w0h-background-imageRatio, auto)); border-width: var(--w64w0h-borderWidth-tl-tablet, var(--w64w0h-borderWidth-tl,0px)) var(--w64w0h-borderWidth-tr-tablet,var(--w64w0h-borderWidth-tr,0px)) var(--w64w0h-borderWidth-br-tablet,var(--w64w0h-borderWidth-br,0px)) var(--w64w0h-borderWidth-bl-tablet,var(--w64w0h-borderWidth-bl,0px)); border-radius: var(--w64w0h-borderRadius-tl-tablet,var(--w64w0h-borderRadius-tl,0px)) var(--w64w0h-borderRadius-tr-tablet,var(--w64w0h-borderRadius-tr,0px)) var(--w64w0h-borderRadius-br-tablet,var(--w64w0h-borderRadius-br,0px)) var(--w64w0h-borderRadius-bl-tablet,var(--w64w0h-borderRadius-bl,0px)); max-width: var(--w64w0h-max-width-tablet, var(--w64w0h-max-width, 100%)); height: if(style(--w64w0h-position-tablet: absolute): var(--w64w0h-height-tablet,var(--w64w0h-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--w64w0h-position-mobile, var(--w64w0h-position-tablet, var(--w64w0h-position, relative))); top: var(--w64w0h-top-mobile, var(--w64w0h-top-tablet, var(--w64w0h-top, auto))); right: var(--w64w0h-right-mobile, var(--w64w0h-right-tablet, var(--w64w0h-right, auto))); bottom: var(--w64w0h-bottom-mobile, var(--w64w0h-bottom-tablet, var(--w64w0h-bottom, auto))); left: var(--w64w0h-left-mobile, var(--w64w0h-left-tablet, var(--w64w0h-left, auto))); transform: var(--w64w0h-transform-mobile, var(--w64w0h-transform-tablet, var(--w64w0h-transform, none))); z-index: var(--w64w0h-z-index-mobile, var(--w64w0h-z-index-tablet, var(--w64w0h-z-index, 10))); aspect-ratio: var(--w64w0h-background-imageRatio-mobile, var(--w64w0h-background-imageRatio, auto)); border-width: var(--w64w0h-borderWidth-tl-mobile, var(--w64w0h-borderWidth-tl,0px)) var(--w64w0h-borderWidth-tr-mobile,var(--w64w0h-borderWidth-tr,0px)) var(--w64w0h-borderWidth-br-mobile,var(--w64w0h-borderWidth-br,0px)) var(--w64w0h-borderWidth-bl-mobile,var(--w64w0h-borderWidth-bl,0px)); border-radius: var(--w64w0h-borderRadius-tl-mobile,var(--w64w0h-borderRadius-tl,0px)) var(--w64w0h-borderRadius-tr-mobile,var(--w64w0h-borderRadius-tr,0px)) var(--w64w0h-borderRadius-br-mobile,var(--w64w0h-borderRadius-br,0px)) var(--w64w0h-borderRadius-bl-mobile,var(--w64w0h-borderRadius-bl,0px)); max-width: var(--w64w0h-max-width-mobile, var(--w64w0h-max-width, 100%)); height: if(style(--w64w0h-position-mobile: absolute): var(--w64w0h-height-mobile,var(--w64w0h-height-tablet,,var(--w64w0h-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--w64w0h-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--w64w0h-gap,var(--beae-card-gap)); padding-top: var(--w64w0h-padding-top,var(--beae-card-padding)); padding-right: var(--w64w0h-padding-right,var(--beae-card-padding)); padding-bottom: var(--w64w0h-padding-bottom,var(--beae-card-padding)); padding-left: var(--w64w0h-padding-left,var(--beae-card-padding)); border-width: var(--w64w0h-borderWidth-tl,var(--beae-card-border-width)) var(--w64w0h-borderWidth-tr,var(--beae-card-border-width)) var(--w64w0h-borderWidth-br,var(--beae-card-border-width)) var(--w64w0h-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--w64w0h-borderRadius-tl,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-tr,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-br,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--w64w0h-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--w64w0h-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--w64w0h-gap-tablet,var(--beae-card-gap)); padding-top: var(--w64w0h-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--w64w0h-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--w64w0h-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--w64w0h-padding-left-tablet,var(--beae-card-padding)); border-width: var(--w64w0h-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--w64w0h-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--w64w0h-borderWidth-br-desktop,var(--beae-card-border-width)) var(--w64w0h-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--w64w0h-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--w64w0h-gap-mobile,var(--beae-card-gap)); padding-top: var(--w64w0h-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--w64w0h-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--w64w0h-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--w64w0h-padding-left-mobile,var(--beae-card-padding)); border-width: var(--w64w0h-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--w64w0h-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--w64w0h-borderWidth-br-mobile,var(--beae-card-border-width)) var(--w64w0h-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--w64w0h-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--w64w0h-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--w64w0h-background-color,var(--beae-card-featured-background)); border-color: var(--w64w0h-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--w64w0h-shadowHorizontal, var(--beae-card-shadow-x)) var(--w64w0h-shadowVertical, var(--beae-card-shadow-y)) var(--w64w0h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w64w0h-shadowColor, var(--beae-card-featured-shadow-color)) var(--w64w0h-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--w64w0h-background-color,var(--beae-card-prod-background)); border-color: var(--w64w0h-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--w64w0h-shadowHorizontal, var(--beae-card-shadow-x)) var(--w64w0h-shadowVertical, var(--beae-card-shadow-y)) var(--w64w0h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w64w0h-shadowColor, var(--beae-card-prod-shadow-color)) var(--w64w0h-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--w64w0h-background-color,var(--beae-card-pricing-background)); border-color: var(--w64w0h-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--w64w0h-shadowHorizontal, var(--beae-card-shadow-x)) var(--w64w0h-shadowVertical, var(--beae-card-shadow-y)) var(--w64w0h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w64w0h-shadowColor, var(--beae-card-pricing-shadow-color)) var(--w64w0h-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--w64w0h-background-color,var(--beae-card-cta-background)); border-color: var(--w64w0h-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--w64w0h-shadowHorizontal, var(--beae-card-shadow-x)) var(--w64w0h-shadowVertical, var(--beae-card-shadow-y)) var(--w64w0h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w64w0h-shadowColor, var(--beae-card-cta-shadow-color)) var(--w64w0h-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-w64w0h"] {     display: flex;     flex-direction: var(--w64w0h-direction, column);     flex-wrap: nowrap;     justify-content: var(--w64w0h-justify-content);     align-items: var(--w64w0h-align-items);     gap: var(--w64w0h-gap, var(--w64w0h-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(--w64w0h-padding-right, 0px) - var(--w64w0h-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--w64w0h-padding-right, 0px) - var(--w64w0h-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--w64w0h-padding-right, 0px) - var(--w64w0h-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-w64w0h"] {                            gap: var(--w64w0h-gap-tablet, var(--w64w0h-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--w64w0h-padding-right-tablet, 0px) - var(--w64w0h-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-w64w0h"] {      flex-direction: var(--w64w0h-direction-mobile, column);                      gap: var(--w64w0h-gap-mobile, var(--w64w0h-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-i08jdb"] { --i08jdb-direction: column; --i08jdb-direction-tablet: column; --i08jdb-direction-mobile: column; --i08jdb-structure: auto; --i08jdb-structure-tablet: auto; --i08jdb-structure-mobile: auto; --i08jdb-borderRadius-tl: 16px; --i08jdb-borderRadius-tl-tablet: 16px; --i08jdb-borderRadius-tl-mobile: 16px; --i08jdb-borderRadius-tr: 16px; --i08jdb-borderRadius-tr-tablet: 16px; --i08jdb-borderRadius-tr-mobile: 16px; --i08jdb-borderRadius-bl: 16px; --i08jdb-borderRadius-bl-tablet: 16px; --i08jdb-borderRadius-bl-mobile: 16px; --i08jdb-borderRadius-br: 16px; --i08jdb-borderRadius-br-tablet: 16px; --i08jdb-borderRadius-br-mobile: 16px; --i08jdb-align-items: stretch; --i08jdb-align-items-tablet: stretch; --i08jdb-align-items-mobile: stretch; --i08jdb-justify-content: flex-end; --i08jdb-justify-content-tablet: flex-end; --i08jdb-justify-content-mobile: flex-end; }[data-bnode="beae-i08jdb"] { padding-top: var(--i08jdb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--i08jdb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--i08jdb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--i08jdb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--i08jdb-padding-top-tablet, var(--i08jdb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--i08jdb-padding-right-tablet, var(--i08jdb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--i08jdb-padding-bottom-tablet, var(--i08jdb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--i08jdb-padding-left-tablet, var(--i08jdb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--i08jdb-padding-top-mobile, var(--i08jdb-padding-top-tablet, var(--i08jdb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--i08jdb-padding-right-mobile, var(--i08jdb-padding-right-tablet, var(--i08jdb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--i08jdb-padding-bottom-mobile, var(--i08jdb-padding-bottom-tablet, var(--i08jdb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--i08jdb-padding-left-mobile, var(--i08jdb-padding-left-tablet, var(--i08jdb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--i08jdb-position, relative); top: var(--i08jdb-top, auto); right: var(--i08jdb-right, auto); bottom: var(--i08jdb-bottom, auto); left: var(--i08jdb-left, auto); transform: var(--i08jdb-transform, none); z-index: var(--i08jdb-z-index, 10); aspect-ratio: var(--i08jdb-background-imageRatio, auto); background: var(--i08jdb-background-color,transparent); border-style: var(--i08jdb-borderStyle,solid); border-color: var(--i08jdb-borderColor,#000000); border-width: var(--i08jdb-borderWidth-tl,0px) var(--i08jdb-borderWidth-tr,0px) var(--i08jdb-borderWidth-br,0px) var(--i08jdb-borderWidth-bl,0px); border-radius: var(--i08jdb-borderRadius-tl,0px) var(--i08jdb-borderRadius-tr,0px) var(--i08jdb-borderRadius-br,0px) var(--i08jdb-borderRadius-bl,0px); box-shadow: var(--i08jdb-shadowHorizontal, 0px) var(--i08jdb-shadowVertical, 0px) var(--i08jdb-shadowBlur, 0px) 1px color-mix( in srgb, var(--i08jdb-shadowColor, #000000) var(--i08jdb-shadowTransparent, 0%), transparent ); max-width: var(--i08jdb-max-width, 100%); width: 100%; height: if(style(--i08jdb-position: absolute): var(--i08jdb-height,100%); else: unset ); backdrop-filter:blur(var(--i08jdb-background-blur, none)) saturate(var(--i08jdb-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--i08jdb-position-tablet, var(--i08jdb-position, relative)); top: var(--i08jdb-top-tablet, var(--i08jdb-top, auto)); right: var(--i08jdb-right-tablet, var(--i08jdb-right, auto)); bottom: var(--i08jdb-bottom-tablet, var(--i08jdb-bottom, auto)); left: var(--i08jdb-left-tablet, var(--i08jdb-left, auto)); transform: var(--i08jdb-transform-tablet, var(--i08jdb-transform, none)); z-index: var(--i08jdb-z-index-tablet, var(--i08jdb-z-index, 10)); aspect-ratio: var(--i08jdb-background-imageRatio-tablet, var(--i08jdb-background-imageRatio, auto)); border-width: var(--i08jdb-borderWidth-tl-tablet, var(--i08jdb-borderWidth-tl,0px)) var(--i08jdb-borderWidth-tr-tablet,var(--i08jdb-borderWidth-tr,0px)) var(--i08jdb-borderWidth-br-tablet,var(--i08jdb-borderWidth-br,0px)) var(--i08jdb-borderWidth-bl-tablet,var(--i08jdb-borderWidth-bl,0px)); border-radius: var(--i08jdb-borderRadius-tl-tablet,var(--i08jdb-borderRadius-tl,0px)) var(--i08jdb-borderRadius-tr-tablet,var(--i08jdb-borderRadius-tr,0px)) var(--i08jdb-borderRadius-br-tablet,var(--i08jdb-borderRadius-br,0px)) var(--i08jdb-borderRadius-bl-tablet,var(--i08jdb-borderRadius-bl,0px)); max-width: var(--i08jdb-max-width-tablet, var(--i08jdb-max-width, 100%)); height: if(style(--i08jdb-position-tablet: absolute): var(--i08jdb-height-tablet,var(--i08jdb-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--i08jdb-position-mobile, var(--i08jdb-position-tablet, var(--i08jdb-position, relative))); top: var(--i08jdb-top-mobile, var(--i08jdb-top-tablet, var(--i08jdb-top, auto))); right: var(--i08jdb-right-mobile, var(--i08jdb-right-tablet, var(--i08jdb-right, auto))); bottom: var(--i08jdb-bottom-mobile, var(--i08jdb-bottom-tablet, var(--i08jdb-bottom, auto))); left: var(--i08jdb-left-mobile, var(--i08jdb-left-tablet, var(--i08jdb-left, auto))); transform: var(--i08jdb-transform-mobile, var(--i08jdb-transform-tablet, var(--i08jdb-transform, none))); z-index: var(--i08jdb-z-index-mobile, var(--i08jdb-z-index-tablet, var(--i08jdb-z-index, 10))); aspect-ratio: var(--i08jdb-background-imageRatio-mobile, var(--i08jdb-background-imageRatio, auto)); border-width: var(--i08jdb-borderWidth-tl-mobile, var(--i08jdb-borderWidth-tl,0px)) var(--i08jdb-borderWidth-tr-mobile,var(--i08jdb-borderWidth-tr,0px)) var(--i08jdb-borderWidth-br-mobile,var(--i08jdb-borderWidth-br,0px)) var(--i08jdb-borderWidth-bl-mobile,var(--i08jdb-borderWidth-bl,0px)); border-radius: var(--i08jdb-borderRadius-tl-mobile,var(--i08jdb-borderRadius-tl,0px)) var(--i08jdb-borderRadius-tr-mobile,var(--i08jdb-borderRadius-tr,0px)) var(--i08jdb-borderRadius-br-mobile,var(--i08jdb-borderRadius-br,0px)) var(--i08jdb-borderRadius-bl-mobile,var(--i08jdb-borderRadius-bl,0px)); max-width: var(--i08jdb-max-width-mobile, var(--i08jdb-max-width, 100%)); height: if(style(--i08jdb-position-mobile: absolute): var(--i08jdb-height-mobile,var(--i08jdb-height-tablet,,var(--i08jdb-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--i08jdb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--i08jdb-gap,var(--beae-card-gap)); padding-top: var(--i08jdb-padding-top,var(--beae-card-padding)); padding-right: var(--i08jdb-padding-right,var(--beae-card-padding)); padding-bottom: var(--i08jdb-padding-bottom,var(--beae-card-padding)); padding-left: var(--i08jdb-padding-left,var(--beae-card-padding)); border-width: var(--i08jdb-borderWidth-tl,var(--beae-card-border-width)) var(--i08jdb-borderWidth-tr,var(--beae-card-border-width)) var(--i08jdb-borderWidth-br,var(--beae-card-border-width)) var(--i08jdb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--i08jdb-borderRadius-tl,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-tr,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-br,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--i08jdb-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--i08jdb-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--i08jdb-gap-tablet,var(--beae-card-gap)); padding-top: var(--i08jdb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--i08jdb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--i08jdb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--i08jdb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--i08jdb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--i08jdb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--i08jdb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--i08jdb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--i08jdb-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--i08jdb-gap-mobile,var(--beae-card-gap)); padding-top: var(--i08jdb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--i08jdb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--i08jdb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--i08jdb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--i08jdb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--i08jdb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--i08jdb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--i08jdb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--i08jdb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--i08jdb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--i08jdb-background-color,var(--beae-card-featured-background)); border-color: var(--i08jdb-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--i08jdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--i08jdb-shadowVertical, var(--beae-card-shadow-y)) var(--i08jdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i08jdb-shadowColor, var(--beae-card-featured-shadow-color)) var(--i08jdb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--i08jdb-background-color,var(--beae-card-prod-background)); border-color: var(--i08jdb-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--i08jdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--i08jdb-shadowVertical, var(--beae-card-shadow-y)) var(--i08jdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i08jdb-shadowColor, var(--beae-card-prod-shadow-color)) var(--i08jdb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--i08jdb-background-color,var(--beae-card-pricing-background)); border-color: var(--i08jdb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--i08jdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--i08jdb-shadowVertical, var(--beae-card-shadow-y)) var(--i08jdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i08jdb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--i08jdb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--i08jdb-background-color,var(--beae-card-cta-background)); border-color: var(--i08jdb-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--i08jdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--i08jdb-shadowVertical, var(--beae-card-shadow-y)) var(--i08jdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i08jdb-shadowColor, var(--beae-card-cta-shadow-color)) var(--i08jdb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-i08jdb"] {     display: flex;     flex-direction: var(--i08jdb-direction, column);     flex-wrap: nowrap;     justify-content: var(--i08jdb-justify-content);     align-items: var(--i08jdb-align-items);     gap: var(--i08jdb-gap, var(--i08jdb-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-i08jdb"] {                            gap: var(--i08jdb-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--i08jdb-padding-right-tablet, 0px) - var(--i08jdb-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-i08jdb"] {                            gap: var(--i08jdb-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--i08jdb-padding-right-mobile, 0px) - var(--i08jdb-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-pe23h6"] { --pe23h6-width: 100%; --pe23h6-width-tablet: 100%; --pe23h6-width-mobile: 100%; --pe23h6-imageRatio: 3/4; --pe23h6-imageRatio-tablet: 3/4; --pe23h6-imageRatio-mobile: 1/1; --pe23h6-objFit: cover; --pe23h6-objFit-tablet: cover; --pe23h6-objFit-mobile: cover; --pe23h6-borderStyle: none; --pe23h6-borderStyle-tablet: none; --pe23h6-borderStyle-mobile: none; --pe23h6-borderRadius-tl: 16px; --pe23h6-borderRadius-tl-tablet: 16px; --pe23h6-borderRadius-tl-mobile: 16px; --pe23h6-borderRadius-tr: 16px; --pe23h6-borderRadius-tr-tablet: 16px; --pe23h6-borderRadius-tr-mobile: 16px; --pe23h6-borderRadius-bl: 16px; --pe23h6-borderRadius-bl-tablet: 16px; --pe23h6-borderRadius-bl-mobile: 16px; --pe23h6-borderRadius-br: 16px; --pe23h6-borderRadius-br-tablet: 16px; --pe23h6-borderRadius-br-mobile: 16px; }[data-bnode="beae-pe23h6"] { margin-top: var(--pe23h6-margin-top, 0px); margin-right: var(--pe23h6-margin-right, 0px); margin-bottom: var(--pe23h6-margin-bottom, 0px); margin-left: var(--pe23h6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pe23h6-margin-top-tablet, 0px); margin-right: var(--pe23h6-margin-right-tablet, 0px); margin-bottom: var(--pe23h6-margin-bottom-tablet, 0px); margin-left: var(--pe23h6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pe23h6-margin-top-mobile, 0px); margin-right: var(--pe23h6-margin-right-mobile, 0px); margin-bottom: var(--pe23h6-margin-bottom-mobile, 0px); margin-left: var(--pe23h6-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--pe23h6-width,100%) - var(--pe23h6-margin-left,0px) - var(--pe23h6-margin-right,0px)); min-height: min-content; border-color: var(--pe23h6-borderColor,var(--beae-card-media-border-color)); border-style: var(--pe23h6-borderStyle,solid); border-width: var(--pe23h6-borderWidth-tl,var(--beae-card-border-width)) var(--pe23h6-borderWidth-tr,var(--beae-card-border-width)) var(--pe23h6-borderWidth-br,var(--beae-card-border-width)) var(--pe23h6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pe23h6-borderRadius-tl,var(--beae-card-border-radius)) var(--pe23h6-borderRadius-tr,var(--beae-card-border-radius)) var(--pe23h6-borderRadius-br,var(--beae-card-border-radius)) var(--pe23h6-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--pe23h6-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--pe23h6-borderWidth-tl-tablet, var(--pe23h6-borderWidth-tl,var(--beae-card-border-width))) var(--pe23h6-borderWidth-tr-tablet, var(--pe23h6-borderWidth-tr,var(--beae-card-border-width))) var(--pe23h6-borderWidth-br-tablet, var(--pe23h6-borderWidth-br,var(--beae-card-border-width))) var(--pe23h6-borderWidth-bl-tablet, var(--pe23h6-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--pe23h6-borderRadius-tl-tablet, var(--pe23h6-borderRadius-tl,var(--beae-card-border-radius))) var(--pe23h6-borderRadius-tr-tablet, var(--pe23h6-borderRadius-tr,var(--beae-card-border-radius))) var(--pe23h6-borderRadius-br-tablet, var(--pe23h6-borderRadius-br,var(--beae-card-border-radius))) var(--pe23h6-borderRadius-bl-tablet, var(--pe23h6-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--pe23h6-borderWidth-tl-mobile, var(--pe23h6-borderWidth-tl,var(--beae-card-border-width))) var(--pe23h6-borderWidth-tr-mobile, var(--pe23h6-borderWidth-tr,var(--beae-card-border-width))) var(--pe23h6-borderWidth-br-mobile, var(--pe23h6-borderWidth-br,var(--beae-card-border-width))) var(--pe23h6-borderWidth-bl-mobile, var(--pe23h6-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--pe23h6-borderRadius-tl-mobile, var(--pe23h6-borderRadius-tl,var(--beae-card-border-radius))) var(--pe23h6-borderRadius-tr-mobile, var(--pe23h6-borderRadius-tr,var(--beae-card-border-radius))) var(--pe23h6-borderRadius-br-mobile, var(--pe23h6-borderRadius-br,var(--beae-card-border-radius))) var(--pe23h6-borderRadius-bl-mobile, var(--pe23h6-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--pe23h6-shadowHorizontal, var(--beae-card-shadow-x)) var(--pe23h6-shadowVertical, var(--beae-card-shadow-y)) var(--pe23h6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pe23h6-shadowColor, var(--beae-card-media-shadow-color)) var(--pe23h6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--pe23h6-overlayColor-color, #000); opacity: var(--pe23h6-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--pe23h6-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--pe23h6-width-tablet,var(--pe23h6-width,100%)) - var(--pe23h6-margin-left-tablet,var(--pe23h6-margin-left,0px)) - var(--pe23h6-margin-right-tablet,var(--pe23h6-margin-right,0px))); aspect-ratio: var(--pe23h6-imageRatio-tablet, var(--pe23h6-imageRatio, auto)); img { object-fit: var(--pe23h6-objFit-tablet, var(--pe23h6-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--pe23h6-width-mobile,var(--pe23h6-width,100%)) - var(--pe23h6-margin-left-mobile,var(--pe23h6-margin-left,0px)) - var(--pe23h6-margin-right-mobile,var(--pe23h6-margin-right,0px))); aspect-ratio: var(--pe23h6-imageRatio-mobile, var(--pe23h6-imageRatio, auto)); img { object-fit: var(--pe23h6-objFit-mobile, var(--pe23h6-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-a15okh"] { --a15okh-direction: column; --a15okh-direction-tablet: column; --a15okh-direction-mobile: column; --a15okh-structure: columns; --a15okh-structure-tablet: columns; --a15okh-structure-mobile: columns; --a15okh-align-items: stretch; --a15okh-align-items-tablet: stretch; --a15okh-align-items-mobile: stretch; --a15okh-padding-top: 10px; --a15okh-padding-top-tablet: 10px; --a15okh-padding-top-mobile: 10px; --a15okh-padding-right: 10px; --a15okh-padding-right-tablet: 10px; --a15okh-padding-right-mobile: 10px; --a15okh-padding-bottom: 10px; --a15okh-padding-bottom-tablet: 10px; --a15okh-padding-bottom-mobile: 10px; --a15okh-padding-left: 10px; --a15okh-padding-left-tablet: 10px; --a15okh-padding-left-mobile: 10px; --a15okh-gap: 4px; --a15okh-gap-tablet: 4px; --a15okh-gap-mobile: 4px; --a15okh-background-0: c; --a15okh-background-0-tablet: c; --a15okh-background-0-mobile: c; --a15okh-background-1: o; --a15okh-background-1-tablet: o; --a15okh-background-1-mobile: o; --a15okh-background-2: l; --a15okh-background-2-tablet: l; --a15okh-background-2-mobile: l; --a15okh-background-3: o; --a15okh-background-3-tablet: o; --a15okh-background-3-mobile: o; --a15okh-background-4: r; --a15okh-background-4-tablet: r; --a15okh-background-4-mobile: r; --a15okh-background-type: color; --a15okh-background-type-tablet: color; --a15okh-background-type-mobile: color; --a15okh-position: absolute; --a15okh-position-tablet: absolute; --a15okh-position-mobile: absolute; --a15okh-height: fit-content; --a15okh-height-tablet: fit-content; --a15okh-height-mobile: fit-content; }[data-bnode="beae-a15okh"] { padding-top: var(--a15okh-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--a15okh-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--a15okh-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--a15okh-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--a15okh-padding-top-tablet, var(--a15okh-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--a15okh-padding-right-tablet, var(--a15okh-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--a15okh-padding-bottom-tablet, var(--a15okh-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--a15okh-padding-left-tablet, var(--a15okh-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--a15okh-padding-top-mobile, var(--a15okh-padding-top-tablet, var(--a15okh-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--a15okh-padding-right-mobile, var(--a15okh-padding-right-tablet, var(--a15okh-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--a15okh-padding-bottom-mobile, var(--a15okh-padding-bottom-tablet, var(--a15okh-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--a15okh-padding-left-mobile, var(--a15okh-padding-left-tablet, var(--a15okh-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--a15okh-position, relative); top: var(--a15okh-top, auto); right: var(--a15okh-right, auto); bottom: var(--a15okh-bottom, auto); left: var(--a15okh-left, auto); transform: var(--a15okh-transform, none); z-index: var(--a15okh-z-index, 10); aspect-ratio: var(--a15okh-background-imageRatio, auto); background: var(--a15okh-background-color,transparent); border-style: var(--a15okh-borderStyle,solid); border-color: var(--a15okh-borderColor,#000000); border-width: var(--a15okh-borderWidth-tl,0px) var(--a15okh-borderWidth-tr,0px) var(--a15okh-borderWidth-br,0px) var(--a15okh-borderWidth-bl,0px); border-radius: var(--a15okh-borderRadius-tl,0px) var(--a15okh-borderRadius-tr,0px) var(--a15okh-borderRadius-br,0px) var(--a15okh-borderRadius-bl,0px); box-shadow: var(--a15okh-shadowHorizontal, 0px) var(--a15okh-shadowVertical, 0px) var(--a15okh-shadowBlur, 0px) 1px color-mix( in srgb, var(--a15okh-shadowColor, #000000) var(--a15okh-shadowTransparent, 0%), transparent ); max-width: var(--a15okh-max-width, 100%); width: 100%; height: if(style(--a15okh-position: absolute): var(--a15okh-height,100%); else: unset ); backdrop-filter:blur(var(--a15okh-background-blur, none)) saturate(var(--a15okh-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--a15okh-position-tablet, var(--a15okh-position, relative)); top: var(--a15okh-top-tablet, var(--a15okh-top, auto)); right: var(--a15okh-right-tablet, var(--a15okh-right, auto)); bottom: var(--a15okh-bottom-tablet, var(--a15okh-bottom, auto)); left: var(--a15okh-left-tablet, var(--a15okh-left, auto)); transform: var(--a15okh-transform-tablet, var(--a15okh-transform, none)); z-index: var(--a15okh-z-index-tablet, var(--a15okh-z-index, 10)); aspect-ratio: var(--a15okh-background-imageRatio-tablet, var(--a15okh-background-imageRatio, auto)); border-width: var(--a15okh-borderWidth-tl-tablet, var(--a15okh-borderWidth-tl,0px)) var(--a15okh-borderWidth-tr-tablet,var(--a15okh-borderWidth-tr,0px)) var(--a15okh-borderWidth-br-tablet,var(--a15okh-borderWidth-br,0px)) var(--a15okh-borderWidth-bl-tablet,var(--a15okh-borderWidth-bl,0px)); border-radius: var(--a15okh-borderRadius-tl-tablet,var(--a15okh-borderRadius-tl,0px)) var(--a15okh-borderRadius-tr-tablet,var(--a15okh-borderRadius-tr,0px)) var(--a15okh-borderRadius-br-tablet,var(--a15okh-borderRadius-br,0px)) var(--a15okh-borderRadius-bl-tablet,var(--a15okh-borderRadius-bl,0px)); max-width: var(--a15okh-max-width-tablet, var(--a15okh-max-width, 100%)); height: if(style(--a15okh-position-tablet: absolute): var(--a15okh-height-tablet,var(--a15okh-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--a15okh-position-mobile, var(--a15okh-position-tablet, var(--a15okh-position, relative))); top: var(--a15okh-top-mobile, var(--a15okh-top-tablet, var(--a15okh-top, auto))); right: var(--a15okh-right-mobile, var(--a15okh-right-tablet, var(--a15okh-right, auto))); bottom: var(--a15okh-bottom-mobile, var(--a15okh-bottom-tablet, var(--a15okh-bottom, auto))); left: var(--a15okh-left-mobile, var(--a15okh-left-tablet, var(--a15okh-left, auto))); transform: var(--a15okh-transform-mobile, var(--a15okh-transform-tablet, var(--a15okh-transform, none))); z-index: var(--a15okh-z-index-mobile, var(--a15okh-z-index-tablet, var(--a15okh-z-index, 10))); aspect-ratio: var(--a15okh-background-imageRatio-mobile, var(--a15okh-background-imageRatio, auto)); border-width: var(--a15okh-borderWidth-tl-mobile, var(--a15okh-borderWidth-tl,0px)) var(--a15okh-borderWidth-tr-mobile,var(--a15okh-borderWidth-tr,0px)) var(--a15okh-borderWidth-br-mobile,var(--a15okh-borderWidth-br,0px)) var(--a15okh-borderWidth-bl-mobile,var(--a15okh-borderWidth-bl,0px)); border-radius: var(--a15okh-borderRadius-tl-mobile,var(--a15okh-borderRadius-tl,0px)) var(--a15okh-borderRadius-tr-mobile,var(--a15okh-borderRadius-tr,0px)) var(--a15okh-borderRadius-br-mobile,var(--a15okh-borderRadius-br,0px)) var(--a15okh-borderRadius-bl-mobile,var(--a15okh-borderRadius-bl,0px)); max-width: var(--a15okh-max-width-mobile, var(--a15okh-max-width, 100%)); height: if(style(--a15okh-position-mobile: absolute): var(--a15okh-height-mobile,var(--a15okh-height-tablet,,var(--a15okh-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--a15okh-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--a15okh-gap,var(--beae-card-gap)); padding-top: var(--a15okh-padding-top,var(--beae-card-padding)); padding-right: var(--a15okh-padding-right,var(--beae-card-padding)); padding-bottom: var(--a15okh-padding-bottom,var(--beae-card-padding)); padding-left: var(--a15okh-padding-left,var(--beae-card-padding)); border-width: var(--a15okh-borderWidth-tl,var(--beae-card-border-width)) var(--a15okh-borderWidth-tr,var(--beae-card-border-width)) var(--a15okh-borderWidth-br,var(--beae-card-border-width)) var(--a15okh-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--a15okh-borderRadius-tl,var(--beae-card-border-radius)) var(--a15okh-borderRadius-tr,var(--beae-card-border-radius)) var(--a15okh-borderRadius-br,var(--beae-card-border-radius)) var(--a15okh-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--a15okh-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--a15okh-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--a15okh-gap-tablet,var(--beae-card-gap)); padding-top: var(--a15okh-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--a15okh-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--a15okh-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--a15okh-padding-left-tablet,var(--beae-card-padding)); border-width: var(--a15okh-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--a15okh-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--a15okh-borderWidth-br-desktop,var(--beae-card-border-width)) var(--a15okh-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--a15okh-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--a15okh-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--a15okh-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--a15okh-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--a15okh-gap-mobile,var(--beae-card-gap)); padding-top: var(--a15okh-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--a15okh-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--a15okh-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--a15okh-padding-left-mobile,var(--beae-card-padding)); border-width: var(--a15okh-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--a15okh-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--a15okh-borderWidth-br-mobile,var(--beae-card-border-width)) var(--a15okh-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--a15okh-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--a15okh-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--a15okh-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--a15okh-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--a15okh-background-color,var(--beae-card-featured-background)); border-color: var(--a15okh-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--a15okh-shadowHorizontal, var(--beae-card-shadow-x)) var(--a15okh-shadowVertical, var(--beae-card-shadow-y)) var(--a15okh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a15okh-shadowColor, var(--beae-card-featured-shadow-color)) var(--a15okh-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--a15okh-background-color,var(--beae-card-prod-background)); border-color: var(--a15okh-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--a15okh-shadowHorizontal, var(--beae-card-shadow-x)) var(--a15okh-shadowVertical, var(--beae-card-shadow-y)) var(--a15okh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a15okh-shadowColor, var(--beae-card-prod-shadow-color)) var(--a15okh-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--a15okh-background-color,var(--beae-card-pricing-background)); border-color: var(--a15okh-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--a15okh-shadowHorizontal, var(--beae-card-shadow-x)) var(--a15okh-shadowVertical, var(--beae-card-shadow-y)) var(--a15okh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a15okh-shadowColor, var(--beae-card-pricing-shadow-color)) var(--a15okh-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--a15okh-background-color,var(--beae-card-cta-background)); border-color: var(--a15okh-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--a15okh-shadowHorizontal, var(--beae-card-shadow-x)) var(--a15okh-shadowVertical, var(--beae-card-shadow-y)) var(--a15okh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a15okh-shadowColor, var(--beae-card-cta-shadow-color)) var(--a15okh-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-a15okh"] {     display: flex;     flex-direction: var(--a15okh-direction, column);     flex-wrap: nowrap;     justify-content: var(--a15okh-justify-content);     align-items: var(--a15okh-align-items);     gap: var(--a15okh-gap, var(--a15okh-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-a15okh"] {                            gap: var(--a15okh-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--a15okh-padding-right-tablet, 0px) - var(--a15okh-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-a15okh"] {                            gap: var(--a15okh-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--a15okh-padding-right-mobile, 0px) - var(--a15okh-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-muwkgf"] { --muwkgf-direction: column; --muwkgf-direction-tablet: column; --muwkgf-direction-mobile: column; --muwkgf-structure: columns; --muwkgf-structure-tablet: columns; --muwkgf-structure-mobile: columns; --muwkgf-gap: 4px; --muwkgf-gap-tablet: 4px; --muwkgf-gap-mobile: 4px; --muwkgf-padding-top: 16px; --muwkgf-padding-top-tablet: 16px; --muwkgf-padding-top-mobile: 16px; --muwkgf-padding-right: 24px; --muwkgf-padding-right-tablet: 24px; --muwkgf-padding-right-mobile: 24px; --muwkgf-padding-bottom: 16px; --muwkgf-padding-bottom-tablet: 16px; --muwkgf-padding-bottom-mobile: 16px; --muwkgf-padding-left: 24px; --muwkgf-padding-left-tablet: 24px; --muwkgf-padding-left-mobile: 24px; --muwkgf-background-0: c; --muwkgf-background-0-tablet: c; --muwkgf-background-0-mobile: c; --muwkgf-background-1: o; --muwkgf-background-1-tablet: o; --muwkgf-background-1-mobile: o; --muwkgf-background-2: l; --muwkgf-background-2-tablet: l; --muwkgf-background-2-mobile: l; --muwkgf-background-3: o; --muwkgf-background-3-tablet: o; --muwkgf-background-3-mobile: o; --muwkgf-background-4: r; --muwkgf-background-4-tablet: r; --muwkgf-background-4-mobile: r; --muwkgf-background-type: color; --muwkgf-background-type-tablet: color; --muwkgf-background-type-mobile: color; --muwkgf-background-color: #21212166; --muwkgf-background-color-tablet: #21212166; --muwkgf-background-color-mobile: #21212166; --muwkgf-borderRadius-tl: 8px; --muwkgf-borderRadius-tl-tablet: 8px; --muwkgf-borderRadius-tl-mobile: 8px; --muwkgf-borderRadius-tr: 8px; --muwkgf-borderRadius-tr-tablet: 8px; --muwkgf-borderRadius-tr-mobile: 8px; --muwkgf-borderRadius-bl: 8px; --muwkgf-borderRadius-bl-tablet: 8px; --muwkgf-borderRadius-bl-mobile: 8px; --muwkgf-borderRadius-br: 8px; --muwkgf-borderRadius-br-tablet: 8px; --muwkgf-borderRadius-br-mobile: 8px; --muwkgf-surface: accent; --muwkgf-surface-tablet: accent; --muwkgf-surface-mobile: accent; }[data-bnode="beae-muwkgf"] { padding-top: var(--muwkgf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--muwkgf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--muwkgf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--muwkgf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--muwkgf-padding-top-tablet, var(--muwkgf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--muwkgf-padding-right-tablet, var(--muwkgf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--muwkgf-padding-bottom-tablet, var(--muwkgf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--muwkgf-padding-left-tablet, var(--muwkgf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--muwkgf-padding-top-mobile, var(--muwkgf-padding-top-tablet, var(--muwkgf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--muwkgf-padding-right-mobile, var(--muwkgf-padding-right-tablet, var(--muwkgf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--muwkgf-padding-bottom-mobile, var(--muwkgf-padding-bottom-tablet, var(--muwkgf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--muwkgf-padding-left-mobile, var(--muwkgf-padding-left-tablet, var(--muwkgf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--muwkgf-position, relative); top: var(--muwkgf-top, auto); right: var(--muwkgf-right, auto); bottom: var(--muwkgf-bottom, auto); left: var(--muwkgf-left, auto); transform: var(--muwkgf-transform, none); z-index: var(--muwkgf-z-index, 10); aspect-ratio: var(--muwkgf-background-imageRatio, auto); background: var(--muwkgf-background-color,transparent); border-style: var(--muwkgf-borderStyle,solid); border-color: var(--muwkgf-borderColor,#000000); border-width: var(--muwkgf-borderWidth-tl,0px) var(--muwkgf-borderWidth-tr,0px) var(--muwkgf-borderWidth-br,0px) var(--muwkgf-borderWidth-bl,0px); border-radius: var(--muwkgf-borderRadius-tl,0px) var(--muwkgf-borderRadius-tr,0px) var(--muwkgf-borderRadius-br,0px) var(--muwkgf-borderRadius-bl,0px); box-shadow: var(--muwkgf-shadowHorizontal, 0px) var(--muwkgf-shadowVertical, 0px) var(--muwkgf-shadowBlur, 0px) 1px color-mix( in srgb, var(--muwkgf-shadowColor, #000000) var(--muwkgf-shadowTransparent, 0%), transparent ); max-width: var(--muwkgf-max-width, 100%); width: 100%; height: if(style(--muwkgf-position: absolute): var(--muwkgf-height,100%); else: unset ); backdrop-filter:blur(var(--muwkgf-background-blur, none)) saturate(var(--muwkgf-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--muwkgf-position-tablet, var(--muwkgf-position, relative)); top: var(--muwkgf-top-tablet, var(--muwkgf-top, auto)); right: var(--muwkgf-right-tablet, var(--muwkgf-right, auto)); bottom: var(--muwkgf-bottom-tablet, var(--muwkgf-bottom, auto)); left: var(--muwkgf-left-tablet, var(--muwkgf-left, auto)); transform: var(--muwkgf-transform-tablet, var(--muwkgf-transform, none)); z-index: var(--muwkgf-z-index-tablet, var(--muwkgf-z-index, 10)); aspect-ratio: var(--muwkgf-background-imageRatio-tablet, var(--muwkgf-background-imageRatio, auto)); border-width: var(--muwkgf-borderWidth-tl-tablet, var(--muwkgf-borderWidth-tl,0px)) var(--muwkgf-borderWidth-tr-tablet,var(--muwkgf-borderWidth-tr,0px)) var(--muwkgf-borderWidth-br-tablet,var(--muwkgf-borderWidth-br,0px)) var(--muwkgf-borderWidth-bl-tablet,var(--muwkgf-borderWidth-bl,0px)); border-radius: var(--muwkgf-borderRadius-tl-tablet,var(--muwkgf-borderRadius-tl,0px)) var(--muwkgf-borderRadius-tr-tablet,var(--muwkgf-borderRadius-tr,0px)) var(--muwkgf-borderRadius-br-tablet,var(--muwkgf-borderRadius-br,0px)) var(--muwkgf-borderRadius-bl-tablet,var(--muwkgf-borderRadius-bl,0px)); max-width: var(--muwkgf-max-width-tablet, var(--muwkgf-max-width, 100%)); height: if(style(--muwkgf-position-tablet: absolute): var(--muwkgf-height-tablet,var(--muwkgf-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--muwkgf-position-mobile, var(--muwkgf-position-tablet, var(--muwkgf-position, relative))); top: var(--muwkgf-top-mobile, var(--muwkgf-top-tablet, var(--muwkgf-top, auto))); right: var(--muwkgf-right-mobile, var(--muwkgf-right-tablet, var(--muwkgf-right, auto))); bottom: var(--muwkgf-bottom-mobile, var(--muwkgf-bottom-tablet, var(--muwkgf-bottom, auto))); left: var(--muwkgf-left-mobile, var(--muwkgf-left-tablet, var(--muwkgf-left, auto))); transform: var(--muwkgf-transform-mobile, var(--muwkgf-transform-tablet, var(--muwkgf-transform, none))); z-index: var(--muwkgf-z-index-mobile, var(--muwkgf-z-index-tablet, var(--muwkgf-z-index, 10))); aspect-ratio: var(--muwkgf-background-imageRatio-mobile, var(--muwkgf-background-imageRatio, auto)); border-width: var(--muwkgf-borderWidth-tl-mobile, var(--muwkgf-borderWidth-tl,0px)) var(--muwkgf-borderWidth-tr-mobile,var(--muwkgf-borderWidth-tr,0px)) var(--muwkgf-borderWidth-br-mobile,var(--muwkgf-borderWidth-br,0px)) var(--muwkgf-borderWidth-bl-mobile,var(--muwkgf-borderWidth-bl,0px)); border-radius: var(--muwkgf-borderRadius-tl-mobile,var(--muwkgf-borderRadius-tl,0px)) var(--muwkgf-borderRadius-tr-mobile,var(--muwkgf-borderRadius-tr,0px)) var(--muwkgf-borderRadius-br-mobile,var(--muwkgf-borderRadius-br,0px)) var(--muwkgf-borderRadius-bl-mobile,var(--muwkgf-borderRadius-bl,0px)); max-width: var(--muwkgf-max-width-mobile, var(--muwkgf-max-width, 100%)); height: if(style(--muwkgf-position-mobile: absolute): var(--muwkgf-height-mobile,var(--muwkgf-height-tablet,,var(--muwkgf-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--muwkgf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--muwkgf-gap,var(--beae-card-gap)); padding-top: var(--muwkgf-padding-top,var(--beae-card-padding)); padding-right: var(--muwkgf-padding-right,var(--beae-card-padding)); padding-bottom: var(--muwkgf-padding-bottom,var(--beae-card-padding)); padding-left: var(--muwkgf-padding-left,var(--beae-card-padding)); border-width: var(--muwkgf-borderWidth-tl,var(--beae-card-border-width)) var(--muwkgf-borderWidth-tr,var(--beae-card-border-width)) var(--muwkgf-borderWidth-br,var(--beae-card-border-width)) var(--muwkgf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--muwkgf-borderRadius-tl,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-tr,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-br,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--muwkgf-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--muwkgf-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--muwkgf-gap-tablet,var(--beae-card-gap)); padding-top: var(--muwkgf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--muwkgf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--muwkgf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--muwkgf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--muwkgf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--muwkgf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--muwkgf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--muwkgf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--muwkgf-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--muwkgf-gap-mobile,var(--beae-card-gap)); padding-top: var(--muwkgf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--muwkgf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--muwkgf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--muwkgf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--muwkgf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--muwkgf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--muwkgf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--muwkgf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--muwkgf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--muwkgf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--muwkgf-background-color,var(--beae-card-featured-background)); border-color: var(--muwkgf-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--muwkgf-shadowHorizontal, var(--beae-card-shadow-x)) var(--muwkgf-shadowVertical, var(--beae-card-shadow-y)) var(--muwkgf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--muwkgf-shadowColor, var(--beae-card-featured-shadow-color)) var(--muwkgf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--muwkgf-background-color,var(--beae-card-prod-background)); border-color: var(--muwkgf-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--muwkgf-shadowHorizontal, var(--beae-card-shadow-x)) var(--muwkgf-shadowVertical, var(--beae-card-shadow-y)) var(--muwkgf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--muwkgf-shadowColor, var(--beae-card-prod-shadow-color)) var(--muwkgf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--muwkgf-background-color,var(--beae-card-pricing-background)); border-color: var(--muwkgf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--muwkgf-shadowHorizontal, var(--beae-card-shadow-x)) var(--muwkgf-shadowVertical, var(--beae-card-shadow-y)) var(--muwkgf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--muwkgf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--muwkgf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--muwkgf-background-color,var(--beae-card-cta-background)); border-color: var(--muwkgf-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--muwkgf-shadowHorizontal, var(--beae-card-shadow-x)) var(--muwkgf-shadowVertical, var(--beae-card-shadow-y)) var(--muwkgf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--muwkgf-shadowColor, var(--beae-card-cta-shadow-color)) var(--muwkgf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-muwkgf"] {     display: flex;     flex-direction: var(--muwkgf-direction, column);     flex-wrap: nowrap;     justify-content: var(--muwkgf-justify-content);     align-items: var(--muwkgf-align-items);     gap: var(--muwkgf-gap, var(--muwkgf-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-muwkgf"] {                            gap: var(--muwkgf-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--muwkgf-padding-right-tablet, 0px) - var(--muwkgf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-muwkgf"] {                            gap: var(--muwkgf-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--muwkgf-padding-right-mobile, 0px) - var(--muwkgf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2a8lhz"] { --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #ffffff; --beae-h5-font-family: Inter; --beae-h5-font-weight: 700; --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: capitalize; --2a8lhz-typography: h5; --2a8lhz-typography-tablet: h5; --2a8lhz-typography-mobile: h5; --beae-h5-text-align: center; --2a8lhz-margin-top: 0px; --2a8lhz-margin-top-tablet: 0px; --2a8lhz-margin-top-mobile: 0px; --2a8lhz-margin-right: 0px; --2a8lhz-margin-right-tablet: 0px; --2a8lhz-margin-right-mobile: 0px; --2a8lhz-margin-bottom: 0px; --2a8lhz-margin-bottom-tablet: 0px; --2a8lhz-margin-bottom-mobile: 0px; --2a8lhz-margin-left: 0px; --2a8lhz-margin-left-tablet: 0px; --2a8lhz-margin-left-mobile: 0px; }[data-bnode="beae-2a8lhz"] { margin-top: var(--2a8lhz-margin-top, 0px); margin-right: var(--2a8lhz-margin-right, 0px); margin-bottom: var(--2a8lhz-margin-bottom, 0px); margin-left: var(--2a8lhz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2a8lhz-margin-top-tablet, 0px); margin-right: var(--2a8lhz-margin-right-tablet, 0px); margin-bottom: var(--2a8lhz-margin-bottom-tablet, 0px); margin-left: var(--2a8lhz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2a8lhz-margin-top-mobile, 0px); margin-right: var(--2a8lhz-margin-right-mobile, 0px); margin-bottom: var(--2a8lhz-margin-bottom-mobile, 0px); margin-left: var(--2a8lhz-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--2a8lhz-highlightColor,var(--beae-p-color)); top: var(--2a8lhz-highlightTop, 100%); } }[data-bnode="beae-cbmryn"] { --beae-p-font-size: NaNpx; --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: NaNpx; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --cbmryn-typography: p; --cbmryn-typography-tablet: p; --cbmryn-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-cbmryn"] { margin-top: var(--cbmryn-margin-top, 0px); margin-right: var(--cbmryn-margin-right, 0px); margin-bottom: var(--cbmryn-margin-bottom, 0px); margin-left: var(--cbmryn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cbmryn-margin-top-tablet, 0px); margin-right: var(--cbmryn-margin-right-tablet, 0px); margin-bottom: var(--cbmryn-margin-bottom-tablet, 0px); margin-left: var(--cbmryn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cbmryn-margin-top-mobile, 0px); margin-right: var(--cbmryn-margin-right-mobile, 0px); margin-bottom: var(--cbmryn-margin-bottom-mobile, 0px); margin-left: var(--cbmryn-margin-left-mobile, 0px); } }[data-bnode="beae-wy7eoz"] { --wy7eoz-direction: column; --wy7eoz-direction-tablet: column; --wy7eoz-direction-mobile: column; --wy7eoz-structure: columns; --wy7eoz-structure-tablet: columns; --wy7eoz-structure-mobile: columns; --wy7eoz-borderRadius-tl: 16px; --wy7eoz-borderRadius-tl-tablet: 16px; --wy7eoz-borderRadius-tl-mobile: 16px; --wy7eoz-borderRadius-tr: 16px; --wy7eoz-borderRadius-tr-tablet: 16px; --wy7eoz-borderRadius-tr-mobile: 16px; --wy7eoz-borderRadius-bl: 16px; --wy7eoz-borderRadius-bl-tablet: 16px; --wy7eoz-borderRadius-bl-mobile: 16px; --wy7eoz-borderRadius-br: 16px; --wy7eoz-borderRadius-br-tablet: 16px; --wy7eoz-borderRadius-br-mobile: 16px; --wy7eoz-align-items: stretch; --wy7eoz-align-items-tablet: stretch; --wy7eoz-align-items-mobile: stretch; --wy7eoz-justify-content: flex-end; --wy7eoz-justify-content-tablet: flex-end; --wy7eoz-justify-content-mobile: flex-end; }[data-bnode="beae-wy7eoz"] { padding-top: var(--wy7eoz-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--wy7eoz-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--wy7eoz-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--wy7eoz-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wy7eoz-padding-top-tablet, var(--wy7eoz-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--wy7eoz-padding-right-tablet, var(--wy7eoz-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--wy7eoz-padding-bottom-tablet, var(--wy7eoz-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--wy7eoz-padding-left-tablet, var(--wy7eoz-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--wy7eoz-padding-top-mobile, var(--wy7eoz-padding-top-tablet, var(--wy7eoz-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--wy7eoz-padding-right-mobile, var(--wy7eoz-padding-right-tablet, var(--wy7eoz-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--wy7eoz-padding-bottom-mobile, var(--wy7eoz-padding-bottom-tablet, var(--wy7eoz-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--wy7eoz-padding-left-mobile, var(--wy7eoz-padding-left-tablet, var(--wy7eoz-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--wy7eoz-position, relative); top: var(--wy7eoz-top, auto); right: var(--wy7eoz-right, auto); bottom: var(--wy7eoz-bottom, auto); left: var(--wy7eoz-left, auto); transform: var(--wy7eoz-transform, none); z-index: var(--wy7eoz-z-index, 10); aspect-ratio: var(--wy7eoz-background-imageRatio, auto); background: var(--wy7eoz-background-color,transparent); border-style: var(--wy7eoz-borderStyle,solid); border-color: var(--wy7eoz-borderColor,#000000); border-width: var(--wy7eoz-borderWidth-tl,0px) var(--wy7eoz-borderWidth-tr,0px) var(--wy7eoz-borderWidth-br,0px) var(--wy7eoz-borderWidth-bl,0px); border-radius: var(--wy7eoz-borderRadius-tl,0px) var(--wy7eoz-borderRadius-tr,0px) var(--wy7eoz-borderRadius-br,0px) var(--wy7eoz-borderRadius-bl,0px); box-shadow: var(--wy7eoz-shadowHorizontal, 0px) var(--wy7eoz-shadowVertical, 0px) var(--wy7eoz-shadowBlur, 0px) 1px color-mix( in srgb, var(--wy7eoz-shadowColor, #000000) var(--wy7eoz-shadowTransparent, 0%), transparent ); max-width: var(--wy7eoz-max-width, 100%); width: 100%; height: if(style(--wy7eoz-position: absolute): var(--wy7eoz-height,100%); else: unset ); backdrop-filter:blur(var(--wy7eoz-background-blur, none)) saturate(var(--wy7eoz-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--wy7eoz-position-tablet, var(--wy7eoz-position, relative)); top: var(--wy7eoz-top-tablet, var(--wy7eoz-top, auto)); right: var(--wy7eoz-right-tablet, var(--wy7eoz-right, auto)); bottom: var(--wy7eoz-bottom-tablet, var(--wy7eoz-bottom, auto)); left: var(--wy7eoz-left-tablet, var(--wy7eoz-left, auto)); transform: var(--wy7eoz-transform-tablet, var(--wy7eoz-transform, none)); z-index: var(--wy7eoz-z-index-tablet, var(--wy7eoz-z-index, 10)); aspect-ratio: var(--wy7eoz-background-imageRatio-tablet, var(--wy7eoz-background-imageRatio, auto)); border-width: var(--wy7eoz-borderWidth-tl-tablet, var(--wy7eoz-borderWidth-tl,0px)) var(--wy7eoz-borderWidth-tr-tablet,var(--wy7eoz-borderWidth-tr,0px)) var(--wy7eoz-borderWidth-br-tablet,var(--wy7eoz-borderWidth-br,0px)) var(--wy7eoz-borderWidth-bl-tablet,var(--wy7eoz-borderWidth-bl,0px)); border-radius: var(--wy7eoz-borderRadius-tl-tablet,var(--wy7eoz-borderRadius-tl,0px)) var(--wy7eoz-borderRadius-tr-tablet,var(--wy7eoz-borderRadius-tr,0px)) var(--wy7eoz-borderRadius-br-tablet,var(--wy7eoz-borderRadius-br,0px)) var(--wy7eoz-borderRadius-bl-tablet,var(--wy7eoz-borderRadius-bl,0px)); max-width: var(--wy7eoz-max-width-tablet, var(--wy7eoz-max-width, 100%)); height: if(style(--wy7eoz-position-tablet: absolute): var(--wy7eoz-height-tablet,var(--wy7eoz-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--wy7eoz-position-mobile, var(--wy7eoz-position-tablet, var(--wy7eoz-position, relative))); top: var(--wy7eoz-top-mobile, var(--wy7eoz-top-tablet, var(--wy7eoz-top, auto))); right: var(--wy7eoz-right-mobile, var(--wy7eoz-right-tablet, var(--wy7eoz-right, auto))); bottom: var(--wy7eoz-bottom-mobile, var(--wy7eoz-bottom-tablet, var(--wy7eoz-bottom, auto))); left: var(--wy7eoz-left-mobile, var(--wy7eoz-left-tablet, var(--wy7eoz-left, auto))); transform: var(--wy7eoz-transform-mobile, var(--wy7eoz-transform-tablet, var(--wy7eoz-transform, none))); z-index: var(--wy7eoz-z-index-mobile, var(--wy7eoz-z-index-tablet, var(--wy7eoz-z-index, 10))); aspect-ratio: var(--wy7eoz-background-imageRatio-mobile, var(--wy7eoz-background-imageRatio, auto)); border-width: var(--wy7eoz-borderWidth-tl-mobile, var(--wy7eoz-borderWidth-tl,0px)) var(--wy7eoz-borderWidth-tr-mobile,var(--wy7eoz-borderWidth-tr,0px)) var(--wy7eoz-borderWidth-br-mobile,var(--wy7eoz-borderWidth-br,0px)) var(--wy7eoz-borderWidth-bl-mobile,var(--wy7eoz-borderWidth-bl,0px)); border-radius: var(--wy7eoz-borderRadius-tl-mobile,var(--wy7eoz-borderRadius-tl,0px)) var(--wy7eoz-borderRadius-tr-mobile,var(--wy7eoz-borderRadius-tr,0px)) var(--wy7eoz-borderRadius-br-mobile,var(--wy7eoz-borderRadius-br,0px)) var(--wy7eoz-borderRadius-bl-mobile,var(--wy7eoz-borderRadius-bl,0px)); max-width: var(--wy7eoz-max-width-mobile, var(--wy7eoz-max-width, 100%)); height: if(style(--wy7eoz-position-mobile: absolute): var(--wy7eoz-height-mobile,var(--wy7eoz-height-tablet,,var(--wy7eoz-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--wy7eoz-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--wy7eoz-gap,var(--beae-card-gap)); padding-top: var(--wy7eoz-padding-top,var(--beae-card-padding)); padding-right: var(--wy7eoz-padding-right,var(--beae-card-padding)); padding-bottom: var(--wy7eoz-padding-bottom,var(--beae-card-padding)); padding-left: var(--wy7eoz-padding-left,var(--beae-card-padding)); border-width: var(--wy7eoz-borderWidth-tl,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-tr,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-br,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--wy7eoz-borderRadius-tl,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-tr,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-br,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--wy7eoz-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--wy7eoz-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--wy7eoz-gap-tablet,var(--beae-card-gap)); padding-top: var(--wy7eoz-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--wy7eoz-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--wy7eoz-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--wy7eoz-padding-left-tablet,var(--beae-card-padding)); border-width: var(--wy7eoz-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-br-desktop,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--wy7eoz-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--wy7eoz-gap-mobile,var(--beae-card-gap)); padding-top: var(--wy7eoz-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--wy7eoz-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--wy7eoz-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--wy7eoz-padding-left-mobile,var(--beae-card-padding)); border-width: var(--wy7eoz-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-br-mobile,var(--beae-card-border-width)) var(--wy7eoz-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--wy7eoz-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--wy7eoz-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--wy7eoz-background-color,var(--beae-card-featured-background)); border-color: var(--wy7eoz-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--wy7eoz-shadowHorizontal, var(--beae-card-shadow-x)) var(--wy7eoz-shadowVertical, var(--beae-card-shadow-y)) var(--wy7eoz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wy7eoz-shadowColor, var(--beae-card-featured-shadow-color)) var(--wy7eoz-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--wy7eoz-background-color,var(--beae-card-prod-background)); border-color: var(--wy7eoz-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--wy7eoz-shadowHorizontal, var(--beae-card-shadow-x)) var(--wy7eoz-shadowVertical, var(--beae-card-shadow-y)) var(--wy7eoz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wy7eoz-shadowColor, var(--beae-card-prod-shadow-color)) var(--wy7eoz-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--wy7eoz-background-color,var(--beae-card-pricing-background)); border-color: var(--wy7eoz-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--wy7eoz-shadowHorizontal, var(--beae-card-shadow-x)) var(--wy7eoz-shadowVertical, var(--beae-card-shadow-y)) var(--wy7eoz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wy7eoz-shadowColor, var(--beae-card-pricing-shadow-color)) var(--wy7eoz-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--wy7eoz-background-color,var(--beae-card-cta-background)); border-color: var(--wy7eoz-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--wy7eoz-shadowHorizontal, var(--beae-card-shadow-x)) var(--wy7eoz-shadowVertical, var(--beae-card-shadow-y)) var(--wy7eoz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wy7eoz-shadowColor, var(--beae-card-cta-shadow-color)) var(--wy7eoz-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-wy7eoz"] {     display: flex;     flex-direction: var(--wy7eoz-direction, column);     flex-wrap: nowrap;     justify-content: var(--wy7eoz-justify-content);     align-items: var(--wy7eoz-align-items);     gap: var(--wy7eoz-gap, var(--wy7eoz-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wy7eoz"] {                            gap: var(--wy7eoz-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--wy7eoz-padding-right-tablet, 0px) - var(--wy7eoz-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-wy7eoz"] {                            gap: var(--wy7eoz-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--wy7eoz-padding-right-mobile, 0px) - var(--wy7eoz-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-3yshfj"] { --3yshfj-width: 100%; --3yshfj-width-tablet: 100%; --3yshfj-width-mobile: 100%; --3yshfj-imageRatio: 3/4; --3yshfj-imageRatio-tablet: 3/4; --3yshfj-imageRatio-mobile: 1/1; --3yshfj-objFit: cover; --3yshfj-objFit-tablet: cover; --3yshfj-objFit-mobile: cover; --3yshfj-borderStyle: none; --3yshfj-borderStyle-tablet: none; --3yshfj-borderStyle-mobile: none; --3yshfj-borderRadius-tl: 16px; --3yshfj-borderRadius-tl-tablet: 16px; --3yshfj-borderRadius-tl-mobile: 16px; --3yshfj-borderRadius-tr: 16px; --3yshfj-borderRadius-tr-tablet: 16px; --3yshfj-borderRadius-tr-mobile: 16px; --3yshfj-borderRadius-bl: 16px; --3yshfj-borderRadius-bl-tablet: 16px; --3yshfj-borderRadius-bl-mobile: 16px; --3yshfj-borderRadius-br: 16px; --3yshfj-borderRadius-br-tablet: 16px; --3yshfj-borderRadius-br-mobile: 16px; }[data-bnode="beae-3yshfj"] { margin-top: var(--3yshfj-margin-top, 0px); margin-right: var(--3yshfj-margin-right, 0px); margin-bottom: var(--3yshfj-margin-bottom, 0px); margin-left: var(--3yshfj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3yshfj-margin-top-tablet, 0px); margin-right: var(--3yshfj-margin-right-tablet, 0px); margin-bottom: var(--3yshfj-margin-bottom-tablet, 0px); margin-left: var(--3yshfj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3yshfj-margin-top-mobile, 0px); margin-right: var(--3yshfj-margin-right-mobile, 0px); margin-bottom: var(--3yshfj-margin-bottom-mobile, 0px); margin-left: var(--3yshfj-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--3yshfj-width,100%) - var(--3yshfj-margin-left,0px) - var(--3yshfj-margin-right,0px)); min-height: min-content; border-color: var(--3yshfj-borderColor,var(--beae-card-media-border-color)); border-style: var(--3yshfj-borderStyle,solid); border-width: var(--3yshfj-borderWidth-tl,var(--beae-card-border-width)) var(--3yshfj-borderWidth-tr,var(--beae-card-border-width)) var(--3yshfj-borderWidth-br,var(--beae-card-border-width)) var(--3yshfj-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--3yshfj-borderRadius-tl,var(--beae-card-border-radius)) var(--3yshfj-borderRadius-tr,var(--beae-card-border-radius)) var(--3yshfj-borderRadius-br,var(--beae-card-border-radius)) var(--3yshfj-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--3yshfj-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--3yshfj-borderWidth-tl-tablet, var(--3yshfj-borderWidth-tl,var(--beae-card-border-width))) var(--3yshfj-borderWidth-tr-tablet, var(--3yshfj-borderWidth-tr,var(--beae-card-border-width))) var(--3yshfj-borderWidth-br-tablet, var(--3yshfj-borderWidth-br,var(--beae-card-border-width))) var(--3yshfj-borderWidth-bl-tablet, var(--3yshfj-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--3yshfj-borderRadius-tl-tablet, var(--3yshfj-borderRadius-tl,var(--beae-card-border-radius))) var(--3yshfj-borderRadius-tr-tablet, var(--3yshfj-borderRadius-tr,var(--beae-card-border-radius))) var(--3yshfj-borderRadius-br-tablet, var(--3yshfj-borderRadius-br,var(--beae-card-border-radius))) var(--3yshfj-borderRadius-bl-tablet, var(--3yshfj-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--3yshfj-borderWidth-tl-mobile, var(--3yshfj-borderWidth-tl,var(--beae-card-border-width))) var(--3yshfj-borderWidth-tr-mobile, var(--3yshfj-borderWidth-tr,var(--beae-card-border-width))) var(--3yshfj-borderWidth-br-mobile, var(--3yshfj-borderWidth-br,var(--beae-card-border-width))) var(--3yshfj-borderWidth-bl-mobile, var(--3yshfj-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--3yshfj-borderRadius-tl-mobile, var(--3yshfj-borderRadius-tl,var(--beae-card-border-radius))) var(--3yshfj-borderRadius-tr-mobile, var(--3yshfj-borderRadius-tr,var(--beae-card-border-radius))) var(--3yshfj-borderRadius-br-mobile, var(--3yshfj-borderRadius-br,var(--beae-card-border-radius))) var(--3yshfj-borderRadius-bl-mobile, var(--3yshfj-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--3yshfj-shadowHorizontal, var(--beae-card-shadow-x)) var(--3yshfj-shadowVertical, var(--beae-card-shadow-y)) var(--3yshfj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3yshfj-shadowColor, var(--beae-card-media-shadow-color)) var(--3yshfj-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--3yshfj-overlayColor-color, #000); opacity: var(--3yshfj-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--3yshfj-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--3yshfj-width-tablet,var(--3yshfj-width,100%)) - var(--3yshfj-margin-left-tablet,var(--3yshfj-margin-left,0px)) - var(--3yshfj-margin-right-tablet,var(--3yshfj-margin-right,0px))); aspect-ratio: var(--3yshfj-imageRatio-tablet, var(--3yshfj-imageRatio, auto)); img { object-fit: var(--3yshfj-objFit-tablet, var(--3yshfj-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--3yshfj-width-mobile,var(--3yshfj-width,100%)) - var(--3yshfj-margin-left-mobile,var(--3yshfj-margin-left,0px)) - var(--3yshfj-margin-right-mobile,var(--3yshfj-margin-right,0px))); aspect-ratio: var(--3yshfj-imageRatio-mobile, var(--3yshfj-imageRatio, auto)); img { object-fit: var(--3yshfj-objFit-mobile, var(--3yshfj-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-pd3ww9"] { --pd3ww9-direction: column; --pd3ww9-direction-tablet: column; --pd3ww9-direction-mobile: column; --pd3ww9-structure: columns; --pd3ww9-structure-tablet: columns; --pd3ww9-structure-mobile: columns; --pd3ww9-align-items: stretch; --pd3ww9-align-items-tablet: stretch; --pd3ww9-align-items-mobile: stretch; --pd3ww9-padding-top: 10px; --pd3ww9-padding-top-tablet: 10px; --pd3ww9-padding-top-mobile: 10px; --pd3ww9-padding-right: 10px; --pd3ww9-padding-right-tablet: 10px; --pd3ww9-padding-right-mobile: 10px; --pd3ww9-padding-bottom: 10px; --pd3ww9-padding-bottom-tablet: 10px; --pd3ww9-padding-bottom-mobile: 10px; --pd3ww9-padding-left: 10px; --pd3ww9-padding-left-tablet: 10px; --pd3ww9-padding-left-mobile: 10px; --pd3ww9-gap: 4px; --pd3ww9-gap-tablet: 4px; --pd3ww9-gap-mobile: 4px; --pd3ww9-background-0: c; --pd3ww9-background-0-tablet: c; --pd3ww9-background-0-mobile: c; --pd3ww9-background-1: o; --pd3ww9-background-1-tablet: o; --pd3ww9-background-1-mobile: o; --pd3ww9-background-2: l; --pd3ww9-background-2-tablet: l; --pd3ww9-background-2-mobile: l; --pd3ww9-background-3: o; --pd3ww9-background-3-tablet: o; --pd3ww9-background-3-mobile: o; --pd3ww9-background-4: r; --pd3ww9-background-4-tablet: r; --pd3ww9-background-4-mobile: r; --pd3ww9-background-type: color; --pd3ww9-background-type-tablet: color; --pd3ww9-background-type-mobile: color; --pd3ww9-position: absolute; --pd3ww9-position-tablet: absolute; --pd3ww9-position-mobile: absolute; --pd3ww9-height: fit-content; --pd3ww9-height-tablet: fit-content; --pd3ww9-height-mobile: fit-content; }[data-bnode="beae-pd3ww9"] { padding-top: var(--pd3ww9-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pd3ww9-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pd3ww9-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pd3ww9-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pd3ww9-padding-top-tablet, var(--pd3ww9-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pd3ww9-padding-right-tablet, var(--pd3ww9-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pd3ww9-padding-bottom-tablet, var(--pd3ww9-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pd3ww9-padding-left-tablet, var(--pd3ww9-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pd3ww9-padding-top-mobile, var(--pd3ww9-padding-top-tablet, var(--pd3ww9-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pd3ww9-padding-right-mobile, var(--pd3ww9-padding-right-tablet, var(--pd3ww9-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pd3ww9-padding-bottom-mobile, var(--pd3ww9-padding-bottom-tablet, var(--pd3ww9-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pd3ww9-padding-left-mobile, var(--pd3ww9-padding-left-tablet, var(--pd3ww9-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--pd3ww9-position, relative); top: var(--pd3ww9-top, auto); right: var(--pd3ww9-right, auto); bottom: var(--pd3ww9-bottom, auto); left: var(--pd3ww9-left, auto); transform: var(--pd3ww9-transform, none); z-index: var(--pd3ww9-z-index, 10); aspect-ratio: var(--pd3ww9-background-imageRatio, auto); background: var(--pd3ww9-background-color,transparent); border-style: var(--pd3ww9-borderStyle,solid); border-color: var(--pd3ww9-borderColor,#000000); border-width: var(--pd3ww9-borderWidth-tl,0px) var(--pd3ww9-borderWidth-tr,0px) var(--pd3ww9-borderWidth-br,0px) var(--pd3ww9-borderWidth-bl,0px); border-radius: var(--pd3ww9-borderRadius-tl,0px) var(--pd3ww9-borderRadius-tr,0px) var(--pd3ww9-borderRadius-br,0px) var(--pd3ww9-borderRadius-bl,0px); box-shadow: var(--pd3ww9-shadowHorizontal, 0px) var(--pd3ww9-shadowVertical, 0px) var(--pd3ww9-shadowBlur, 0px) 1px color-mix( in srgb, var(--pd3ww9-shadowColor, #000000) var(--pd3ww9-shadowTransparent, 0%), transparent ); max-width: var(--pd3ww9-max-width, 100%); width: 100%; height: if(style(--pd3ww9-position: absolute): var(--pd3ww9-height,100%); else: unset ); backdrop-filter:blur(var(--pd3ww9-background-blur, none)) saturate(var(--pd3ww9-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--pd3ww9-position-tablet, var(--pd3ww9-position, relative)); top: var(--pd3ww9-top-tablet, var(--pd3ww9-top, auto)); right: var(--pd3ww9-right-tablet, var(--pd3ww9-right, auto)); bottom: var(--pd3ww9-bottom-tablet, var(--pd3ww9-bottom, auto)); left: var(--pd3ww9-left-tablet, var(--pd3ww9-left, auto)); transform: var(--pd3ww9-transform-tablet, var(--pd3ww9-transform, none)); z-index: var(--pd3ww9-z-index-tablet, var(--pd3ww9-z-index, 10)); aspect-ratio: var(--pd3ww9-background-imageRatio-tablet, var(--pd3ww9-background-imageRatio, auto)); border-width: var(--pd3ww9-borderWidth-tl-tablet, var(--pd3ww9-borderWidth-tl,0px)) var(--pd3ww9-borderWidth-tr-tablet,var(--pd3ww9-borderWidth-tr,0px)) var(--pd3ww9-borderWidth-br-tablet,var(--pd3ww9-borderWidth-br,0px)) var(--pd3ww9-borderWidth-bl-tablet,var(--pd3ww9-borderWidth-bl,0px)); border-radius: var(--pd3ww9-borderRadius-tl-tablet,var(--pd3ww9-borderRadius-tl,0px)) var(--pd3ww9-borderRadius-tr-tablet,var(--pd3ww9-borderRadius-tr,0px)) var(--pd3ww9-borderRadius-br-tablet,var(--pd3ww9-borderRadius-br,0px)) var(--pd3ww9-borderRadius-bl-tablet,var(--pd3ww9-borderRadius-bl,0px)); max-width: var(--pd3ww9-max-width-tablet, var(--pd3ww9-max-width, 100%)); height: if(style(--pd3ww9-position-tablet: absolute): var(--pd3ww9-height-tablet,var(--pd3ww9-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--pd3ww9-position-mobile, var(--pd3ww9-position-tablet, var(--pd3ww9-position, relative))); top: var(--pd3ww9-top-mobile, var(--pd3ww9-top-tablet, var(--pd3ww9-top, auto))); right: var(--pd3ww9-right-mobile, var(--pd3ww9-right-tablet, var(--pd3ww9-right, auto))); bottom: var(--pd3ww9-bottom-mobile, var(--pd3ww9-bottom-tablet, var(--pd3ww9-bottom, auto))); left: var(--pd3ww9-left-mobile, var(--pd3ww9-left-tablet, var(--pd3ww9-left, auto))); transform: var(--pd3ww9-transform-mobile, var(--pd3ww9-transform-tablet, var(--pd3ww9-transform, none))); z-index: var(--pd3ww9-z-index-mobile, var(--pd3ww9-z-index-tablet, var(--pd3ww9-z-index, 10))); aspect-ratio: var(--pd3ww9-background-imageRatio-mobile, var(--pd3ww9-background-imageRatio, auto)); border-width: var(--pd3ww9-borderWidth-tl-mobile, var(--pd3ww9-borderWidth-tl,0px)) var(--pd3ww9-borderWidth-tr-mobile,var(--pd3ww9-borderWidth-tr,0px)) var(--pd3ww9-borderWidth-br-mobile,var(--pd3ww9-borderWidth-br,0px)) var(--pd3ww9-borderWidth-bl-mobile,var(--pd3ww9-borderWidth-bl,0px)); border-radius: var(--pd3ww9-borderRadius-tl-mobile,var(--pd3ww9-borderRadius-tl,0px)) var(--pd3ww9-borderRadius-tr-mobile,var(--pd3ww9-borderRadius-tr,0px)) var(--pd3ww9-borderRadius-br-mobile,var(--pd3ww9-borderRadius-br,0px)) var(--pd3ww9-borderRadius-bl-mobile,var(--pd3ww9-borderRadius-bl,0px)); max-width: var(--pd3ww9-max-width-mobile, var(--pd3ww9-max-width, 100%)); height: if(style(--pd3ww9-position-mobile: absolute): var(--pd3ww9-height-mobile,var(--pd3ww9-height-tablet,,var(--pd3ww9-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pd3ww9-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--pd3ww9-gap,var(--beae-card-gap)); padding-top: var(--pd3ww9-padding-top,var(--beae-card-padding)); padding-right: var(--pd3ww9-padding-right,var(--beae-card-padding)); padding-bottom: var(--pd3ww9-padding-bottom,var(--beae-card-padding)); padding-left: var(--pd3ww9-padding-left,var(--beae-card-padding)); border-width: var(--pd3ww9-borderWidth-tl,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-tr,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-br,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pd3ww9-borderRadius-tl,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-tr,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-br,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--pd3ww9-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--pd3ww9-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--pd3ww9-gap-tablet,var(--beae-card-gap)); padding-top: var(--pd3ww9-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pd3ww9-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pd3ww9-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pd3ww9-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pd3ww9-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pd3ww9-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--pd3ww9-gap-mobile,var(--beae-card-gap)); padding-top: var(--pd3ww9-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pd3ww9-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pd3ww9-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pd3ww9-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pd3ww9-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pd3ww9-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pd3ww9-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pd3ww9-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pd3ww9-background-color,var(--beae-card-featured-background)); border-color: var(--pd3ww9-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--pd3ww9-shadowHorizontal, var(--beae-card-shadow-x)) var(--pd3ww9-shadowVertical, var(--beae-card-shadow-y)) var(--pd3ww9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pd3ww9-shadowColor, var(--beae-card-featured-shadow-color)) var(--pd3ww9-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--pd3ww9-background-color,var(--beae-card-prod-background)); border-color: var(--pd3ww9-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--pd3ww9-shadowHorizontal, var(--beae-card-shadow-x)) var(--pd3ww9-shadowVertical, var(--beae-card-shadow-y)) var(--pd3ww9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pd3ww9-shadowColor, var(--beae-card-prod-shadow-color)) var(--pd3ww9-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--pd3ww9-background-color,var(--beae-card-pricing-background)); border-color: var(--pd3ww9-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--pd3ww9-shadowHorizontal, var(--beae-card-shadow-x)) var(--pd3ww9-shadowVertical, var(--beae-card-shadow-y)) var(--pd3ww9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pd3ww9-shadowColor, var(--beae-card-pricing-shadow-color)) var(--pd3ww9-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--pd3ww9-background-color,var(--beae-card-cta-background)); border-color: var(--pd3ww9-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--pd3ww9-shadowHorizontal, var(--beae-card-shadow-x)) var(--pd3ww9-shadowVertical, var(--beae-card-shadow-y)) var(--pd3ww9-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pd3ww9-shadowColor, var(--beae-card-cta-shadow-color)) var(--pd3ww9-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-pd3ww9"] {     display: flex;     flex-direction: var(--pd3ww9-direction, column);     flex-wrap: nowrap;     justify-content: var(--pd3ww9-justify-content);     align-items: var(--pd3ww9-align-items);     gap: var(--pd3ww9-gap, var(--pd3ww9-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pd3ww9"] {                            gap: var(--pd3ww9-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--pd3ww9-padding-right-tablet, 0px) - var(--pd3ww9-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pd3ww9"] {                            gap: var(--pd3ww9-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--pd3ww9-padding-right-mobile, 0px) - var(--pd3ww9-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-84m4a7"] { --84m4a7-direction: column; --84m4a7-direction-tablet: column; --84m4a7-direction-mobile: column; --84m4a7-structure: columns; --84m4a7-structure-tablet: columns; --84m4a7-structure-mobile: columns; --84m4a7-gap: 4px; --84m4a7-gap-tablet: 4px; --84m4a7-gap-mobile: 4px; --84m4a7-padding-top: 16px; --84m4a7-padding-top-tablet: 16px; --84m4a7-padding-top-mobile: 16px; --84m4a7-padding-right: 24px; --84m4a7-padding-right-tablet: 24px; --84m4a7-padding-right-mobile: 24px; --84m4a7-padding-bottom: 16px; --84m4a7-padding-bottom-tablet: 16px; --84m4a7-padding-bottom-mobile: 16px; --84m4a7-padding-left: 24px; --84m4a7-padding-left-tablet: 24px; --84m4a7-padding-left-mobile: 24px; --84m4a7-background-0: c; --84m4a7-background-0-tablet: c; --84m4a7-background-0-mobile: c; --84m4a7-background-1: o; --84m4a7-background-1-tablet: o; --84m4a7-background-1-mobile: o; --84m4a7-background-2: l; --84m4a7-background-2-tablet: l; --84m4a7-background-2-mobile: l; --84m4a7-background-3: o; --84m4a7-background-3-tablet: o; --84m4a7-background-3-mobile: o; --84m4a7-background-4: r; --84m4a7-background-4-tablet: r; --84m4a7-background-4-mobile: r; --84m4a7-background-type: color; --84m4a7-background-type-tablet: color; --84m4a7-background-type-mobile: color; --84m4a7-background-color: #21212166; --84m4a7-background-color-tablet: #21212166; --84m4a7-background-color-mobile: #21212166; --84m4a7-borderRadius-tl: 8px; --84m4a7-borderRadius-tl-tablet: 8px; --84m4a7-borderRadius-tl-mobile: 8px; --84m4a7-borderRadius-tr: 8px; --84m4a7-borderRadius-tr-tablet: 8px; --84m4a7-borderRadius-tr-mobile: 8px; --84m4a7-borderRadius-bl: 8px; --84m4a7-borderRadius-bl-tablet: 8px; --84m4a7-borderRadius-bl-mobile: 8px; --84m4a7-borderRadius-br: 8px; --84m4a7-borderRadius-br-tablet: 8px; --84m4a7-borderRadius-br-mobile: 8px; --84m4a7-surface: accent; --84m4a7-surface-tablet: accent; --84m4a7-surface-mobile: accent; }[data-bnode="beae-84m4a7"] { padding-top: var(--84m4a7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--84m4a7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--84m4a7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--84m4a7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--84m4a7-padding-top-tablet, var(--84m4a7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--84m4a7-padding-right-tablet, var(--84m4a7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--84m4a7-padding-bottom-tablet, var(--84m4a7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--84m4a7-padding-left-tablet, var(--84m4a7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--84m4a7-padding-top-mobile, var(--84m4a7-padding-top-tablet, var(--84m4a7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--84m4a7-padding-right-mobile, var(--84m4a7-padding-right-tablet, var(--84m4a7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--84m4a7-padding-bottom-mobile, var(--84m4a7-padding-bottom-tablet, var(--84m4a7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--84m4a7-padding-left-mobile, var(--84m4a7-padding-left-tablet, var(--84m4a7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--84m4a7-position, relative); top: var(--84m4a7-top, auto); right: var(--84m4a7-right, auto); bottom: var(--84m4a7-bottom, auto); left: var(--84m4a7-left, auto); transform: var(--84m4a7-transform, none); z-index: var(--84m4a7-z-index, 10); aspect-ratio: var(--84m4a7-background-imageRatio, auto); background: var(--84m4a7-background-color,transparent); border-style: var(--84m4a7-borderStyle,solid); border-color: var(--84m4a7-borderColor,#000000); border-width: var(--84m4a7-borderWidth-tl,0px) var(--84m4a7-borderWidth-tr,0px) var(--84m4a7-borderWidth-br,0px) var(--84m4a7-borderWidth-bl,0px); border-radius: var(--84m4a7-borderRadius-tl,0px) var(--84m4a7-borderRadius-tr,0px) var(--84m4a7-borderRadius-br,0px) var(--84m4a7-borderRadius-bl,0px); box-shadow: var(--84m4a7-shadowHorizontal, 0px) var(--84m4a7-shadowVertical, 0px) var(--84m4a7-shadowBlur, 0px) 1px color-mix( in srgb, var(--84m4a7-shadowColor, #000000) var(--84m4a7-shadowTransparent, 0%), transparent ); max-width: var(--84m4a7-max-width, 100%); width: 100%; height: if(style(--84m4a7-position: absolute): var(--84m4a7-height,100%); else: unset ); backdrop-filter:blur(var(--84m4a7-background-blur, none)) saturate(var(--84m4a7-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--84m4a7-position-tablet, var(--84m4a7-position, relative)); top: var(--84m4a7-top-tablet, var(--84m4a7-top, auto)); right: var(--84m4a7-right-tablet, var(--84m4a7-right, auto)); bottom: var(--84m4a7-bottom-tablet, var(--84m4a7-bottom, auto)); left: var(--84m4a7-left-tablet, var(--84m4a7-left, auto)); transform: var(--84m4a7-transform-tablet, var(--84m4a7-transform, none)); z-index: var(--84m4a7-z-index-tablet, var(--84m4a7-z-index, 10)); aspect-ratio: var(--84m4a7-background-imageRatio-tablet, var(--84m4a7-background-imageRatio, auto)); border-width: var(--84m4a7-borderWidth-tl-tablet, var(--84m4a7-borderWidth-tl,0px)) var(--84m4a7-borderWidth-tr-tablet,var(--84m4a7-borderWidth-tr,0px)) var(--84m4a7-borderWidth-br-tablet,var(--84m4a7-borderWidth-br,0px)) var(--84m4a7-borderWidth-bl-tablet,var(--84m4a7-borderWidth-bl,0px)); border-radius: var(--84m4a7-borderRadius-tl-tablet,var(--84m4a7-borderRadius-tl,0px)) var(--84m4a7-borderRadius-tr-tablet,var(--84m4a7-borderRadius-tr,0px)) var(--84m4a7-borderRadius-br-tablet,var(--84m4a7-borderRadius-br,0px)) var(--84m4a7-borderRadius-bl-tablet,var(--84m4a7-borderRadius-bl,0px)); max-width: var(--84m4a7-max-width-tablet, var(--84m4a7-max-width, 100%)); height: if(style(--84m4a7-position-tablet: absolute): var(--84m4a7-height-tablet,var(--84m4a7-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--84m4a7-position-mobile, var(--84m4a7-position-tablet, var(--84m4a7-position, relative))); top: var(--84m4a7-top-mobile, var(--84m4a7-top-tablet, var(--84m4a7-top, auto))); right: var(--84m4a7-right-mobile, var(--84m4a7-right-tablet, var(--84m4a7-right, auto))); bottom: var(--84m4a7-bottom-mobile, var(--84m4a7-bottom-tablet, var(--84m4a7-bottom, auto))); left: var(--84m4a7-left-mobile, var(--84m4a7-left-tablet, var(--84m4a7-left, auto))); transform: var(--84m4a7-transform-mobile, var(--84m4a7-transform-tablet, var(--84m4a7-transform, none))); z-index: var(--84m4a7-z-index-mobile, var(--84m4a7-z-index-tablet, var(--84m4a7-z-index, 10))); aspect-ratio: var(--84m4a7-background-imageRatio-mobile, var(--84m4a7-background-imageRatio, auto)); border-width: var(--84m4a7-borderWidth-tl-mobile, var(--84m4a7-borderWidth-tl,0px)) var(--84m4a7-borderWidth-tr-mobile,var(--84m4a7-borderWidth-tr,0px)) var(--84m4a7-borderWidth-br-mobile,var(--84m4a7-borderWidth-br,0px)) var(--84m4a7-borderWidth-bl-mobile,var(--84m4a7-borderWidth-bl,0px)); border-radius: var(--84m4a7-borderRadius-tl-mobile,var(--84m4a7-borderRadius-tl,0px)) var(--84m4a7-borderRadius-tr-mobile,var(--84m4a7-borderRadius-tr,0px)) var(--84m4a7-borderRadius-br-mobile,var(--84m4a7-borderRadius-br,0px)) var(--84m4a7-borderRadius-bl-mobile,var(--84m4a7-borderRadius-bl,0px)); max-width: var(--84m4a7-max-width-mobile, var(--84m4a7-max-width, 100%)); height: if(style(--84m4a7-position-mobile: absolute): var(--84m4a7-height-mobile,var(--84m4a7-height-tablet,,var(--84m4a7-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--84m4a7-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--84m4a7-gap,var(--beae-card-gap)); padding-top: var(--84m4a7-padding-top,var(--beae-card-padding)); padding-right: var(--84m4a7-padding-right,var(--beae-card-padding)); padding-bottom: var(--84m4a7-padding-bottom,var(--beae-card-padding)); padding-left: var(--84m4a7-padding-left,var(--beae-card-padding)); border-width: var(--84m4a7-borderWidth-tl,var(--beae-card-border-width)) var(--84m4a7-borderWidth-tr,var(--beae-card-border-width)) var(--84m4a7-borderWidth-br,var(--beae-card-border-width)) var(--84m4a7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--84m4a7-borderRadius-tl,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-tr,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-br,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--84m4a7-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--84m4a7-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--84m4a7-gap-tablet,var(--beae-card-gap)); padding-top: var(--84m4a7-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--84m4a7-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--84m4a7-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--84m4a7-padding-left-tablet,var(--beae-card-padding)); border-width: var(--84m4a7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--84m4a7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--84m4a7-borderWidth-br-desktop,var(--beae-card-border-width)) var(--84m4a7-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--84m4a7-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--84m4a7-gap-mobile,var(--beae-card-gap)); padding-top: var(--84m4a7-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--84m4a7-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--84m4a7-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--84m4a7-padding-left-mobile,var(--beae-card-padding)); border-width: var(--84m4a7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--84m4a7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--84m4a7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--84m4a7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--84m4a7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--84m4a7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--84m4a7-background-color,var(--beae-card-featured-background)); border-color: var(--84m4a7-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--84m4a7-shadowHorizontal, var(--beae-card-shadow-x)) var(--84m4a7-shadowVertical, var(--beae-card-shadow-y)) var(--84m4a7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--84m4a7-shadowColor, var(--beae-card-featured-shadow-color)) var(--84m4a7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--84m4a7-background-color,var(--beae-card-prod-background)); border-color: var(--84m4a7-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--84m4a7-shadowHorizontal, var(--beae-card-shadow-x)) var(--84m4a7-shadowVertical, var(--beae-card-shadow-y)) var(--84m4a7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--84m4a7-shadowColor, var(--beae-card-prod-shadow-color)) var(--84m4a7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--84m4a7-background-color,var(--beae-card-pricing-background)); border-color: var(--84m4a7-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--84m4a7-shadowHorizontal, var(--beae-card-shadow-x)) var(--84m4a7-shadowVertical, var(--beae-card-shadow-y)) var(--84m4a7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--84m4a7-shadowColor, var(--beae-card-pricing-shadow-color)) var(--84m4a7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--84m4a7-background-color,var(--beae-card-cta-background)); border-color: var(--84m4a7-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--84m4a7-shadowHorizontal, var(--beae-card-shadow-x)) var(--84m4a7-shadowVertical, var(--beae-card-shadow-y)) var(--84m4a7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--84m4a7-shadowColor, var(--beae-card-cta-shadow-color)) var(--84m4a7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-84m4a7"] {     display: flex;     flex-direction: var(--84m4a7-direction, column);     flex-wrap: nowrap;     justify-content: var(--84m4a7-justify-content);     align-items: var(--84m4a7-align-items);     gap: var(--84m4a7-gap, var(--84m4a7-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-84m4a7"] {                            gap: var(--84m4a7-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--84m4a7-padding-right-tablet, 0px) - var(--84m4a7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-84m4a7"] {                            gap: var(--84m4a7-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--84m4a7-padding-right-mobile, 0px) - var(--84m4a7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4jfux9"] { --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #ffffff; --beae-h5-font-family: Inter; --beae-h5-font-weight: 700; --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: capitalize; --4jfux9-typography: h5; --4jfux9-typography-tablet: h5; --4jfux9-typography-mobile: h5; --beae-h5-text-align: center; }[data-bnode="beae-4jfux9"] { margin-top: var(--4jfux9-margin-top, 0px); margin-right: var(--4jfux9-margin-right, 0px); margin-bottom: var(--4jfux9-margin-bottom, 0px); margin-left: var(--4jfux9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4jfux9-margin-top-tablet, 0px); margin-right: var(--4jfux9-margin-right-tablet, 0px); margin-bottom: var(--4jfux9-margin-bottom-tablet, 0px); margin-left: var(--4jfux9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4jfux9-margin-top-mobile, 0px); margin-right: var(--4jfux9-margin-right-mobile, 0px); margin-bottom: var(--4jfux9-margin-bottom-mobile, 0px); margin-left: var(--4jfux9-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--4jfux9-highlightColor,var(--beae-p-color)); top: var(--4jfux9-highlightTop, 100%); } }[data-bnode="beae-e3xclh"] { --beae-p-font-size: NaNpx; --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: NaNpx; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --e3xclh-typography: p; --e3xclh-typography-tablet: p; --e3xclh-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-e3xclh"] { margin-top: var(--e3xclh-margin-top, 0px); margin-right: var(--e3xclh-margin-right, 0px); margin-bottom: var(--e3xclh-margin-bottom, 0px); margin-left: var(--e3xclh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e3xclh-margin-top-tablet, 0px); margin-right: var(--e3xclh-margin-right-tablet, 0px); margin-bottom: var(--e3xclh-margin-bottom-tablet, 0px); margin-left: var(--e3xclh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e3xclh-margin-top-mobile, 0px); margin-right: var(--e3xclh-margin-right-mobile, 0px); margin-bottom: var(--e3xclh-margin-bottom-mobile, 0px); margin-left: var(--e3xclh-margin-left-mobile, 0px); } }[data-bnode="beae-bv3sdk"] { --bv3sdk-direction: column; --bv3sdk-direction-tablet: row; --bv3sdk-direction-mobile: column; --bv3sdk-align-items: stretch; --bv3sdk-align-items-tablet: stretch; --bv3sdk-align-items-mobile: stretch; --bv3sdk-gap: 20px; --bv3sdk-gap-tablet: 16px; --bv3sdk-gap-mobile: 16px; --bv3sdk-structure: columns; --bv3sdk-structure-tablet: columns; --bv3sdk-structure-mobile: columns; --bv3sdk-columns: 50.00,50.00; --bv3sdk-columns-tablet: 50.00,50.00; --bv3sdk-columns-mobile: 50.00,50.00; --bv3sdk-columnsPresetId: 50.00,50.00; --bv3sdk-columnsPresetId-tablet: 50.00,50.00; --bv3sdk-columnsPresetId-mobile: 50.00,50.00; --bv3sdk-justify-content: space-between; --bv3sdk-justify-content-tablet: space-between; --bv3sdk-justify-content-mobile: space-between; }[data-bnode="beae-bv3sdk"] { padding-top: var(--bv3sdk-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bv3sdk-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bv3sdk-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bv3sdk-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bv3sdk-padding-top-tablet, var(--bv3sdk-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bv3sdk-padding-right-tablet, var(--bv3sdk-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bv3sdk-padding-bottom-tablet, var(--bv3sdk-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bv3sdk-padding-left-tablet, var(--bv3sdk-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bv3sdk-padding-top-mobile, var(--bv3sdk-padding-top-tablet, var(--bv3sdk-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bv3sdk-padding-right-mobile, var(--bv3sdk-padding-right-tablet, var(--bv3sdk-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bv3sdk-padding-bottom-mobile, var(--bv3sdk-padding-bottom-tablet, var(--bv3sdk-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bv3sdk-padding-left-mobile, var(--bv3sdk-padding-left-tablet, var(--bv3sdk-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--bv3sdk-position, relative); top: var(--bv3sdk-top, auto); right: var(--bv3sdk-right, auto); bottom: var(--bv3sdk-bottom, auto); left: var(--bv3sdk-left, auto); transform: var(--bv3sdk-transform, none); z-index: var(--bv3sdk-z-index, 10); aspect-ratio: var(--bv3sdk-background-imageRatio, auto); background: var(--bv3sdk-background-color,transparent); border-style: var(--bv3sdk-borderStyle,solid); border-color: var(--bv3sdk-borderColor,#000000); border-width: var(--bv3sdk-borderWidth-tl,0px) var(--bv3sdk-borderWidth-tr,0px) var(--bv3sdk-borderWidth-br,0px) var(--bv3sdk-borderWidth-bl,0px); border-radius: var(--bv3sdk-borderRadius-tl,0px) var(--bv3sdk-borderRadius-tr,0px) var(--bv3sdk-borderRadius-br,0px) var(--bv3sdk-borderRadius-bl,0px); box-shadow: var(--bv3sdk-shadowHorizontal, 0px) var(--bv3sdk-shadowVertical, 0px) var(--bv3sdk-shadowBlur, 0px) 1px color-mix( in srgb, var(--bv3sdk-shadowColor, #000000) var(--bv3sdk-shadowTransparent, 0%), transparent ); max-width: var(--bv3sdk-max-width, 100%); width: 100%; height: if(style(--bv3sdk-position: absolute): var(--bv3sdk-height,100%); else: unset ); backdrop-filter:blur(var(--bv3sdk-background-blur, none)) saturate(var(--bv3sdk-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--bv3sdk-position-tablet, var(--bv3sdk-position, relative)); top: var(--bv3sdk-top-tablet, var(--bv3sdk-top, auto)); right: var(--bv3sdk-right-tablet, var(--bv3sdk-right, auto)); bottom: var(--bv3sdk-bottom-tablet, var(--bv3sdk-bottom, auto)); left: var(--bv3sdk-left-tablet, var(--bv3sdk-left, auto)); transform: var(--bv3sdk-transform-tablet, var(--bv3sdk-transform, none)); z-index: var(--bv3sdk-z-index-tablet, var(--bv3sdk-z-index, 10)); aspect-ratio: var(--bv3sdk-background-imageRatio-tablet, var(--bv3sdk-background-imageRatio, auto)); border-width: var(--bv3sdk-borderWidth-tl-tablet, var(--bv3sdk-borderWidth-tl,0px)) var(--bv3sdk-borderWidth-tr-tablet,var(--bv3sdk-borderWidth-tr,0px)) var(--bv3sdk-borderWidth-br-tablet,var(--bv3sdk-borderWidth-br,0px)) var(--bv3sdk-borderWidth-bl-tablet,var(--bv3sdk-borderWidth-bl,0px)); border-radius: var(--bv3sdk-borderRadius-tl-tablet,var(--bv3sdk-borderRadius-tl,0px)) var(--bv3sdk-borderRadius-tr-tablet,var(--bv3sdk-borderRadius-tr,0px)) var(--bv3sdk-borderRadius-br-tablet,var(--bv3sdk-borderRadius-br,0px)) var(--bv3sdk-borderRadius-bl-tablet,var(--bv3sdk-borderRadius-bl,0px)); max-width: var(--bv3sdk-max-width-tablet, var(--bv3sdk-max-width, 100%)); height: if(style(--bv3sdk-position-tablet: absolute): var(--bv3sdk-height-tablet,var(--bv3sdk-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--bv3sdk-position-mobile, var(--bv3sdk-position-tablet, var(--bv3sdk-position, relative))); top: var(--bv3sdk-top-mobile, var(--bv3sdk-top-tablet, var(--bv3sdk-top, auto))); right: var(--bv3sdk-right-mobile, var(--bv3sdk-right-tablet, var(--bv3sdk-right, auto))); bottom: var(--bv3sdk-bottom-mobile, var(--bv3sdk-bottom-tablet, var(--bv3sdk-bottom, auto))); left: var(--bv3sdk-left-mobile, var(--bv3sdk-left-tablet, var(--bv3sdk-left, auto))); transform: var(--bv3sdk-transform-mobile, var(--bv3sdk-transform-tablet, var(--bv3sdk-transform, none))); z-index: var(--bv3sdk-z-index-mobile, var(--bv3sdk-z-index-tablet, var(--bv3sdk-z-index, 10))); aspect-ratio: var(--bv3sdk-background-imageRatio-mobile, var(--bv3sdk-background-imageRatio, auto)); border-width: var(--bv3sdk-borderWidth-tl-mobile, var(--bv3sdk-borderWidth-tl,0px)) var(--bv3sdk-borderWidth-tr-mobile,var(--bv3sdk-borderWidth-tr,0px)) var(--bv3sdk-borderWidth-br-mobile,var(--bv3sdk-borderWidth-br,0px)) var(--bv3sdk-borderWidth-bl-mobile,var(--bv3sdk-borderWidth-bl,0px)); border-radius: var(--bv3sdk-borderRadius-tl-mobile,var(--bv3sdk-borderRadius-tl,0px)) var(--bv3sdk-borderRadius-tr-mobile,var(--bv3sdk-borderRadius-tr,0px)) var(--bv3sdk-borderRadius-br-mobile,var(--bv3sdk-borderRadius-br,0px)) var(--bv3sdk-borderRadius-bl-mobile,var(--bv3sdk-borderRadius-bl,0px)); max-width: var(--bv3sdk-max-width-mobile, var(--bv3sdk-max-width, 100%)); height: if(style(--bv3sdk-position-mobile: absolute): var(--bv3sdk-height-mobile,var(--bv3sdk-height-tablet,,var(--bv3sdk-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bv3sdk-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--bv3sdk-gap,var(--beae-card-gap)); padding-top: var(--bv3sdk-padding-top,var(--beae-card-padding)); padding-right: var(--bv3sdk-padding-right,var(--beae-card-padding)); padding-bottom: var(--bv3sdk-padding-bottom,var(--beae-card-padding)); padding-left: var(--bv3sdk-padding-left,var(--beae-card-padding)); border-width: var(--bv3sdk-borderWidth-tl,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-tr,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-br,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bv3sdk-borderRadius-tl,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-tr,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-br,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--bv3sdk-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--bv3sdk-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--bv3sdk-gap-tablet,var(--beae-card-gap)); padding-top: var(--bv3sdk-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bv3sdk-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bv3sdk-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bv3sdk-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bv3sdk-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bv3sdk-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--bv3sdk-gap-mobile,var(--beae-card-gap)); padding-top: var(--bv3sdk-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bv3sdk-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bv3sdk-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bv3sdk-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bv3sdk-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bv3sdk-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bv3sdk-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bv3sdk-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bv3sdk-background-color,var(--beae-card-featured-background)); border-color: var(--bv3sdk-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--bv3sdk-shadowHorizontal, var(--beae-card-shadow-x)) var(--bv3sdk-shadowVertical, var(--beae-card-shadow-y)) var(--bv3sdk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bv3sdk-shadowColor, var(--beae-card-featured-shadow-color)) var(--bv3sdk-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--bv3sdk-background-color,var(--beae-card-prod-background)); border-color: var(--bv3sdk-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--bv3sdk-shadowHorizontal, var(--beae-card-shadow-x)) var(--bv3sdk-shadowVertical, var(--beae-card-shadow-y)) var(--bv3sdk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bv3sdk-shadowColor, var(--beae-card-prod-shadow-color)) var(--bv3sdk-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--bv3sdk-background-color,var(--beae-card-pricing-background)); border-color: var(--bv3sdk-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--bv3sdk-shadowHorizontal, var(--beae-card-shadow-x)) var(--bv3sdk-shadowVertical, var(--beae-card-shadow-y)) var(--bv3sdk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bv3sdk-shadowColor, var(--beae-card-pricing-shadow-color)) var(--bv3sdk-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--bv3sdk-background-color,var(--beae-card-cta-background)); border-color: var(--bv3sdk-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--bv3sdk-shadowHorizontal, var(--beae-card-shadow-x)) var(--bv3sdk-shadowVertical, var(--beae-card-shadow-y)) var(--bv3sdk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bv3sdk-shadowColor, var(--beae-card-cta-shadow-color)) var(--bv3sdk-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-bv3sdk"] {     display: flex;     flex-direction: var(--bv3sdk-direction, column);     flex-wrap: nowrap;     justify-content: var(--bv3sdk-justify-content);     align-items: var(--bv3sdk-align-items);     gap: var(--bv3sdk-gap, var(--bv3sdk-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bv3sdk"] {      flex-direction: var(--bv3sdk-direction-tablet, column);                      gap: var(--bv3sdk-gap-tablet, var(--bv3sdk-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--bv3sdk-padding-right-tablet, 0px) - var(--bv3sdk-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bv3sdk"] {      flex-direction: var(--bv3sdk-direction-mobile, column);                      gap: var(--bv3sdk-gap-mobile, var(--bv3sdk-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-6rmsf3"] { --6rmsf3-direction: column; --6rmsf3-direction-tablet: column; --6rmsf3-direction-mobile: column; --6rmsf3-structure: columns; --6rmsf3-structure-tablet: columns; --6rmsf3-structure-mobile: columns; --6rmsf3-borderRadius-tl: 16px; --6rmsf3-borderRadius-tl-tablet: 16px; --6rmsf3-borderRadius-tl-mobile: 16px; --6rmsf3-borderRadius-tr: 16px; --6rmsf3-borderRadius-tr-tablet: 16px; --6rmsf3-borderRadius-tr-mobile: 16px; --6rmsf3-borderRadius-bl: 16px; --6rmsf3-borderRadius-bl-tablet: 16px; --6rmsf3-borderRadius-bl-mobile: 16px; --6rmsf3-borderRadius-br: 16px; --6rmsf3-borderRadius-br-tablet: 16px; --6rmsf3-borderRadius-br-mobile: 16px; --6rmsf3-align-items: flex-end; --6rmsf3-align-items-tablet: flex-end; --6rmsf3-align-items-mobile: flex-end; --6rmsf3-justify-content: flex-end; --6rmsf3-justify-content-tablet: flex-end; --6rmsf3-justify-content-mobile: flex-end; }[data-bnode="beae-6rmsf3"] { padding-top: var(--6rmsf3-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--6rmsf3-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--6rmsf3-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--6rmsf3-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6rmsf3-padding-top-tablet, var(--6rmsf3-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--6rmsf3-padding-right-tablet, var(--6rmsf3-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--6rmsf3-padding-bottom-tablet, var(--6rmsf3-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--6rmsf3-padding-left-tablet, var(--6rmsf3-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6rmsf3-padding-top-mobile, var(--6rmsf3-padding-top-tablet, var(--6rmsf3-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--6rmsf3-padding-right-mobile, var(--6rmsf3-padding-right-tablet, var(--6rmsf3-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--6rmsf3-padding-bottom-mobile, var(--6rmsf3-padding-bottom-tablet, var(--6rmsf3-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--6rmsf3-padding-left-mobile, var(--6rmsf3-padding-left-tablet, var(--6rmsf3-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--6rmsf3-position, relative); top: var(--6rmsf3-top, auto); right: var(--6rmsf3-right, auto); bottom: var(--6rmsf3-bottom, auto); left: var(--6rmsf3-left, auto); transform: var(--6rmsf3-transform, none); z-index: var(--6rmsf3-z-index, 10); aspect-ratio: var(--6rmsf3-background-imageRatio, auto); background: var(--6rmsf3-background-color,transparent); border-style: var(--6rmsf3-borderStyle,solid); border-color: var(--6rmsf3-borderColor,#000000); border-width: var(--6rmsf3-borderWidth-tl,0px) var(--6rmsf3-borderWidth-tr,0px) var(--6rmsf3-borderWidth-br,0px) var(--6rmsf3-borderWidth-bl,0px); border-radius: var(--6rmsf3-borderRadius-tl,0px) var(--6rmsf3-borderRadius-tr,0px) var(--6rmsf3-borderRadius-br,0px) var(--6rmsf3-borderRadius-bl,0px); box-shadow: var(--6rmsf3-shadowHorizontal, 0px) var(--6rmsf3-shadowVertical, 0px) var(--6rmsf3-shadowBlur, 0px) 1px color-mix( in srgb, var(--6rmsf3-shadowColor, #000000) var(--6rmsf3-shadowTransparent, 0%), transparent ); max-width: var(--6rmsf3-max-width, 100%); width: 100%; height: if(style(--6rmsf3-position: absolute): var(--6rmsf3-height,100%); else: unset ); backdrop-filter:blur(var(--6rmsf3-background-blur, none)) saturate(var(--6rmsf3-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--6rmsf3-position-tablet, var(--6rmsf3-position, relative)); top: var(--6rmsf3-top-tablet, var(--6rmsf3-top, auto)); right: var(--6rmsf3-right-tablet, var(--6rmsf3-right, auto)); bottom: var(--6rmsf3-bottom-tablet, var(--6rmsf3-bottom, auto)); left: var(--6rmsf3-left-tablet, var(--6rmsf3-left, auto)); transform: var(--6rmsf3-transform-tablet, var(--6rmsf3-transform, none)); z-index: var(--6rmsf3-z-index-tablet, var(--6rmsf3-z-index, 10)); aspect-ratio: var(--6rmsf3-background-imageRatio-tablet, var(--6rmsf3-background-imageRatio, auto)); border-width: var(--6rmsf3-borderWidth-tl-tablet, var(--6rmsf3-borderWidth-tl,0px)) var(--6rmsf3-borderWidth-tr-tablet,var(--6rmsf3-borderWidth-tr,0px)) var(--6rmsf3-borderWidth-br-tablet,var(--6rmsf3-borderWidth-br,0px)) var(--6rmsf3-borderWidth-bl-tablet,var(--6rmsf3-borderWidth-bl,0px)); border-radius: var(--6rmsf3-borderRadius-tl-tablet,var(--6rmsf3-borderRadius-tl,0px)) var(--6rmsf3-borderRadius-tr-tablet,var(--6rmsf3-borderRadius-tr,0px)) var(--6rmsf3-borderRadius-br-tablet,var(--6rmsf3-borderRadius-br,0px)) var(--6rmsf3-borderRadius-bl-tablet,var(--6rmsf3-borderRadius-bl,0px)); max-width: var(--6rmsf3-max-width-tablet, var(--6rmsf3-max-width, 100%)); height: if(style(--6rmsf3-position-tablet: absolute): var(--6rmsf3-height-tablet,var(--6rmsf3-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--6rmsf3-position-mobile, var(--6rmsf3-position-tablet, var(--6rmsf3-position, relative))); top: var(--6rmsf3-top-mobile, var(--6rmsf3-top-tablet, var(--6rmsf3-top, auto))); right: var(--6rmsf3-right-mobile, var(--6rmsf3-right-tablet, var(--6rmsf3-right, auto))); bottom: var(--6rmsf3-bottom-mobile, var(--6rmsf3-bottom-tablet, var(--6rmsf3-bottom, auto))); left: var(--6rmsf3-left-mobile, var(--6rmsf3-left-tablet, var(--6rmsf3-left, auto))); transform: var(--6rmsf3-transform-mobile, var(--6rmsf3-transform-tablet, var(--6rmsf3-transform, none))); z-index: var(--6rmsf3-z-index-mobile, var(--6rmsf3-z-index-tablet, var(--6rmsf3-z-index, 10))); aspect-ratio: var(--6rmsf3-background-imageRatio-mobile, var(--6rmsf3-background-imageRatio, auto)); border-width: var(--6rmsf3-borderWidth-tl-mobile, var(--6rmsf3-borderWidth-tl,0px)) var(--6rmsf3-borderWidth-tr-mobile,var(--6rmsf3-borderWidth-tr,0px)) var(--6rmsf3-borderWidth-br-mobile,var(--6rmsf3-borderWidth-br,0px)) var(--6rmsf3-borderWidth-bl-mobile,var(--6rmsf3-borderWidth-bl,0px)); border-radius: var(--6rmsf3-borderRadius-tl-mobile,var(--6rmsf3-borderRadius-tl,0px)) var(--6rmsf3-borderRadius-tr-mobile,var(--6rmsf3-borderRadius-tr,0px)) var(--6rmsf3-borderRadius-br-mobile,var(--6rmsf3-borderRadius-br,0px)) var(--6rmsf3-borderRadius-bl-mobile,var(--6rmsf3-borderRadius-bl,0px)); max-width: var(--6rmsf3-max-width-mobile, var(--6rmsf3-max-width, 100%)); height: if(style(--6rmsf3-position-mobile: absolute): var(--6rmsf3-height-mobile,var(--6rmsf3-height-tablet,,var(--6rmsf3-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--6rmsf3-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--6rmsf3-gap,var(--beae-card-gap)); padding-top: var(--6rmsf3-padding-top,var(--beae-card-padding)); padding-right: var(--6rmsf3-padding-right,var(--beae-card-padding)); padding-bottom: var(--6rmsf3-padding-bottom,var(--beae-card-padding)); padding-left: var(--6rmsf3-padding-left,var(--beae-card-padding)); border-width: var(--6rmsf3-borderWidth-tl,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-tr,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-br,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6rmsf3-borderRadius-tl,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-tr,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-br,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--6rmsf3-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--6rmsf3-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--6rmsf3-gap-tablet,var(--beae-card-gap)); padding-top: var(--6rmsf3-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--6rmsf3-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--6rmsf3-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--6rmsf3-padding-left-tablet,var(--beae-card-padding)); border-width: var(--6rmsf3-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-br-desktop,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--6rmsf3-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--6rmsf3-gap-mobile,var(--beae-card-gap)); padding-top: var(--6rmsf3-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--6rmsf3-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--6rmsf3-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--6rmsf3-padding-left-mobile,var(--beae-card-padding)); border-width: var(--6rmsf3-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-br-mobile,var(--beae-card-border-width)) var(--6rmsf3-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--6rmsf3-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--6rmsf3-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--6rmsf3-background-color,var(--beae-card-featured-background)); border-color: var(--6rmsf3-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--6rmsf3-shadowHorizontal, var(--beae-card-shadow-x)) var(--6rmsf3-shadowVertical, var(--beae-card-shadow-y)) var(--6rmsf3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6rmsf3-shadowColor, var(--beae-card-featured-shadow-color)) var(--6rmsf3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--6rmsf3-background-color,var(--beae-card-prod-background)); border-color: var(--6rmsf3-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--6rmsf3-shadowHorizontal, var(--beae-card-shadow-x)) var(--6rmsf3-shadowVertical, var(--beae-card-shadow-y)) var(--6rmsf3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6rmsf3-shadowColor, var(--beae-card-prod-shadow-color)) var(--6rmsf3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--6rmsf3-background-color,var(--beae-card-pricing-background)); border-color: var(--6rmsf3-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--6rmsf3-shadowHorizontal, var(--beae-card-shadow-x)) var(--6rmsf3-shadowVertical, var(--beae-card-shadow-y)) var(--6rmsf3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6rmsf3-shadowColor, var(--beae-card-pricing-shadow-color)) var(--6rmsf3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--6rmsf3-background-color,var(--beae-card-cta-background)); border-color: var(--6rmsf3-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--6rmsf3-shadowHorizontal, var(--beae-card-shadow-x)) var(--6rmsf3-shadowVertical, var(--beae-card-shadow-y)) var(--6rmsf3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6rmsf3-shadowColor, var(--beae-card-cta-shadow-color)) var(--6rmsf3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-6rmsf3"] {     display: flex;     flex-direction: var(--6rmsf3-direction, column);     flex-wrap: nowrap;     justify-content: var(--6rmsf3-justify-content);     align-items: var(--6rmsf3-align-items);     gap: var(--6rmsf3-gap, var(--6rmsf3-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6rmsf3"] {                            gap: var(--6rmsf3-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--6rmsf3-padding-right-tablet, 0px) - var(--6rmsf3-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6rmsf3"] {                            gap: var(--6rmsf3-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--6rmsf3-padding-right-mobile, 0px) - var(--6rmsf3-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-p15iml"] { --p15iml-width: 100%; --p15iml-width-tablet: 100%; --p15iml-width-mobile: 100%; --p15iml-imageRatio: 520/333; --p15iml-imageRatio-tablet: 3/2; --p15iml-imageRatio-mobile: 1/1; --p15iml-objFit: cover; --p15iml-objFit-tablet: cover; --p15iml-objFit-mobile: cover; --p15iml-borderStyle: none; --p15iml-borderStyle-tablet: none; --p15iml-borderStyle-mobile: none; --p15iml-borderRadius-tl: 16px; --p15iml-borderRadius-tl-tablet: 16px; --p15iml-borderRadius-tl-mobile: 16px; --p15iml-borderRadius-tr: 16px; --p15iml-borderRadius-tr-tablet: 16px; --p15iml-borderRadius-tr-mobile: 16px; --p15iml-borderRadius-bl: 16px; --p15iml-borderRadius-bl-tablet: 16px; --p15iml-borderRadius-bl-mobile: 16px; --p15iml-borderRadius-br: 16px; --p15iml-borderRadius-br-tablet: 16px; --p15iml-borderRadius-br-mobile: 16px; --p15iml-margin-top: 0px; --p15iml-margin-top-tablet: 0px; --p15iml-margin-top-mobile: 0px; --p15iml-margin-right: 0px; --p15iml-margin-right-tablet: 0px; --p15iml-margin-right-mobile: 0px; --p15iml-margin-bottom: 0px; --p15iml-margin-bottom-tablet: 0px; --p15iml-margin-bottom-mobile: 0px; --p15iml-margin-left: 0px; --p15iml-margin-left-tablet: 0px; --p15iml-margin-left-mobile: 0px; }[data-bnode="beae-p15iml"] { margin-top: var(--p15iml-margin-top, 0px); margin-right: var(--p15iml-margin-right, 0px); margin-bottom: var(--p15iml-margin-bottom, 0px); margin-left: var(--p15iml-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p15iml-margin-top-tablet, 0px); margin-right: var(--p15iml-margin-right-tablet, 0px); margin-bottom: var(--p15iml-margin-bottom-tablet, 0px); margin-left: var(--p15iml-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p15iml-margin-top-mobile, 0px); margin-right: var(--p15iml-margin-right-mobile, 0px); margin-bottom: var(--p15iml-margin-bottom-mobile, 0px); margin-left: var(--p15iml-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--p15iml-width,100%) - var(--p15iml-margin-left,0px) - var(--p15iml-margin-right,0px)); min-height: min-content; border-color: var(--p15iml-borderColor,var(--beae-card-media-border-color)); border-style: var(--p15iml-borderStyle,solid); border-width: var(--p15iml-borderWidth-tl,var(--beae-card-border-width)) var(--p15iml-borderWidth-tr,var(--beae-card-border-width)) var(--p15iml-borderWidth-br,var(--beae-card-border-width)) var(--p15iml-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p15iml-borderRadius-tl,var(--beae-card-border-radius)) var(--p15iml-borderRadius-tr,var(--beae-card-border-radius)) var(--p15iml-borderRadius-br,var(--beae-card-border-radius)) var(--p15iml-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--p15iml-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--p15iml-borderWidth-tl-tablet, var(--p15iml-borderWidth-tl,var(--beae-card-border-width))) var(--p15iml-borderWidth-tr-tablet, var(--p15iml-borderWidth-tr,var(--beae-card-border-width))) var(--p15iml-borderWidth-br-tablet, var(--p15iml-borderWidth-br,var(--beae-card-border-width))) var(--p15iml-borderWidth-bl-tablet, var(--p15iml-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--p15iml-borderRadius-tl-tablet, var(--p15iml-borderRadius-tl,var(--beae-card-border-radius))) var(--p15iml-borderRadius-tr-tablet, var(--p15iml-borderRadius-tr,var(--beae-card-border-radius))) var(--p15iml-borderRadius-br-tablet, var(--p15iml-borderRadius-br,var(--beae-card-border-radius))) var(--p15iml-borderRadius-bl-tablet, var(--p15iml-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--p15iml-borderWidth-tl-mobile, var(--p15iml-borderWidth-tl,var(--beae-card-border-width))) var(--p15iml-borderWidth-tr-mobile, var(--p15iml-borderWidth-tr,var(--beae-card-border-width))) var(--p15iml-borderWidth-br-mobile, var(--p15iml-borderWidth-br,var(--beae-card-border-width))) var(--p15iml-borderWidth-bl-mobile, var(--p15iml-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--p15iml-borderRadius-tl-mobile, var(--p15iml-borderRadius-tl,var(--beae-card-border-radius))) var(--p15iml-borderRadius-tr-mobile, var(--p15iml-borderRadius-tr,var(--beae-card-border-radius))) var(--p15iml-borderRadius-br-mobile, var(--p15iml-borderRadius-br,var(--beae-card-border-radius))) var(--p15iml-borderRadius-bl-mobile, var(--p15iml-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--p15iml-shadowHorizontal, var(--beae-card-shadow-x)) var(--p15iml-shadowVertical, var(--beae-card-shadow-y)) var(--p15iml-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p15iml-shadowColor, var(--beae-card-media-shadow-color)) var(--p15iml-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--p15iml-overlayColor-color, #000); opacity: var(--p15iml-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--p15iml-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--p15iml-width-tablet,var(--p15iml-width,100%)) - var(--p15iml-margin-left-tablet,var(--p15iml-margin-left,0px)) - var(--p15iml-margin-right-tablet,var(--p15iml-margin-right,0px))); aspect-ratio: var(--p15iml-imageRatio-tablet, var(--p15iml-imageRatio, auto)); img { object-fit: var(--p15iml-objFit-tablet, var(--p15iml-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--p15iml-width-mobile,var(--p15iml-width,100%)) - var(--p15iml-margin-left-mobile,var(--p15iml-margin-left,0px)) - var(--p15iml-margin-right-mobile,var(--p15iml-margin-right,0px))); aspect-ratio: var(--p15iml-imageRatio-mobile, var(--p15iml-imageRatio, auto)); img { object-fit: var(--p15iml-objFit-mobile, var(--p15iml-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-duqgo6"] { --duqgo6-direction: column; --duqgo6-direction-tablet: column; --duqgo6-direction-mobile: column; --duqgo6-structure: columns; --duqgo6-structure-tablet: columns; --duqgo6-structure-mobile: columns; --duqgo6-align-items: stretch; --duqgo6-align-items-tablet: stretch; --duqgo6-align-items-mobile: stretch; --duqgo6-padding-top: 10px; --duqgo6-padding-top-tablet: 10px; --duqgo6-padding-top-mobile: 10px; --duqgo6-padding-right: 10px; --duqgo6-padding-right-tablet: 10px; --duqgo6-padding-right-mobile: 10px; --duqgo6-padding-bottom: 10px; --duqgo6-padding-bottom-tablet: 10px; --duqgo6-padding-bottom-mobile: 10px; --duqgo6-padding-left: 10px; --duqgo6-padding-left-tablet: 10px; --duqgo6-padding-left-mobile: 10px; --duqgo6-background-0: c; --duqgo6-background-0-tablet: c; --duqgo6-background-0-mobile: c; --duqgo6-background-1: o; --duqgo6-background-1-tablet: o; --duqgo6-background-1-mobile: o; --duqgo6-background-2: l; --duqgo6-background-2-tablet: l; --duqgo6-background-2-mobile: l; --duqgo6-background-3: o; --duqgo6-background-3-tablet: o; --duqgo6-background-3-mobile: o; --duqgo6-background-4: r; --duqgo6-background-4-tablet: r; --duqgo6-background-4-mobile: r; --duqgo6-background-type: color; --duqgo6-background-type-tablet: color; --duqgo6-background-type-mobile: color; --duqgo6-position: absolute; --duqgo6-position-tablet: absolute; --duqgo6-position-mobile: absolute; --duqgo6-height: fit-content; --duqgo6-height-tablet: fit-content; --duqgo6-height-mobile: fit-content; }[data-bnode="beae-duqgo6"] { padding-top: var(--duqgo6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--duqgo6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--duqgo6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--duqgo6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--duqgo6-padding-top-tablet, var(--duqgo6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--duqgo6-padding-right-tablet, var(--duqgo6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--duqgo6-padding-bottom-tablet, var(--duqgo6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--duqgo6-padding-left-tablet, var(--duqgo6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--duqgo6-padding-top-mobile, var(--duqgo6-padding-top-tablet, var(--duqgo6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--duqgo6-padding-right-mobile, var(--duqgo6-padding-right-tablet, var(--duqgo6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--duqgo6-padding-bottom-mobile, var(--duqgo6-padding-bottom-tablet, var(--duqgo6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--duqgo6-padding-left-mobile, var(--duqgo6-padding-left-tablet, var(--duqgo6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--duqgo6-position, relative); top: var(--duqgo6-top, auto); right: var(--duqgo6-right, auto); bottom: var(--duqgo6-bottom, auto); left: var(--duqgo6-left, auto); transform: var(--duqgo6-transform, none); z-index: var(--duqgo6-z-index, 10); aspect-ratio: var(--duqgo6-background-imageRatio, auto); background: var(--duqgo6-background-color,transparent); border-style: var(--duqgo6-borderStyle,solid); border-color: var(--duqgo6-borderColor,#000000); border-width: var(--duqgo6-borderWidth-tl,0px) var(--duqgo6-borderWidth-tr,0px) var(--duqgo6-borderWidth-br,0px) var(--duqgo6-borderWidth-bl,0px); border-radius: var(--duqgo6-borderRadius-tl,0px) var(--duqgo6-borderRadius-tr,0px) var(--duqgo6-borderRadius-br,0px) var(--duqgo6-borderRadius-bl,0px); box-shadow: var(--duqgo6-shadowHorizontal, 0px) var(--duqgo6-shadowVertical, 0px) var(--duqgo6-shadowBlur, 0px) 1px color-mix( in srgb, var(--duqgo6-shadowColor, #000000) var(--duqgo6-shadowTransparent, 0%), transparent ); max-width: var(--duqgo6-max-width, 100%); width: 100%; height: if(style(--duqgo6-position: absolute): var(--duqgo6-height,100%); else: unset ); backdrop-filter:blur(var(--duqgo6-background-blur, none)) saturate(var(--duqgo6-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--duqgo6-position-tablet, var(--duqgo6-position, relative)); top: var(--duqgo6-top-tablet, var(--duqgo6-top, auto)); right: var(--duqgo6-right-tablet, var(--duqgo6-right, auto)); bottom: var(--duqgo6-bottom-tablet, var(--duqgo6-bottom, auto)); left: var(--duqgo6-left-tablet, var(--duqgo6-left, auto)); transform: var(--duqgo6-transform-tablet, var(--duqgo6-transform, none)); z-index: var(--duqgo6-z-index-tablet, var(--duqgo6-z-index, 10)); aspect-ratio: var(--duqgo6-background-imageRatio-tablet, var(--duqgo6-background-imageRatio, auto)); border-width: var(--duqgo6-borderWidth-tl-tablet, var(--duqgo6-borderWidth-tl,0px)) var(--duqgo6-borderWidth-tr-tablet,var(--duqgo6-borderWidth-tr,0px)) var(--duqgo6-borderWidth-br-tablet,var(--duqgo6-borderWidth-br,0px)) var(--duqgo6-borderWidth-bl-tablet,var(--duqgo6-borderWidth-bl,0px)); border-radius: var(--duqgo6-borderRadius-tl-tablet,var(--duqgo6-borderRadius-tl,0px)) var(--duqgo6-borderRadius-tr-tablet,var(--duqgo6-borderRadius-tr,0px)) var(--duqgo6-borderRadius-br-tablet,var(--duqgo6-borderRadius-br,0px)) var(--duqgo6-borderRadius-bl-tablet,var(--duqgo6-borderRadius-bl,0px)); max-width: var(--duqgo6-max-width-tablet, var(--duqgo6-max-width, 100%)); height: if(style(--duqgo6-position-tablet: absolute): var(--duqgo6-height-tablet,var(--duqgo6-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--duqgo6-position-mobile, var(--duqgo6-position-tablet, var(--duqgo6-position, relative))); top: var(--duqgo6-top-mobile, var(--duqgo6-top-tablet, var(--duqgo6-top, auto))); right: var(--duqgo6-right-mobile, var(--duqgo6-right-tablet, var(--duqgo6-right, auto))); bottom: var(--duqgo6-bottom-mobile, var(--duqgo6-bottom-tablet, var(--duqgo6-bottom, auto))); left: var(--duqgo6-left-mobile, var(--duqgo6-left-tablet, var(--duqgo6-left, auto))); transform: var(--duqgo6-transform-mobile, var(--duqgo6-transform-tablet, var(--duqgo6-transform, none))); z-index: var(--duqgo6-z-index-mobile, var(--duqgo6-z-index-tablet, var(--duqgo6-z-index, 10))); aspect-ratio: var(--duqgo6-background-imageRatio-mobile, var(--duqgo6-background-imageRatio, auto)); border-width: var(--duqgo6-borderWidth-tl-mobile, var(--duqgo6-borderWidth-tl,0px)) var(--duqgo6-borderWidth-tr-mobile,var(--duqgo6-borderWidth-tr,0px)) var(--duqgo6-borderWidth-br-mobile,var(--duqgo6-borderWidth-br,0px)) var(--duqgo6-borderWidth-bl-mobile,var(--duqgo6-borderWidth-bl,0px)); border-radius: var(--duqgo6-borderRadius-tl-mobile,var(--duqgo6-borderRadius-tl,0px)) var(--duqgo6-borderRadius-tr-mobile,var(--duqgo6-borderRadius-tr,0px)) var(--duqgo6-borderRadius-br-mobile,var(--duqgo6-borderRadius-br,0px)) var(--duqgo6-borderRadius-bl-mobile,var(--duqgo6-borderRadius-bl,0px)); max-width: var(--duqgo6-max-width-mobile, var(--duqgo6-max-width, 100%)); height: if(style(--duqgo6-position-mobile: absolute): var(--duqgo6-height-mobile,var(--duqgo6-height-tablet,,var(--duqgo6-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--duqgo6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--duqgo6-gap,var(--beae-card-gap)); padding-top: var(--duqgo6-padding-top,var(--beae-card-padding)); padding-right: var(--duqgo6-padding-right,var(--beae-card-padding)); padding-bottom: var(--duqgo6-padding-bottom,var(--beae-card-padding)); padding-left: var(--duqgo6-padding-left,var(--beae-card-padding)); border-width: var(--duqgo6-borderWidth-tl,var(--beae-card-border-width)) var(--duqgo6-borderWidth-tr,var(--beae-card-border-width)) var(--duqgo6-borderWidth-br,var(--beae-card-border-width)) var(--duqgo6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--duqgo6-borderRadius-tl,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-tr,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-br,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--duqgo6-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--duqgo6-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--duqgo6-gap-tablet,var(--beae-card-gap)); padding-top: var(--duqgo6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--duqgo6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--duqgo6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--duqgo6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--duqgo6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--duqgo6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--duqgo6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--duqgo6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--duqgo6-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--duqgo6-gap-mobile,var(--beae-card-gap)); padding-top: var(--duqgo6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--duqgo6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--duqgo6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--duqgo6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--duqgo6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--duqgo6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--duqgo6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--duqgo6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--duqgo6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--duqgo6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--duqgo6-background-color,var(--beae-card-featured-background)); border-color: var(--duqgo6-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--duqgo6-shadowHorizontal, var(--beae-card-shadow-x)) var(--duqgo6-shadowVertical, var(--beae-card-shadow-y)) var(--duqgo6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--duqgo6-shadowColor, var(--beae-card-featured-shadow-color)) var(--duqgo6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--duqgo6-background-color,var(--beae-card-prod-background)); border-color: var(--duqgo6-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--duqgo6-shadowHorizontal, var(--beae-card-shadow-x)) var(--duqgo6-shadowVertical, var(--beae-card-shadow-y)) var(--duqgo6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--duqgo6-shadowColor, var(--beae-card-prod-shadow-color)) var(--duqgo6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--duqgo6-background-color,var(--beae-card-pricing-background)); border-color: var(--duqgo6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--duqgo6-shadowHorizontal, var(--beae-card-shadow-x)) var(--duqgo6-shadowVertical, var(--beae-card-shadow-y)) var(--duqgo6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--duqgo6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--duqgo6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--duqgo6-background-color,var(--beae-card-cta-background)); border-color: var(--duqgo6-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--duqgo6-shadowHorizontal, var(--beae-card-shadow-x)) var(--duqgo6-shadowVertical, var(--beae-card-shadow-y)) var(--duqgo6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--duqgo6-shadowColor, var(--beae-card-cta-shadow-color)) var(--duqgo6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-duqgo6"] {     display: flex;     flex-direction: var(--duqgo6-direction, column);     flex-wrap: nowrap;     justify-content: var(--duqgo6-justify-content);     align-items: var(--duqgo6-align-items);     gap: var(--duqgo6-gap, var(--duqgo6-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-duqgo6"] {                            gap: var(--duqgo6-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--duqgo6-padding-right-tablet, 0px) - var(--duqgo6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-duqgo6"] {                            gap: var(--duqgo6-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--duqgo6-padding-right-mobile, 0px) - var(--duqgo6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-stcr17"] { --stcr17-direction: column; --stcr17-direction-tablet: column; --stcr17-direction-mobile: column; --stcr17-structure: columns; --stcr17-structure-tablet: columns; --stcr17-structure-mobile: columns; --stcr17-gap: 4px; --stcr17-gap-tablet: 4px; --stcr17-gap-mobile: 4px; --stcr17-background-0: c; --stcr17-background-0-tablet: c; --stcr17-background-0-mobile: c; --stcr17-background-1: o; --stcr17-background-1-tablet: o; --stcr17-background-1-mobile: o; --stcr17-background-2: l; --stcr17-background-2-tablet: l; --stcr17-background-2-mobile: l; --stcr17-background-3: o; --stcr17-background-3-tablet: o; --stcr17-background-3-mobile: o; --stcr17-background-4: r; --stcr17-background-4-tablet: r; --stcr17-background-4-mobile: r; --stcr17-background-type: color; --stcr17-background-type-tablet: color; --stcr17-background-type-mobile: color; --stcr17-background-color: #21212166; --stcr17-background-color-tablet: #21212166; --stcr17-background-color-mobile: #21212166; --stcr17-background-saturation: 100%; --stcr17-background-saturation-tablet: 100%; --stcr17-background-saturation-mobile: 100%; --stcr17-borderRadius-tl: 8px; --stcr17-borderRadius-tl-tablet: 8px; --stcr17-borderRadius-tl-mobile: 8px; --stcr17-borderRadius-tr: 8px; --stcr17-borderRadius-tr-tablet: 8px; --stcr17-borderRadius-tr-mobile: 8px; --stcr17-borderRadius-bl: 8px; --stcr17-borderRadius-bl-tablet: 8px; --stcr17-borderRadius-bl-mobile: 8px; --stcr17-borderRadius-br: 8px; --stcr17-borderRadius-br-tablet: 8px; --stcr17-borderRadius-br-mobile: 8px; --stcr17-padding-top: 16px; --stcr17-padding-top-tablet: 16px; --stcr17-padding-top-mobile: 16px; --stcr17-padding-right: 24px; --stcr17-padding-right-tablet: 24px; --stcr17-padding-right-mobile: 24px; --stcr17-padding-bottom: 16px; --stcr17-padding-bottom-tablet: 16px; --stcr17-padding-bottom-mobile: 16px; --stcr17-padding-left: 24px; --stcr17-padding-left-tablet: 24px; --stcr17-padding-left-mobile: 24px; --stcr17-surface: accent; --stcr17-surface-tablet: accent; --stcr17-surface-mobile: accent; }[data-bnode="beae-stcr17"] { padding-top: var(--stcr17-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--stcr17-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--stcr17-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--stcr17-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--stcr17-padding-top-tablet, var(--stcr17-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--stcr17-padding-right-tablet, var(--stcr17-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--stcr17-padding-bottom-tablet, var(--stcr17-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--stcr17-padding-left-tablet, var(--stcr17-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--stcr17-padding-top-mobile, var(--stcr17-padding-top-tablet, var(--stcr17-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--stcr17-padding-right-mobile, var(--stcr17-padding-right-tablet, var(--stcr17-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--stcr17-padding-bottom-mobile, var(--stcr17-padding-bottom-tablet, var(--stcr17-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--stcr17-padding-left-mobile, var(--stcr17-padding-left-tablet, var(--stcr17-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--stcr17-position, relative); top: var(--stcr17-top, auto); right: var(--stcr17-right, auto); bottom: var(--stcr17-bottom, auto); left: var(--stcr17-left, auto); transform: var(--stcr17-transform, none); z-index: var(--stcr17-z-index, 10); aspect-ratio: var(--stcr17-background-imageRatio, auto); background: var(--stcr17-background-color,transparent); border-style: var(--stcr17-borderStyle,solid); border-color: var(--stcr17-borderColor,#000000); border-width: var(--stcr17-borderWidth-tl,0px) var(--stcr17-borderWidth-tr,0px) var(--stcr17-borderWidth-br,0px) var(--stcr17-borderWidth-bl,0px); border-radius: var(--stcr17-borderRadius-tl,0px) var(--stcr17-borderRadius-tr,0px) var(--stcr17-borderRadius-br,0px) var(--stcr17-borderRadius-bl,0px); box-shadow: var(--stcr17-shadowHorizontal, 0px) var(--stcr17-shadowVertical, 0px) var(--stcr17-shadowBlur, 0px) 1px color-mix( in srgb, var(--stcr17-shadowColor, #000000) var(--stcr17-shadowTransparent, 0%), transparent ); max-width: var(--stcr17-max-width, 100%); width: 100%; height: if(style(--stcr17-position: absolute): var(--stcr17-height,100%); else: unset ); backdrop-filter:blur(var(--stcr17-background-blur, none)) saturate(var(--stcr17-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--stcr17-position-tablet, var(--stcr17-position, relative)); top: var(--stcr17-top-tablet, var(--stcr17-top, auto)); right: var(--stcr17-right-tablet, var(--stcr17-right, auto)); bottom: var(--stcr17-bottom-tablet, var(--stcr17-bottom, auto)); left: var(--stcr17-left-tablet, var(--stcr17-left, auto)); transform: var(--stcr17-transform-tablet, var(--stcr17-transform, none)); z-index: var(--stcr17-z-index-tablet, var(--stcr17-z-index, 10)); aspect-ratio: var(--stcr17-background-imageRatio-tablet, var(--stcr17-background-imageRatio, auto)); border-width: var(--stcr17-borderWidth-tl-tablet, var(--stcr17-borderWidth-tl,0px)) var(--stcr17-borderWidth-tr-tablet,var(--stcr17-borderWidth-tr,0px)) var(--stcr17-borderWidth-br-tablet,var(--stcr17-borderWidth-br,0px)) var(--stcr17-borderWidth-bl-tablet,var(--stcr17-borderWidth-bl,0px)); border-radius: var(--stcr17-borderRadius-tl-tablet,var(--stcr17-borderRadius-tl,0px)) var(--stcr17-borderRadius-tr-tablet,var(--stcr17-borderRadius-tr,0px)) var(--stcr17-borderRadius-br-tablet,var(--stcr17-borderRadius-br,0px)) var(--stcr17-borderRadius-bl-tablet,var(--stcr17-borderRadius-bl,0px)); max-width: var(--stcr17-max-width-tablet, var(--stcr17-max-width, 100%)); height: if(style(--stcr17-position-tablet: absolute): var(--stcr17-height-tablet,var(--stcr17-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--stcr17-position-mobile, var(--stcr17-position-tablet, var(--stcr17-position, relative))); top: var(--stcr17-top-mobile, var(--stcr17-top-tablet, var(--stcr17-top, auto))); right: var(--stcr17-right-mobile, var(--stcr17-right-tablet, var(--stcr17-right, auto))); bottom: var(--stcr17-bottom-mobile, var(--stcr17-bottom-tablet, var(--stcr17-bottom, auto))); left: var(--stcr17-left-mobile, var(--stcr17-left-tablet, var(--stcr17-left, auto))); transform: var(--stcr17-transform-mobile, var(--stcr17-transform-tablet, var(--stcr17-transform, none))); z-index: var(--stcr17-z-index-mobile, var(--stcr17-z-index-tablet, var(--stcr17-z-index, 10))); aspect-ratio: var(--stcr17-background-imageRatio-mobile, var(--stcr17-background-imageRatio, auto)); border-width: var(--stcr17-borderWidth-tl-mobile, var(--stcr17-borderWidth-tl,0px)) var(--stcr17-borderWidth-tr-mobile,var(--stcr17-borderWidth-tr,0px)) var(--stcr17-borderWidth-br-mobile,var(--stcr17-borderWidth-br,0px)) var(--stcr17-borderWidth-bl-mobile,var(--stcr17-borderWidth-bl,0px)); border-radius: var(--stcr17-borderRadius-tl-mobile,var(--stcr17-borderRadius-tl,0px)) var(--stcr17-borderRadius-tr-mobile,var(--stcr17-borderRadius-tr,0px)) var(--stcr17-borderRadius-br-mobile,var(--stcr17-borderRadius-br,0px)) var(--stcr17-borderRadius-bl-mobile,var(--stcr17-borderRadius-bl,0px)); max-width: var(--stcr17-max-width-mobile, var(--stcr17-max-width, 100%)); height: if(style(--stcr17-position-mobile: absolute): var(--stcr17-height-mobile,var(--stcr17-height-tablet,,var(--stcr17-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--stcr17-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--stcr17-gap,var(--beae-card-gap)); padding-top: var(--stcr17-padding-top,var(--beae-card-padding)); padding-right: var(--stcr17-padding-right,var(--beae-card-padding)); padding-bottom: var(--stcr17-padding-bottom,var(--beae-card-padding)); padding-left: var(--stcr17-padding-left,var(--beae-card-padding)); border-width: var(--stcr17-borderWidth-tl,var(--beae-card-border-width)) var(--stcr17-borderWidth-tr,var(--beae-card-border-width)) var(--stcr17-borderWidth-br,var(--beae-card-border-width)) var(--stcr17-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--stcr17-borderRadius-tl,var(--beae-card-border-radius)) var(--stcr17-borderRadius-tr,var(--beae-card-border-radius)) var(--stcr17-borderRadius-br,var(--beae-card-border-radius)) var(--stcr17-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--stcr17-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--stcr17-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--stcr17-gap-tablet,var(--beae-card-gap)); padding-top: var(--stcr17-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--stcr17-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--stcr17-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--stcr17-padding-left-tablet,var(--beae-card-padding)); border-width: var(--stcr17-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--stcr17-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--stcr17-borderWidth-br-desktop,var(--beae-card-border-width)) var(--stcr17-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--stcr17-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--stcr17-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--stcr17-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--stcr17-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--stcr17-gap-mobile,var(--beae-card-gap)); padding-top: var(--stcr17-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--stcr17-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--stcr17-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--stcr17-padding-left-mobile,var(--beae-card-padding)); border-width: var(--stcr17-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--stcr17-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--stcr17-borderWidth-br-mobile,var(--beae-card-border-width)) var(--stcr17-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--stcr17-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--stcr17-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--stcr17-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--stcr17-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--stcr17-background-color,var(--beae-card-featured-background)); border-color: var(--stcr17-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--stcr17-shadowHorizontal, var(--beae-card-shadow-x)) var(--stcr17-shadowVertical, var(--beae-card-shadow-y)) var(--stcr17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--stcr17-shadowColor, var(--beae-card-featured-shadow-color)) var(--stcr17-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--stcr17-background-color,var(--beae-card-prod-background)); border-color: var(--stcr17-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--stcr17-shadowHorizontal, var(--beae-card-shadow-x)) var(--stcr17-shadowVertical, var(--beae-card-shadow-y)) var(--stcr17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--stcr17-shadowColor, var(--beae-card-prod-shadow-color)) var(--stcr17-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--stcr17-background-color,var(--beae-card-pricing-background)); border-color: var(--stcr17-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--stcr17-shadowHorizontal, var(--beae-card-shadow-x)) var(--stcr17-shadowVertical, var(--beae-card-shadow-y)) var(--stcr17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--stcr17-shadowColor, var(--beae-card-pricing-shadow-color)) var(--stcr17-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--stcr17-background-color,var(--beae-card-cta-background)); border-color: var(--stcr17-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--stcr17-shadowHorizontal, var(--beae-card-shadow-x)) var(--stcr17-shadowVertical, var(--beae-card-shadow-y)) var(--stcr17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--stcr17-shadowColor, var(--beae-card-cta-shadow-color)) var(--stcr17-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-stcr17"] {     display: flex;     flex-direction: var(--stcr17-direction, column);     flex-wrap: nowrap;     justify-content: var(--stcr17-justify-content);     align-items: var(--stcr17-align-items);     gap: var(--stcr17-gap, var(--stcr17-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-stcr17"] {                            gap: var(--stcr17-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--stcr17-padding-right-tablet, 0px) - var(--stcr17-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-stcr17"] {                            gap: var(--stcr17-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--stcr17-padding-right-mobile, 0px) - var(--stcr17-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mvrdbf"] { --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #ffffff; --beae-h5-font-family: Inter; --beae-h5-font-weight: 700; --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: capitalize; --mvrdbf-typography: h5; --mvrdbf-typography-tablet: h5; --mvrdbf-typography-mobile: h5; --beae-h5-text-align: center; }[data-bnode="beae-mvrdbf"] { margin-top: var(--mvrdbf-margin-top, 0px); margin-right: var(--mvrdbf-margin-right, 0px); margin-bottom: var(--mvrdbf-margin-bottom, 0px); margin-left: var(--mvrdbf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mvrdbf-margin-top-tablet, 0px); margin-right: var(--mvrdbf-margin-right-tablet, 0px); margin-bottom: var(--mvrdbf-margin-bottom-tablet, 0px); margin-left: var(--mvrdbf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mvrdbf-margin-top-mobile, 0px); margin-right: var(--mvrdbf-margin-right-mobile, 0px); margin-bottom: var(--mvrdbf-margin-bottom-mobile, 0px); margin-left: var(--mvrdbf-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--mvrdbf-highlightColor,var(--beae-p-color)); top: var(--mvrdbf-highlightTop, 100%); } }[data-bnode="beae-ceuben"] { --beae-p-font-size: NaNpx; --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: NaNpx; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --ceuben-typography: p; --ceuben-typography-tablet: p; --ceuben-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-ceuben"] { margin-top: var(--ceuben-margin-top, 0px); margin-right: var(--ceuben-margin-right, 0px); margin-bottom: var(--ceuben-margin-bottom, 0px); margin-left: var(--ceuben-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ceuben-margin-top-tablet, 0px); margin-right: var(--ceuben-margin-right-tablet, 0px); margin-bottom: var(--ceuben-margin-bottom-tablet, 0px); margin-left: var(--ceuben-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ceuben-margin-top-mobile, 0px); margin-right: var(--ceuben-margin-right-mobile, 0px); margin-bottom: var(--ceuben-margin-bottom-mobile, 0px); margin-left: var(--ceuben-margin-left-mobile, 0px); } }[data-bnode="beae-9g18ep"] { --9g18ep-direction: column; --9g18ep-direction-tablet: column; --9g18ep-direction-mobile: column; --9g18ep-structure: columns; --9g18ep-structure-tablet: columns; --9g18ep-structure-mobile: columns; --9g18ep-borderRadius-tl: 16px; --9g18ep-borderRadius-tl-tablet: 16px; --9g18ep-borderRadius-tl-mobile: 16px; --9g18ep-borderRadius-tr: 16px; --9g18ep-borderRadius-tr-tablet: 16px; --9g18ep-borderRadius-tr-mobile: 16px; --9g18ep-borderRadius-bl: 16px; --9g18ep-borderRadius-bl-tablet: 16px; --9g18ep-borderRadius-bl-mobile: 16px; --9g18ep-borderRadius-br: 16px; --9g18ep-borderRadius-br-tablet: 16px; --9g18ep-borderRadius-br-mobile: 16px; --9g18ep-align-items: flex-end; --9g18ep-align-items-tablet: flex-end; --9g18ep-align-items-mobile: flex-end; --9g18ep-justify-content: flex-end; --9g18ep-justify-content-tablet: flex-end; --9g18ep-justify-content-mobile: flex-end; }[data-bnode="beae-9g18ep"] { padding-top: var(--9g18ep-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9g18ep-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9g18ep-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9g18ep-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9g18ep-padding-top-tablet, var(--9g18ep-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9g18ep-padding-right-tablet, var(--9g18ep-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9g18ep-padding-bottom-tablet, var(--9g18ep-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9g18ep-padding-left-tablet, var(--9g18ep-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9g18ep-padding-top-mobile, var(--9g18ep-padding-top-tablet, var(--9g18ep-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9g18ep-padding-right-mobile, var(--9g18ep-padding-right-tablet, var(--9g18ep-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9g18ep-padding-bottom-mobile, var(--9g18ep-padding-bottom-tablet, var(--9g18ep-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9g18ep-padding-left-mobile, var(--9g18ep-padding-left-tablet, var(--9g18ep-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--9g18ep-position, relative); top: var(--9g18ep-top, auto); right: var(--9g18ep-right, auto); bottom: var(--9g18ep-bottom, auto); left: var(--9g18ep-left, auto); transform: var(--9g18ep-transform, none); z-index: var(--9g18ep-z-index, 10); aspect-ratio: var(--9g18ep-background-imageRatio, auto); background: var(--9g18ep-background-color,transparent); border-style: var(--9g18ep-borderStyle,solid); border-color: var(--9g18ep-borderColor,#000000); border-width: var(--9g18ep-borderWidth-tl,0px) var(--9g18ep-borderWidth-tr,0px) var(--9g18ep-borderWidth-br,0px) var(--9g18ep-borderWidth-bl,0px); border-radius: var(--9g18ep-borderRadius-tl,0px) var(--9g18ep-borderRadius-tr,0px) var(--9g18ep-borderRadius-br,0px) var(--9g18ep-borderRadius-bl,0px); box-shadow: var(--9g18ep-shadowHorizontal, 0px) var(--9g18ep-shadowVertical, 0px) var(--9g18ep-shadowBlur, 0px) 1px color-mix( in srgb, var(--9g18ep-shadowColor, #000000) var(--9g18ep-shadowTransparent, 0%), transparent ); max-width: var(--9g18ep-max-width, 100%); width: 100%; height: if(style(--9g18ep-position: absolute): var(--9g18ep-height,100%); else: unset ); backdrop-filter:blur(var(--9g18ep-background-blur, none)) saturate(var(--9g18ep-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--9g18ep-position-tablet, var(--9g18ep-position, relative)); top: var(--9g18ep-top-tablet, var(--9g18ep-top, auto)); right: var(--9g18ep-right-tablet, var(--9g18ep-right, auto)); bottom: var(--9g18ep-bottom-tablet, var(--9g18ep-bottom, auto)); left: var(--9g18ep-left-tablet, var(--9g18ep-left, auto)); transform: var(--9g18ep-transform-tablet, var(--9g18ep-transform, none)); z-index: var(--9g18ep-z-index-tablet, var(--9g18ep-z-index, 10)); aspect-ratio: var(--9g18ep-background-imageRatio-tablet, var(--9g18ep-background-imageRatio, auto)); border-width: var(--9g18ep-borderWidth-tl-tablet, var(--9g18ep-borderWidth-tl,0px)) var(--9g18ep-borderWidth-tr-tablet,var(--9g18ep-borderWidth-tr,0px)) var(--9g18ep-borderWidth-br-tablet,var(--9g18ep-borderWidth-br,0px)) var(--9g18ep-borderWidth-bl-tablet,var(--9g18ep-borderWidth-bl,0px)); border-radius: var(--9g18ep-borderRadius-tl-tablet,var(--9g18ep-borderRadius-tl,0px)) var(--9g18ep-borderRadius-tr-tablet,var(--9g18ep-borderRadius-tr,0px)) var(--9g18ep-borderRadius-br-tablet,var(--9g18ep-borderRadius-br,0px)) var(--9g18ep-borderRadius-bl-tablet,var(--9g18ep-borderRadius-bl,0px)); max-width: var(--9g18ep-max-width-tablet, var(--9g18ep-max-width, 100%)); height: if(style(--9g18ep-position-tablet: absolute): var(--9g18ep-height-tablet,var(--9g18ep-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--9g18ep-position-mobile, var(--9g18ep-position-tablet, var(--9g18ep-position, relative))); top: var(--9g18ep-top-mobile, var(--9g18ep-top-tablet, var(--9g18ep-top, auto))); right: var(--9g18ep-right-mobile, var(--9g18ep-right-tablet, var(--9g18ep-right, auto))); bottom: var(--9g18ep-bottom-mobile, var(--9g18ep-bottom-tablet, var(--9g18ep-bottom, auto))); left: var(--9g18ep-left-mobile, var(--9g18ep-left-tablet, var(--9g18ep-left, auto))); transform: var(--9g18ep-transform-mobile, var(--9g18ep-transform-tablet, var(--9g18ep-transform, none))); z-index: var(--9g18ep-z-index-mobile, var(--9g18ep-z-index-tablet, var(--9g18ep-z-index, 10))); aspect-ratio: var(--9g18ep-background-imageRatio-mobile, var(--9g18ep-background-imageRatio, auto)); border-width: var(--9g18ep-borderWidth-tl-mobile, var(--9g18ep-borderWidth-tl,0px)) var(--9g18ep-borderWidth-tr-mobile,var(--9g18ep-borderWidth-tr,0px)) var(--9g18ep-borderWidth-br-mobile,var(--9g18ep-borderWidth-br,0px)) var(--9g18ep-borderWidth-bl-mobile,var(--9g18ep-borderWidth-bl,0px)); border-radius: var(--9g18ep-borderRadius-tl-mobile,var(--9g18ep-borderRadius-tl,0px)) var(--9g18ep-borderRadius-tr-mobile,var(--9g18ep-borderRadius-tr,0px)) var(--9g18ep-borderRadius-br-mobile,var(--9g18ep-borderRadius-br,0px)) var(--9g18ep-borderRadius-bl-mobile,var(--9g18ep-borderRadius-bl,0px)); max-width: var(--9g18ep-max-width-mobile, var(--9g18ep-max-width, 100%)); height: if(style(--9g18ep-position-mobile: absolute): var(--9g18ep-height-mobile,var(--9g18ep-height-tablet,,var(--9g18ep-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--9g18ep-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--9g18ep-gap,var(--beae-card-gap)); padding-top: var(--9g18ep-padding-top,var(--beae-card-padding)); padding-right: var(--9g18ep-padding-right,var(--beae-card-padding)); padding-bottom: var(--9g18ep-padding-bottom,var(--beae-card-padding)); padding-left: var(--9g18ep-padding-left,var(--beae-card-padding)); border-width: var(--9g18ep-borderWidth-tl,var(--beae-card-border-width)) var(--9g18ep-borderWidth-tr,var(--beae-card-border-width)) var(--9g18ep-borderWidth-br,var(--beae-card-border-width)) var(--9g18ep-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--9g18ep-borderRadius-tl,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-tr,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-br,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--9g18ep-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--9g18ep-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--9g18ep-gap-tablet,var(--beae-card-gap)); padding-top: var(--9g18ep-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--9g18ep-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--9g18ep-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--9g18ep-padding-left-tablet,var(--beae-card-padding)); border-width: var(--9g18ep-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--9g18ep-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--9g18ep-borderWidth-br-desktop,var(--beae-card-border-width)) var(--9g18ep-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--9g18ep-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--9g18ep-gap-mobile,var(--beae-card-gap)); padding-top: var(--9g18ep-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--9g18ep-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--9g18ep-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--9g18ep-padding-left-mobile,var(--beae-card-padding)); border-width: var(--9g18ep-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--9g18ep-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--9g18ep-borderWidth-br-mobile,var(--beae-card-border-width)) var(--9g18ep-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--9g18ep-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--9g18ep-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--9g18ep-background-color,var(--beae-card-featured-background)); border-color: var(--9g18ep-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--9g18ep-shadowHorizontal, var(--beae-card-shadow-x)) var(--9g18ep-shadowVertical, var(--beae-card-shadow-y)) var(--9g18ep-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9g18ep-shadowColor, var(--beae-card-featured-shadow-color)) var(--9g18ep-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--9g18ep-background-color,var(--beae-card-prod-background)); border-color: var(--9g18ep-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--9g18ep-shadowHorizontal, var(--beae-card-shadow-x)) var(--9g18ep-shadowVertical, var(--beae-card-shadow-y)) var(--9g18ep-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9g18ep-shadowColor, var(--beae-card-prod-shadow-color)) var(--9g18ep-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--9g18ep-background-color,var(--beae-card-pricing-background)); border-color: var(--9g18ep-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--9g18ep-shadowHorizontal, var(--beae-card-shadow-x)) var(--9g18ep-shadowVertical, var(--beae-card-shadow-y)) var(--9g18ep-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9g18ep-shadowColor, var(--beae-card-pricing-shadow-color)) var(--9g18ep-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--9g18ep-background-color,var(--beae-card-cta-background)); border-color: var(--9g18ep-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--9g18ep-shadowHorizontal, var(--beae-card-shadow-x)) var(--9g18ep-shadowVertical, var(--beae-card-shadow-y)) var(--9g18ep-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9g18ep-shadowColor, var(--beae-card-cta-shadow-color)) var(--9g18ep-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-9g18ep"] {     display: flex;     flex-direction: var(--9g18ep-direction, column);     flex-wrap: nowrap;     justify-content: var(--9g18ep-justify-content);     align-items: var(--9g18ep-align-items);     gap: var(--9g18ep-gap, var(--9g18ep-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9g18ep"] {                            gap: var(--9g18ep-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--9g18ep-padding-right-tablet, 0px) - var(--9g18ep-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9g18ep"] {                            gap: var(--9g18ep-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--9g18ep-padding-right-mobile, 0px) - var(--9g18ep-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7l93pu"] { --7l93pu-width: 100%; --7l93pu-width-tablet: 100%; --7l93pu-width-mobile: 100%; --7l93pu-imageRatio: 520/333; --7l93pu-imageRatio-tablet: 3/2; --7l93pu-imageRatio-mobile: 1/1; --7l93pu-objFit: cover; --7l93pu-objFit-tablet: cover; --7l93pu-objFit-mobile: cover; --7l93pu-borderStyle: none; --7l93pu-borderStyle-tablet: none; --7l93pu-borderStyle-mobile: none; --7l93pu-borderRadius-tl: 16px; --7l93pu-borderRadius-tl-tablet: 16px; --7l93pu-borderRadius-tl-mobile: 16px; --7l93pu-borderRadius-tr: 16px; --7l93pu-borderRadius-tr-tablet: 16px; --7l93pu-borderRadius-tr-mobile: 16px; --7l93pu-borderRadius-bl: 16px; --7l93pu-borderRadius-bl-tablet: 16px; --7l93pu-borderRadius-bl-mobile: 16px; --7l93pu-borderRadius-br: 16px; --7l93pu-borderRadius-br-tablet: 16px; --7l93pu-borderRadius-br-mobile: 16px; }[data-bnode="beae-7l93pu"] { margin-top: var(--7l93pu-margin-top, 0px); margin-right: var(--7l93pu-margin-right, 0px); margin-bottom: var(--7l93pu-margin-bottom, 0px); margin-left: var(--7l93pu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7l93pu-margin-top-tablet, 0px); margin-right: var(--7l93pu-margin-right-tablet, 0px); margin-bottom: var(--7l93pu-margin-bottom-tablet, 0px); margin-left: var(--7l93pu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7l93pu-margin-top-mobile, 0px); margin-right: var(--7l93pu-margin-right-mobile, 0px); margin-bottom: var(--7l93pu-margin-bottom-mobile, 0px); margin-left: var(--7l93pu-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--7l93pu-width,100%) - var(--7l93pu-margin-left,0px) - var(--7l93pu-margin-right,0px)); min-height: min-content; border-color: var(--7l93pu-borderColor,var(--beae-card-media-border-color)); border-style: var(--7l93pu-borderStyle,solid); border-width: var(--7l93pu-borderWidth-tl,var(--beae-card-border-width)) var(--7l93pu-borderWidth-tr,var(--beae-card-border-width)) var(--7l93pu-borderWidth-br,var(--beae-card-border-width)) var(--7l93pu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7l93pu-borderRadius-tl,var(--beae-card-border-radius)) var(--7l93pu-borderRadius-tr,var(--beae-card-border-radius)) var(--7l93pu-borderRadius-br,var(--beae-card-border-radius)) var(--7l93pu-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--7l93pu-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--7l93pu-borderWidth-tl-tablet, var(--7l93pu-borderWidth-tl,var(--beae-card-border-width))) var(--7l93pu-borderWidth-tr-tablet, var(--7l93pu-borderWidth-tr,var(--beae-card-border-width))) var(--7l93pu-borderWidth-br-tablet, var(--7l93pu-borderWidth-br,var(--beae-card-border-width))) var(--7l93pu-borderWidth-bl-tablet, var(--7l93pu-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--7l93pu-borderRadius-tl-tablet, var(--7l93pu-borderRadius-tl,var(--beae-card-border-radius))) var(--7l93pu-borderRadius-tr-tablet, var(--7l93pu-borderRadius-tr,var(--beae-card-border-radius))) var(--7l93pu-borderRadius-br-tablet, var(--7l93pu-borderRadius-br,var(--beae-card-border-radius))) var(--7l93pu-borderRadius-bl-tablet, var(--7l93pu-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--7l93pu-borderWidth-tl-mobile, var(--7l93pu-borderWidth-tl,var(--beae-card-border-width))) var(--7l93pu-borderWidth-tr-mobile, var(--7l93pu-borderWidth-tr,var(--beae-card-border-width))) var(--7l93pu-borderWidth-br-mobile, var(--7l93pu-borderWidth-br,var(--beae-card-border-width))) var(--7l93pu-borderWidth-bl-mobile, var(--7l93pu-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--7l93pu-borderRadius-tl-mobile, var(--7l93pu-borderRadius-tl,var(--beae-card-border-radius))) var(--7l93pu-borderRadius-tr-mobile, var(--7l93pu-borderRadius-tr,var(--beae-card-border-radius))) var(--7l93pu-borderRadius-br-mobile, var(--7l93pu-borderRadius-br,var(--beae-card-border-radius))) var(--7l93pu-borderRadius-bl-mobile, var(--7l93pu-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--7l93pu-shadowHorizontal, var(--beae-card-shadow-x)) var(--7l93pu-shadowVertical, var(--beae-card-shadow-y)) var(--7l93pu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7l93pu-shadowColor, var(--beae-card-media-shadow-color)) var(--7l93pu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--7l93pu-overlayColor-color, #000); opacity: var(--7l93pu-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--7l93pu-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--7l93pu-width-tablet,var(--7l93pu-width,100%)) - var(--7l93pu-margin-left-tablet,var(--7l93pu-margin-left,0px)) - var(--7l93pu-margin-right-tablet,var(--7l93pu-margin-right,0px))); aspect-ratio: var(--7l93pu-imageRatio-tablet, var(--7l93pu-imageRatio, auto)); img { object-fit: var(--7l93pu-objFit-tablet, var(--7l93pu-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--7l93pu-width-mobile,var(--7l93pu-width,100%)) - var(--7l93pu-margin-left-mobile,var(--7l93pu-margin-left,0px)) - var(--7l93pu-margin-right-mobile,var(--7l93pu-margin-right,0px))); aspect-ratio: var(--7l93pu-imageRatio-mobile, var(--7l93pu-imageRatio, auto)); img { object-fit: var(--7l93pu-objFit-mobile, var(--7l93pu-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-ja7fqn"] { --ja7fqn-direction: column; --ja7fqn-direction-tablet: column; --ja7fqn-direction-mobile: column; --ja7fqn-structure: columns; --ja7fqn-structure-tablet: columns; --ja7fqn-structure-mobile: columns; --ja7fqn-align-items: stretch; --ja7fqn-align-items-tablet: stretch; --ja7fqn-align-items-mobile: stretch; --ja7fqn-padding-top: 10px; --ja7fqn-padding-top-tablet: 10px; --ja7fqn-padding-top-mobile: 10px; --ja7fqn-padding-right: 10px; --ja7fqn-padding-right-tablet: 10px; --ja7fqn-padding-right-mobile: 10px; --ja7fqn-padding-bottom: 10px; --ja7fqn-padding-bottom-tablet: 10px; --ja7fqn-padding-bottom-mobile: 10px; --ja7fqn-padding-left: 10px; --ja7fqn-padding-left-tablet: 10px; --ja7fqn-padding-left-mobile: 10px; --ja7fqn-background-0: c; --ja7fqn-background-0-tablet: c; --ja7fqn-background-0-mobile: c; --ja7fqn-background-1: o; --ja7fqn-background-1-tablet: o; --ja7fqn-background-1-mobile: o; --ja7fqn-background-2: l; --ja7fqn-background-2-tablet: l; --ja7fqn-background-2-mobile: l; --ja7fqn-background-3: o; --ja7fqn-background-3-tablet: o; --ja7fqn-background-3-mobile: o; --ja7fqn-background-4: r; --ja7fqn-background-4-tablet: r; --ja7fqn-background-4-mobile: r; --ja7fqn-background-type: color; --ja7fqn-background-type-tablet: color; --ja7fqn-background-type-mobile: color; --ja7fqn-position: absolute; --ja7fqn-position-tablet: absolute; --ja7fqn-position-mobile: absolute; --ja7fqn-height: fit-content; --ja7fqn-height-tablet: fit-content; --ja7fqn-height-mobile: fit-content; }[data-bnode="beae-ja7fqn"] { padding-top: var(--ja7fqn-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ja7fqn-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ja7fqn-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ja7fqn-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ja7fqn-padding-top-tablet, var(--ja7fqn-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ja7fqn-padding-right-tablet, var(--ja7fqn-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ja7fqn-padding-bottom-tablet, var(--ja7fqn-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ja7fqn-padding-left-tablet, var(--ja7fqn-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ja7fqn-padding-top-mobile, var(--ja7fqn-padding-top-tablet, var(--ja7fqn-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ja7fqn-padding-right-mobile, var(--ja7fqn-padding-right-tablet, var(--ja7fqn-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ja7fqn-padding-bottom-mobile, var(--ja7fqn-padding-bottom-tablet, var(--ja7fqn-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ja7fqn-padding-left-mobile, var(--ja7fqn-padding-left-tablet, var(--ja7fqn-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ja7fqn-position, relative); top: var(--ja7fqn-top, auto); right: var(--ja7fqn-right, auto); bottom: var(--ja7fqn-bottom, auto); left: var(--ja7fqn-left, auto); transform: var(--ja7fqn-transform, none); z-index: var(--ja7fqn-z-index, 10); aspect-ratio: var(--ja7fqn-background-imageRatio, auto); background: var(--ja7fqn-background-color,transparent); border-style: var(--ja7fqn-borderStyle,solid); border-color: var(--ja7fqn-borderColor,#000000); border-width: var(--ja7fqn-borderWidth-tl,0px) var(--ja7fqn-borderWidth-tr,0px) var(--ja7fqn-borderWidth-br,0px) var(--ja7fqn-borderWidth-bl,0px); border-radius: var(--ja7fqn-borderRadius-tl,0px) var(--ja7fqn-borderRadius-tr,0px) var(--ja7fqn-borderRadius-br,0px) var(--ja7fqn-borderRadius-bl,0px); box-shadow: var(--ja7fqn-shadowHorizontal, 0px) var(--ja7fqn-shadowVertical, 0px) var(--ja7fqn-shadowBlur, 0px) 1px color-mix( in srgb, var(--ja7fqn-shadowColor, #000000) var(--ja7fqn-shadowTransparent, 0%), transparent ); max-width: var(--ja7fqn-max-width, 100%); width: 100%; height: if(style(--ja7fqn-position: absolute): var(--ja7fqn-height,100%); else: unset ); backdrop-filter:blur(var(--ja7fqn-background-blur, none)) saturate(var(--ja7fqn-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ja7fqn-position-tablet, var(--ja7fqn-position, relative)); top: var(--ja7fqn-top-tablet, var(--ja7fqn-top, auto)); right: var(--ja7fqn-right-tablet, var(--ja7fqn-right, auto)); bottom: var(--ja7fqn-bottom-tablet, var(--ja7fqn-bottom, auto)); left: var(--ja7fqn-left-tablet, var(--ja7fqn-left, auto)); transform: var(--ja7fqn-transform-tablet, var(--ja7fqn-transform, none)); z-index: var(--ja7fqn-z-index-tablet, var(--ja7fqn-z-index, 10)); aspect-ratio: var(--ja7fqn-background-imageRatio-tablet, var(--ja7fqn-background-imageRatio, auto)); border-width: var(--ja7fqn-borderWidth-tl-tablet, var(--ja7fqn-borderWidth-tl,0px)) var(--ja7fqn-borderWidth-tr-tablet,var(--ja7fqn-borderWidth-tr,0px)) var(--ja7fqn-borderWidth-br-tablet,var(--ja7fqn-borderWidth-br,0px)) var(--ja7fqn-borderWidth-bl-tablet,var(--ja7fqn-borderWidth-bl,0px)); border-radius: var(--ja7fqn-borderRadius-tl-tablet,var(--ja7fqn-borderRadius-tl,0px)) var(--ja7fqn-borderRadius-tr-tablet,var(--ja7fqn-borderRadius-tr,0px)) var(--ja7fqn-borderRadius-br-tablet,var(--ja7fqn-borderRadius-br,0px)) var(--ja7fqn-borderRadius-bl-tablet,var(--ja7fqn-borderRadius-bl,0px)); max-width: var(--ja7fqn-max-width-tablet, var(--ja7fqn-max-width, 100%)); height: if(style(--ja7fqn-position-tablet: absolute): var(--ja7fqn-height-tablet,var(--ja7fqn-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ja7fqn-position-mobile, var(--ja7fqn-position-tablet, var(--ja7fqn-position, relative))); top: var(--ja7fqn-top-mobile, var(--ja7fqn-top-tablet, var(--ja7fqn-top, auto))); right: var(--ja7fqn-right-mobile, var(--ja7fqn-right-tablet, var(--ja7fqn-right, auto))); bottom: var(--ja7fqn-bottom-mobile, var(--ja7fqn-bottom-tablet, var(--ja7fqn-bottom, auto))); left: var(--ja7fqn-left-mobile, var(--ja7fqn-left-tablet, var(--ja7fqn-left, auto))); transform: var(--ja7fqn-transform-mobile, var(--ja7fqn-transform-tablet, var(--ja7fqn-transform, none))); z-index: var(--ja7fqn-z-index-mobile, var(--ja7fqn-z-index-tablet, var(--ja7fqn-z-index, 10))); aspect-ratio: var(--ja7fqn-background-imageRatio-mobile, var(--ja7fqn-background-imageRatio, auto)); border-width: var(--ja7fqn-borderWidth-tl-mobile, var(--ja7fqn-borderWidth-tl,0px)) var(--ja7fqn-borderWidth-tr-mobile,var(--ja7fqn-borderWidth-tr,0px)) var(--ja7fqn-borderWidth-br-mobile,var(--ja7fqn-borderWidth-br,0px)) var(--ja7fqn-borderWidth-bl-mobile,var(--ja7fqn-borderWidth-bl,0px)); border-radius: var(--ja7fqn-borderRadius-tl-mobile,var(--ja7fqn-borderRadius-tl,0px)) var(--ja7fqn-borderRadius-tr-mobile,var(--ja7fqn-borderRadius-tr,0px)) var(--ja7fqn-borderRadius-br-mobile,var(--ja7fqn-borderRadius-br,0px)) var(--ja7fqn-borderRadius-bl-mobile,var(--ja7fqn-borderRadius-bl,0px)); max-width: var(--ja7fqn-max-width-mobile, var(--ja7fqn-max-width, 100%)); height: if(style(--ja7fqn-position-mobile: absolute): var(--ja7fqn-height-mobile,var(--ja7fqn-height-tablet,,var(--ja7fqn-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ja7fqn-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ja7fqn-gap,var(--beae-card-gap)); padding-top: var(--ja7fqn-padding-top,var(--beae-card-padding)); padding-right: var(--ja7fqn-padding-right,var(--beae-card-padding)); padding-bottom: var(--ja7fqn-padding-bottom,var(--beae-card-padding)); padding-left: var(--ja7fqn-padding-left,var(--beae-card-padding)); border-width: var(--ja7fqn-borderWidth-tl,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-tr,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-br,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ja7fqn-borderRadius-tl,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-tr,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-br,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ja7fqn-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ja7fqn-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ja7fqn-gap-tablet,var(--beae-card-gap)); padding-top: var(--ja7fqn-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ja7fqn-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ja7fqn-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ja7fqn-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ja7fqn-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ja7fqn-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ja7fqn-gap-mobile,var(--beae-card-gap)); padding-top: var(--ja7fqn-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ja7fqn-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ja7fqn-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ja7fqn-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ja7fqn-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ja7fqn-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ja7fqn-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ja7fqn-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ja7fqn-background-color,var(--beae-card-featured-background)); border-color: var(--ja7fqn-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ja7fqn-shadowHorizontal, var(--beae-card-shadow-x)) var(--ja7fqn-shadowVertical, var(--beae-card-shadow-y)) var(--ja7fqn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ja7fqn-shadowColor, var(--beae-card-featured-shadow-color)) var(--ja7fqn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ja7fqn-background-color,var(--beae-card-prod-background)); border-color: var(--ja7fqn-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ja7fqn-shadowHorizontal, var(--beae-card-shadow-x)) var(--ja7fqn-shadowVertical, var(--beae-card-shadow-y)) var(--ja7fqn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ja7fqn-shadowColor, var(--beae-card-prod-shadow-color)) var(--ja7fqn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ja7fqn-background-color,var(--beae-card-pricing-background)); border-color: var(--ja7fqn-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ja7fqn-shadowHorizontal, var(--beae-card-shadow-x)) var(--ja7fqn-shadowVertical, var(--beae-card-shadow-y)) var(--ja7fqn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ja7fqn-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ja7fqn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ja7fqn-background-color,var(--beae-card-cta-background)); border-color: var(--ja7fqn-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ja7fqn-shadowHorizontal, var(--beae-card-shadow-x)) var(--ja7fqn-shadowVertical, var(--beae-card-shadow-y)) var(--ja7fqn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ja7fqn-shadowColor, var(--beae-card-cta-shadow-color)) var(--ja7fqn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ja7fqn"] {     display: flex;     flex-direction: var(--ja7fqn-direction, column);     flex-wrap: nowrap;     justify-content: var(--ja7fqn-justify-content);     align-items: var(--ja7fqn-align-items);     gap: var(--ja7fqn-gap, var(--ja7fqn-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ja7fqn"] {                            gap: var(--ja7fqn-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ja7fqn-padding-right-tablet, 0px) - var(--ja7fqn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ja7fqn"] {                            gap: var(--ja7fqn-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ja7fqn-padding-right-mobile, 0px) - var(--ja7fqn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6wapo2"] { --6wapo2-direction: column; --6wapo2-direction-tablet: column; --6wapo2-direction-mobile: column; --6wapo2-structure: columns; --6wapo2-structure-tablet: columns; --6wapo2-structure-mobile: columns; --6wapo2-gap: 4px; --6wapo2-gap-tablet: 4px; --6wapo2-gap-mobile: 4px; --6wapo2-padding-top: 16px; --6wapo2-padding-top-tablet: 16px; --6wapo2-padding-top-mobile: 16px; --6wapo2-padding-right: 24px; --6wapo2-padding-right-tablet: 24px; --6wapo2-padding-right-mobile: 24px; --6wapo2-padding-bottom: 16px; --6wapo2-padding-bottom-tablet: 16px; --6wapo2-padding-bottom-mobile: 16px; --6wapo2-padding-left: 24px; --6wapo2-padding-left-tablet: 24px; --6wapo2-padding-left-mobile: 24px; --6wapo2-background-0: c; --6wapo2-background-0-tablet: c; --6wapo2-background-0-mobile: c; --6wapo2-background-1: o; --6wapo2-background-1-tablet: o; --6wapo2-background-1-mobile: o; --6wapo2-background-2: l; --6wapo2-background-2-tablet: l; --6wapo2-background-2-mobile: l; --6wapo2-background-3: o; --6wapo2-background-3-tablet: o; --6wapo2-background-3-mobile: o; --6wapo2-background-4: r; --6wapo2-background-4-tablet: r; --6wapo2-background-4-mobile: r; --6wapo2-background-type: color; --6wapo2-background-type-tablet: color; --6wapo2-background-type-mobile: color; --6wapo2-background-color: #21212166; --6wapo2-background-color-tablet: #21212166; --6wapo2-background-color-mobile: #21212166; --6wapo2-borderRadius-tl: 8px; --6wapo2-borderRadius-tl-tablet: 8px; --6wapo2-borderRadius-tl-mobile: 8px; --6wapo2-borderRadius-tr: 8px; --6wapo2-borderRadius-tr-tablet: 8px; --6wapo2-borderRadius-tr-mobile: 8px; --6wapo2-borderRadius-bl: 8px; --6wapo2-borderRadius-bl-tablet: 8px; --6wapo2-borderRadius-bl-mobile: 8px; --6wapo2-borderRadius-br: 8px; --6wapo2-borderRadius-br-tablet: 8px; --6wapo2-borderRadius-br-mobile: 8px; --6wapo2-surface: accent; --6wapo2-surface-tablet: accent; --6wapo2-surface-mobile: accent; }[data-bnode="beae-6wapo2"] { padding-top: var(--6wapo2-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--6wapo2-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--6wapo2-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--6wapo2-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6wapo2-padding-top-tablet, var(--6wapo2-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--6wapo2-padding-right-tablet, var(--6wapo2-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--6wapo2-padding-bottom-tablet, var(--6wapo2-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--6wapo2-padding-left-tablet, var(--6wapo2-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6wapo2-padding-top-mobile, var(--6wapo2-padding-top-tablet, var(--6wapo2-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--6wapo2-padding-right-mobile, var(--6wapo2-padding-right-tablet, var(--6wapo2-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--6wapo2-padding-bottom-mobile, var(--6wapo2-padding-bottom-tablet, var(--6wapo2-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--6wapo2-padding-left-mobile, var(--6wapo2-padding-left-tablet, var(--6wapo2-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--6wapo2-position, relative); top: var(--6wapo2-top, auto); right: var(--6wapo2-right, auto); bottom: var(--6wapo2-bottom, auto); left: var(--6wapo2-left, auto); transform: var(--6wapo2-transform, none); z-index: var(--6wapo2-z-index, 10); aspect-ratio: var(--6wapo2-background-imageRatio, auto); background: var(--6wapo2-background-color,transparent); border-style: var(--6wapo2-borderStyle,solid); border-color: var(--6wapo2-borderColor,#000000); border-width: var(--6wapo2-borderWidth-tl,0px) var(--6wapo2-borderWidth-tr,0px) var(--6wapo2-borderWidth-br,0px) var(--6wapo2-borderWidth-bl,0px); border-radius: var(--6wapo2-borderRadius-tl,0px) var(--6wapo2-borderRadius-tr,0px) var(--6wapo2-borderRadius-br,0px) var(--6wapo2-borderRadius-bl,0px); box-shadow: var(--6wapo2-shadowHorizontal, 0px) var(--6wapo2-shadowVertical, 0px) var(--6wapo2-shadowBlur, 0px) 1px color-mix( in srgb, var(--6wapo2-shadowColor, #000000) var(--6wapo2-shadowTransparent, 0%), transparent ); max-width: var(--6wapo2-max-width, 100%); width: 100%; height: if(style(--6wapo2-position: absolute): var(--6wapo2-height,100%); else: unset ); backdrop-filter:blur(var(--6wapo2-background-blur, none)) saturate(var(--6wapo2-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--6wapo2-position-tablet, var(--6wapo2-position, relative)); top: var(--6wapo2-top-tablet, var(--6wapo2-top, auto)); right: var(--6wapo2-right-tablet, var(--6wapo2-right, auto)); bottom: var(--6wapo2-bottom-tablet, var(--6wapo2-bottom, auto)); left: var(--6wapo2-left-tablet, var(--6wapo2-left, auto)); transform: var(--6wapo2-transform-tablet, var(--6wapo2-transform, none)); z-index: var(--6wapo2-z-index-tablet, var(--6wapo2-z-index, 10)); aspect-ratio: var(--6wapo2-background-imageRatio-tablet, var(--6wapo2-background-imageRatio, auto)); border-width: var(--6wapo2-borderWidth-tl-tablet, var(--6wapo2-borderWidth-tl,0px)) var(--6wapo2-borderWidth-tr-tablet,var(--6wapo2-borderWidth-tr,0px)) var(--6wapo2-borderWidth-br-tablet,var(--6wapo2-borderWidth-br,0px)) var(--6wapo2-borderWidth-bl-tablet,var(--6wapo2-borderWidth-bl,0px)); border-radius: var(--6wapo2-borderRadius-tl-tablet,var(--6wapo2-borderRadius-tl,0px)) var(--6wapo2-borderRadius-tr-tablet,var(--6wapo2-borderRadius-tr,0px)) var(--6wapo2-borderRadius-br-tablet,var(--6wapo2-borderRadius-br,0px)) var(--6wapo2-borderRadius-bl-tablet,var(--6wapo2-borderRadius-bl,0px)); max-width: var(--6wapo2-max-width-tablet, var(--6wapo2-max-width, 100%)); height: if(style(--6wapo2-position-tablet: absolute): var(--6wapo2-height-tablet,var(--6wapo2-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--6wapo2-position-mobile, var(--6wapo2-position-tablet, var(--6wapo2-position, relative))); top: var(--6wapo2-top-mobile, var(--6wapo2-top-tablet, var(--6wapo2-top, auto))); right: var(--6wapo2-right-mobile, var(--6wapo2-right-tablet, var(--6wapo2-right, auto))); bottom: var(--6wapo2-bottom-mobile, var(--6wapo2-bottom-tablet, var(--6wapo2-bottom, auto))); left: var(--6wapo2-left-mobile, var(--6wapo2-left-tablet, var(--6wapo2-left, auto))); transform: var(--6wapo2-transform-mobile, var(--6wapo2-transform-tablet, var(--6wapo2-transform, none))); z-index: var(--6wapo2-z-index-mobile, var(--6wapo2-z-index-tablet, var(--6wapo2-z-index, 10))); aspect-ratio: var(--6wapo2-background-imageRatio-mobile, var(--6wapo2-background-imageRatio, auto)); border-width: var(--6wapo2-borderWidth-tl-mobile, var(--6wapo2-borderWidth-tl,0px)) var(--6wapo2-borderWidth-tr-mobile,var(--6wapo2-borderWidth-tr,0px)) var(--6wapo2-borderWidth-br-mobile,var(--6wapo2-borderWidth-br,0px)) var(--6wapo2-borderWidth-bl-mobile,var(--6wapo2-borderWidth-bl,0px)); border-radius: var(--6wapo2-borderRadius-tl-mobile,var(--6wapo2-borderRadius-tl,0px)) var(--6wapo2-borderRadius-tr-mobile,var(--6wapo2-borderRadius-tr,0px)) var(--6wapo2-borderRadius-br-mobile,var(--6wapo2-borderRadius-br,0px)) var(--6wapo2-borderRadius-bl-mobile,var(--6wapo2-borderRadius-bl,0px)); max-width: var(--6wapo2-max-width-mobile, var(--6wapo2-max-width, 100%)); height: if(style(--6wapo2-position-mobile: absolute): var(--6wapo2-height-mobile,var(--6wapo2-height-tablet,,var(--6wapo2-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--6wapo2-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--6wapo2-gap,var(--beae-card-gap)); padding-top: var(--6wapo2-padding-top,var(--beae-card-padding)); padding-right: var(--6wapo2-padding-right,var(--beae-card-padding)); padding-bottom: var(--6wapo2-padding-bottom,var(--beae-card-padding)); padding-left: var(--6wapo2-padding-left,var(--beae-card-padding)); border-width: var(--6wapo2-borderWidth-tl,var(--beae-card-border-width)) var(--6wapo2-borderWidth-tr,var(--beae-card-border-width)) var(--6wapo2-borderWidth-br,var(--beae-card-border-width)) var(--6wapo2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6wapo2-borderRadius-tl,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-tr,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-br,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--6wapo2-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--6wapo2-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--6wapo2-gap-tablet,var(--beae-card-gap)); padding-top: var(--6wapo2-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--6wapo2-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--6wapo2-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--6wapo2-padding-left-tablet,var(--beae-card-padding)); border-width: var(--6wapo2-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--6wapo2-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--6wapo2-borderWidth-br-desktop,var(--beae-card-border-width)) var(--6wapo2-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--6wapo2-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--6wapo2-gap-mobile,var(--beae-card-gap)); padding-top: var(--6wapo2-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--6wapo2-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--6wapo2-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--6wapo2-padding-left-mobile,var(--beae-card-padding)); border-width: var(--6wapo2-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--6wapo2-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--6wapo2-borderWidth-br-mobile,var(--beae-card-border-width)) var(--6wapo2-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--6wapo2-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--6wapo2-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--6wapo2-background-color,var(--beae-card-featured-background)); border-color: var(--6wapo2-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--6wapo2-shadowHorizontal, var(--beae-card-shadow-x)) var(--6wapo2-shadowVertical, var(--beae-card-shadow-y)) var(--6wapo2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6wapo2-shadowColor, var(--beae-card-featured-shadow-color)) var(--6wapo2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--6wapo2-background-color,var(--beae-card-prod-background)); border-color: var(--6wapo2-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--6wapo2-shadowHorizontal, var(--beae-card-shadow-x)) var(--6wapo2-shadowVertical, var(--beae-card-shadow-y)) var(--6wapo2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6wapo2-shadowColor, var(--beae-card-prod-shadow-color)) var(--6wapo2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--6wapo2-background-color,var(--beae-card-pricing-background)); border-color: var(--6wapo2-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--6wapo2-shadowHorizontal, var(--beae-card-shadow-x)) var(--6wapo2-shadowVertical, var(--beae-card-shadow-y)) var(--6wapo2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6wapo2-shadowColor, var(--beae-card-pricing-shadow-color)) var(--6wapo2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--6wapo2-background-color,var(--beae-card-cta-background)); border-color: var(--6wapo2-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--6wapo2-shadowHorizontal, var(--beae-card-shadow-x)) var(--6wapo2-shadowVertical, var(--beae-card-shadow-y)) var(--6wapo2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6wapo2-shadowColor, var(--beae-card-cta-shadow-color)) var(--6wapo2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-6wapo2"] {     display: flex;     flex-direction: var(--6wapo2-direction, column);     flex-wrap: nowrap;     justify-content: var(--6wapo2-justify-content);     align-items: var(--6wapo2-align-items);     gap: var(--6wapo2-gap, var(--6wapo2-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6wapo2"] {                            gap: var(--6wapo2-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--6wapo2-padding-right-tablet, 0px) - var(--6wapo2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6wapo2"] {                            gap: var(--6wapo2-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--6wapo2-padding-right-mobile, 0px) - var(--6wapo2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ciylp9"] { --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #ffffff; --beae-h5-font-family: Inter; --beae-h5-font-weight: 700; --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: capitalize; --ciylp9-typography: h5; --ciylp9-typography-tablet: h5; --ciylp9-typography-mobile: h5; --beae-h5-text-align: center; }[data-bnode="beae-ciylp9"] { margin-top: var(--ciylp9-margin-top, 0px); margin-right: var(--ciylp9-margin-right, 0px); margin-bottom: var(--ciylp9-margin-bottom, 0px); margin-left: var(--ciylp9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ciylp9-margin-top-tablet, 0px); margin-right: var(--ciylp9-margin-right-tablet, 0px); margin-bottom: var(--ciylp9-margin-bottom-tablet, 0px); margin-left: var(--ciylp9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ciylp9-margin-top-mobile, 0px); margin-right: var(--ciylp9-margin-right-mobile, 0px); margin-bottom: var(--ciylp9-margin-bottom-mobile, 0px); margin-left: var(--ciylp9-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ciylp9-highlightColor,var(--beae-p-color)); top: var(--ciylp9-highlightTop, 100%); } }[data-bnode="beae-16c6ae"] { --beae-p-font-size: NaNpx; --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: NaNpx; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --16c6ae-typography: p; --16c6ae-typography-tablet: p; --16c6ae-typography-mobile: p; --beae-p-text-align: center; --beae-p-color: #ffffff; }[data-bnode="beae-16c6ae"] { margin-top: var(--16c6ae-margin-top, 0px); margin-right: var(--16c6ae-margin-right, 0px); margin-bottom: var(--16c6ae-margin-bottom, 0px); margin-left: var(--16c6ae-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--16c6ae-margin-top-tablet, 0px); margin-right: var(--16c6ae-margin-right-tablet, 0px); margin-bottom: var(--16c6ae-margin-bottom-tablet, 0px); margin-left: var(--16c6ae-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--16c6ae-margin-top-mobile, 0px); margin-right: var(--16c6ae-margin-right-mobile, 0px); margin-bottom: var(--16c6ae-margin-bottom-mobile, 0px); margin-left: var(--16c6ae-margin-left-mobile, 0px); } }[data-bnode="beae-hzqp0i"] { --hzqp0i-width: var(--beae-section-width); --hzqp0i-width-tablet: var(--beae-section-width); --hzqp0i-width-mobile: var(--beae-section-width); --hzqp0i-height: fit-content; --hzqp0i-height-tablet: fit-content; --hzqp0i-height-mobile: fit-content; --hzqp0i-direction: row; --hzqp0i-direction-tablet: column; --hzqp0i-direction-mobile: column; --hzqp0i-structure: columns; --hzqp0i-structure-tablet: columns; --hzqp0i-structure-mobile: columns; --hzqp0i-padding-top: 40px; --hzqp0i-padding-top-tablet: 40px; --hzqp0i-padding-top-mobile: 40px; --hzqp0i-padding-bottom: 40px; --hzqp0i-padding-bottom-tablet: 40px; --hzqp0i-padding-bottom-mobile: 40px; --hzqp0i-gap: 80px; --hzqp0i-gap-tablet: 64px; --hzqp0i-gap-mobile: 48px; --hzqp0i-columns: 60.00,40.00; --hzqp0i-columns-tablet: 60.00,40.00; --hzqp0i-columns-mobile: 60.00,40.00; --hzqp0i-columnsPresetId: 60.00,40.00; --hzqp0i-columnsPresetId-tablet: 60.00,40.00; --hzqp0i-columnsPresetId-mobile: 60.00,40.00; --hzqp0i-surface: muted; --hzqp0i-surface-tablet: muted; --hzqp0i-surface-mobile: muted; --hzqp0i-background-type: color; --hzqp0i-background-type-tablet: color; --hzqp0i-background-type-mobile: color; }[data-bnode="beae-hzqp0i"] { padding-top: var(--hzqp0i-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--hzqp0i-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--hzqp0i-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--hzqp0i-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--hzqp0i-padding-top-tablet, var(--hzqp0i-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--hzqp0i-padding-right-tablet, var(--hzqp0i-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--hzqp0i-padding-bottom-tablet, var(--hzqp0i-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--hzqp0i-padding-left-tablet, var(--hzqp0i-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--hzqp0i-padding-top-mobile, var(--hzqp0i-padding-top-tablet, var(--hzqp0i-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--hzqp0i-padding-right-mobile, var(--hzqp0i-padding-right-tablet, var(--hzqp0i-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--hzqp0i-padding-bottom-mobile, var(--hzqp0i-padding-bottom-tablet, var(--hzqp0i-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--hzqp0i-padding-left-mobile, var(--hzqp0i-padding-left-tablet, var(--hzqp0i-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--hzqp0i-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--hzqp0i-height); width: 100%; max-width: var(--hzqp0i-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { 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(--hzqp0i-height-tablet, auto); width: 100%; max-width: var(--hzqp0i-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--hzqp0i-height-mobile, auto); width: 100%; max-width: var(--hzqp0i-width-mobile, 100%); } } } }[data-bnode="beae-hzqp0i"] > .beae-section-container{     display: flex;     flex-direction: var(--hzqp0i-direction, column);     flex-wrap: nowrap;     justify-content: var(--hzqp0i-justify-content);     align-items: var(--hzqp0i-align-items);     gap: var(--hzqp0i-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(--hzqp0i-padding-right, 0px) - var(--hzqp0i-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(40.00% - var(--hzqp0i-padding-right, 0px) - var(--hzqp0i-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--hzqp0i-padding-right, 0px) - var(--hzqp0i-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-hzqp0i"] > .beae-section-container{      flex-direction: var(--hzqp0i-direction-tablet, column);                      gap: var(--hzqp0i-gap-tablet, var(--beae-grid-gap-tablet, 4px));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-hzqp0i"] > .beae-section-container{      flex-direction: var(--hzqp0i-direction-mobile, column);                      gap: var(--hzqp0i-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-aneb0q"] { padding-top: var(--aneb0q-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--aneb0q-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--aneb0q-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--aneb0q-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--aneb0q-padding-top-tablet, var(--aneb0q-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--aneb0q-padding-right-tablet, var(--aneb0q-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--aneb0q-padding-bottom-tablet, var(--aneb0q-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--aneb0q-padding-left-tablet, var(--aneb0q-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--aneb0q-padding-top-mobile, var(--aneb0q-padding-top-tablet, var(--aneb0q-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--aneb0q-padding-right-mobile, var(--aneb0q-padding-right-tablet, var(--aneb0q-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--aneb0q-padding-bottom-mobile, var(--aneb0q-padding-bottom-tablet, var(--aneb0q-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--aneb0q-padding-left-mobile, var(--aneb0q-padding-left-tablet, var(--aneb0q-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--aneb0q-position, relative); top: var(--aneb0q-top, auto); right: var(--aneb0q-right, auto); bottom: var(--aneb0q-bottom, auto); left: var(--aneb0q-left, auto); transform: var(--aneb0q-transform, none); z-index: var(--aneb0q-z-index, 10); aspect-ratio: var(--aneb0q-background-imageRatio, auto); background: var(--aneb0q-background-color,transparent); border-style: var(--aneb0q-borderStyle,solid); border-color: var(--aneb0q-borderColor,#000000); border-width: var(--aneb0q-borderWidth-tl,0px) var(--aneb0q-borderWidth-tr,0px) var(--aneb0q-borderWidth-br,0px) var(--aneb0q-borderWidth-bl,0px); border-radius: var(--aneb0q-borderRadius-tl,0px) var(--aneb0q-borderRadius-tr,0px) var(--aneb0q-borderRadius-br,0px) var(--aneb0q-borderRadius-bl,0px); box-shadow: var(--aneb0q-shadowHorizontal, 0px) var(--aneb0q-shadowVertical, 0px) var(--aneb0q-shadowBlur, 0px) 1px color-mix( in srgb, var(--aneb0q-shadowColor, #000000) var(--aneb0q-shadowTransparent, 0%), transparent ); max-width: var(--aneb0q-max-width, 100%); width: 100%; height: if(style(--aneb0q-position: absolute): var(--aneb0q-height,100%); else: unset ); backdrop-filter:blur(var(--aneb0q-background-blur, none)) saturate(var(--aneb0q-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--aneb0q-position-tablet, var(--aneb0q-position, relative)); top: var(--aneb0q-top-tablet, var(--aneb0q-top, auto)); right: var(--aneb0q-right-tablet, var(--aneb0q-right, auto)); bottom: var(--aneb0q-bottom-tablet, var(--aneb0q-bottom, auto)); left: var(--aneb0q-left-tablet, var(--aneb0q-left, auto)); transform: var(--aneb0q-transform-tablet, var(--aneb0q-transform, none)); z-index: var(--aneb0q-z-index-tablet, var(--aneb0q-z-index, 10)); aspect-ratio: var(--aneb0q-background-imageRatio-tablet, var(--aneb0q-background-imageRatio, auto)); border-width: var(--aneb0q-borderWidth-tl-tablet, var(--aneb0q-borderWidth-tl,0px)) var(--aneb0q-borderWidth-tr-tablet,var(--aneb0q-borderWidth-tr,0px)) var(--aneb0q-borderWidth-br-tablet,var(--aneb0q-borderWidth-br,0px)) var(--aneb0q-borderWidth-bl-tablet,var(--aneb0q-borderWidth-bl,0px)); border-radius: var(--aneb0q-borderRadius-tl-tablet,var(--aneb0q-borderRadius-tl,0px)) var(--aneb0q-borderRadius-tr-tablet,var(--aneb0q-borderRadius-tr,0px)) var(--aneb0q-borderRadius-br-tablet,var(--aneb0q-borderRadius-br,0px)) var(--aneb0q-borderRadius-bl-tablet,var(--aneb0q-borderRadius-bl,0px)); max-width: var(--aneb0q-max-width-tablet, var(--aneb0q-max-width, 100%)); height: if(style(--aneb0q-position-tablet: absolute): var(--aneb0q-height-tablet,var(--aneb0q-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--aneb0q-position-mobile, var(--aneb0q-position-tablet, var(--aneb0q-position, relative))); top: var(--aneb0q-top-mobile, var(--aneb0q-top-tablet, var(--aneb0q-top, auto))); right: var(--aneb0q-right-mobile, var(--aneb0q-right-tablet, var(--aneb0q-right, auto))); bottom: var(--aneb0q-bottom-mobile, var(--aneb0q-bottom-tablet, var(--aneb0q-bottom, auto))); left: var(--aneb0q-left-mobile, var(--aneb0q-left-tablet, var(--aneb0q-left, auto))); transform: var(--aneb0q-transform-mobile, var(--aneb0q-transform-tablet, var(--aneb0q-transform, none))); z-index: var(--aneb0q-z-index-mobile, var(--aneb0q-z-index-tablet, var(--aneb0q-z-index, 10))); aspect-ratio: var(--aneb0q-background-imageRatio-mobile, var(--aneb0q-background-imageRatio, auto)); border-width: var(--aneb0q-borderWidth-tl-mobile, var(--aneb0q-borderWidth-tl,0px)) var(--aneb0q-borderWidth-tr-mobile,var(--aneb0q-borderWidth-tr,0px)) var(--aneb0q-borderWidth-br-mobile,var(--aneb0q-borderWidth-br,0px)) var(--aneb0q-borderWidth-bl-mobile,var(--aneb0q-borderWidth-bl,0px)); border-radius: var(--aneb0q-borderRadius-tl-mobile,var(--aneb0q-borderRadius-tl,0px)) var(--aneb0q-borderRadius-tr-mobile,var(--aneb0q-borderRadius-tr,0px)) var(--aneb0q-borderRadius-br-mobile,var(--aneb0q-borderRadius-br,0px)) var(--aneb0q-borderRadius-bl-mobile,var(--aneb0q-borderRadius-bl,0px)); max-width: var(--aneb0q-max-width-mobile, var(--aneb0q-max-width, 100%)); height: if(style(--aneb0q-position-mobile: absolute): var(--aneb0q-height-mobile,var(--aneb0q-height-tablet,,var(--aneb0q-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--aneb0q-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--aneb0q-gap,var(--beae-card-gap)); padding-top: var(--aneb0q-padding-top,var(--beae-card-padding)); padding-right: var(--aneb0q-padding-right,var(--beae-card-padding)); padding-bottom: var(--aneb0q-padding-bottom,var(--beae-card-padding)); padding-left: var(--aneb0q-padding-left,var(--beae-card-padding)); border-width: var(--aneb0q-borderWidth-tl,var(--beae-card-border-width)) var(--aneb0q-borderWidth-tr,var(--beae-card-border-width)) var(--aneb0q-borderWidth-br,var(--beae-card-border-width)) var(--aneb0q-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--aneb0q-borderRadius-tl,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-tr,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-br,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--aneb0q-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--aneb0q-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--aneb0q-gap-tablet,var(--beae-card-gap)); padding-top: var(--aneb0q-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--aneb0q-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--aneb0q-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--aneb0q-padding-left-tablet,var(--beae-card-padding)); border-width: var(--aneb0q-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--aneb0q-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--aneb0q-borderWidth-br-desktop,var(--beae-card-border-width)) var(--aneb0q-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--aneb0q-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--aneb0q-gap-mobile,var(--beae-card-gap)); padding-top: var(--aneb0q-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--aneb0q-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--aneb0q-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--aneb0q-padding-left-mobile,var(--beae-card-padding)); border-width: var(--aneb0q-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--aneb0q-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--aneb0q-borderWidth-br-mobile,var(--beae-card-border-width)) var(--aneb0q-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--aneb0q-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--aneb0q-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--aneb0q-background-color,var(--beae-card-featured-background)); border-color: var(--aneb0q-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--aneb0q-shadowHorizontal, var(--beae-card-shadow-x)) var(--aneb0q-shadowVertical, var(--beae-card-shadow-y)) var(--aneb0q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--aneb0q-shadowColor, var(--beae-card-featured-shadow-color)) var(--aneb0q-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--aneb0q-background-color,var(--beae-card-prod-background)); border-color: var(--aneb0q-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--aneb0q-shadowHorizontal, var(--beae-card-shadow-x)) var(--aneb0q-shadowVertical, var(--beae-card-shadow-y)) var(--aneb0q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--aneb0q-shadowColor, var(--beae-card-prod-shadow-color)) var(--aneb0q-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--aneb0q-background-color,var(--beae-card-pricing-background)); border-color: var(--aneb0q-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--aneb0q-shadowHorizontal, var(--beae-card-shadow-x)) var(--aneb0q-shadowVertical, var(--beae-card-shadow-y)) var(--aneb0q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--aneb0q-shadowColor, var(--beae-card-pricing-shadow-color)) var(--aneb0q-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--aneb0q-background-color,var(--beae-card-cta-background)); border-color: var(--aneb0q-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--aneb0q-shadowHorizontal, var(--beae-card-shadow-x)) var(--aneb0q-shadowVertical, var(--beae-card-shadow-y)) var(--aneb0q-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--aneb0q-shadowColor, var(--beae-card-cta-shadow-color)) var(--aneb0q-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-aneb0q"] {     display: flex;     flex-direction: var(--aneb0q-direction, column);     flex-wrap: nowrap;     justify-content: var(--aneb0q-justify-content);     align-items: var(--aneb0q-align-items);     gap: var(--aneb0q-gap, var(--aneb0q-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-aneb0q"] {                            gap: var(--aneb0q-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--aneb0q-padding-right-tablet, 0px) - var(--aneb0q-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-aneb0q"] {                            gap: var(--aneb0q-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--aneb0q-padding-right-mobile, 0px) - var(--aneb0q-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7nivo7"] { --7nivo7-width: 100%; --7nivo7-width-tablet: 100%; --7nivo7-width-mobile: 100%; --7nivo7-imageRatio: 7/6; --7nivo7-imageRatio-tablet: 7/6; --7nivo7-imageRatio-mobile: 7/6; --7nivo7-objFit: cover; --7nivo7-objFit-tablet: cover; --7nivo7-objFit-mobile: cover; --7nivo7-borderColor: #000000; --7nivo7-borderColor-tablet: #000000; --7nivo7-borderColor-mobile: #000000; --7nivo7-shadowColor: #000000; --7nivo7-shadowColor-tablet: #000000; --7nivo7-shadowColor-mobile: #000000; --7nivo7-borderStyle: none; --7nivo7-borderStyle-tablet: none; --7nivo7-borderStyle-mobile: none; --7nivo7-enableShadow: false; --7nivo7-enableShadow-tablet: false; --7nivo7-enableShadow-mobile: false; --7nivo7-borderRadius-tl: 12px; --7nivo7-borderRadius-tl-tablet: 12px; --7nivo7-borderRadius-tl-mobile: 12px; --7nivo7-borderRadius-tr: 12px; --7nivo7-borderRadius-tr-tablet: 12px; --7nivo7-borderRadius-tr-mobile: 12px; --7nivo7-borderRadius-bl: 12px; --7nivo7-borderRadius-bl-tablet: 12px; --7nivo7-borderRadius-bl-mobile: 12px; --7nivo7-borderRadius-br: 12px; --7nivo7-borderRadius-br-tablet: 12px; --7nivo7-borderRadius-br-mobile: 12px; }[data-bnode="beae-7nivo7"] { margin-top: var(--7nivo7-margin-top, 0px); margin-right: var(--7nivo7-margin-right, 0px); margin-bottom: var(--7nivo7-margin-bottom, 0px); margin-left: var(--7nivo7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7nivo7-margin-top-tablet, 0px); margin-right: var(--7nivo7-margin-right-tablet, 0px); margin-bottom: var(--7nivo7-margin-bottom-tablet, 0px); margin-left: var(--7nivo7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7nivo7-margin-top-mobile, 0px); margin-right: var(--7nivo7-margin-right-mobile, 0px); margin-bottom: var(--7nivo7-margin-bottom-mobile, 0px); margin-left: var(--7nivo7-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--7nivo7-width,100%) - var(--7nivo7-margin-left,0px) - var(--7nivo7-margin-right,0px)); min-height: min-content; border-color: var(--7nivo7-borderColor,var(--beae-card-media-border-color)); border-style: var(--7nivo7-borderStyle,solid); border-width: var(--7nivo7-borderWidth-tl,var(--beae-card-border-width)) var(--7nivo7-borderWidth-tr,var(--beae-card-border-width)) var(--7nivo7-borderWidth-br,var(--beae-card-border-width)) var(--7nivo7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7nivo7-borderRadius-tl,var(--beae-card-border-radius)) var(--7nivo7-borderRadius-tr,var(--beae-card-border-radius)) var(--7nivo7-borderRadius-br,var(--beae-card-border-radius)) var(--7nivo7-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--7nivo7-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--7nivo7-borderWidth-tl-tablet, var(--7nivo7-borderWidth-tl,var(--beae-card-border-width))) var(--7nivo7-borderWidth-tr-tablet, var(--7nivo7-borderWidth-tr,var(--beae-card-border-width))) var(--7nivo7-borderWidth-br-tablet, var(--7nivo7-borderWidth-br,var(--beae-card-border-width))) var(--7nivo7-borderWidth-bl-tablet, var(--7nivo7-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--7nivo7-borderRadius-tl-tablet, var(--7nivo7-borderRadius-tl,var(--beae-card-border-radius))) var(--7nivo7-borderRadius-tr-tablet, var(--7nivo7-borderRadius-tr,var(--beae-card-border-radius))) var(--7nivo7-borderRadius-br-tablet, var(--7nivo7-borderRadius-br,var(--beae-card-border-radius))) var(--7nivo7-borderRadius-bl-tablet, var(--7nivo7-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--7nivo7-borderWidth-tl-mobile, var(--7nivo7-borderWidth-tl,var(--beae-card-border-width))) var(--7nivo7-borderWidth-tr-mobile, var(--7nivo7-borderWidth-tr,var(--beae-card-border-width))) var(--7nivo7-borderWidth-br-mobile, var(--7nivo7-borderWidth-br,var(--beae-card-border-width))) var(--7nivo7-borderWidth-bl-mobile, var(--7nivo7-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--7nivo7-borderRadius-tl-mobile, var(--7nivo7-borderRadius-tl,var(--beae-card-border-radius))) var(--7nivo7-borderRadius-tr-mobile, var(--7nivo7-borderRadius-tr,var(--beae-card-border-radius))) var(--7nivo7-borderRadius-br-mobile, var(--7nivo7-borderRadius-br,var(--beae-card-border-radius))) var(--7nivo7-borderRadius-bl-mobile, var(--7nivo7-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--7nivo7-shadowHorizontal, var(--beae-card-shadow-x)) var(--7nivo7-shadowVertical, var(--beae-card-shadow-y)) var(--7nivo7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7nivo7-shadowColor, var(--beae-card-media-shadow-color)) var(--7nivo7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--7nivo7-overlayColor-color, #000); opacity: var(--7nivo7-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--7nivo7-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--7nivo7-width-tablet,var(--7nivo7-width,100%)) - var(--7nivo7-margin-left-tablet,var(--7nivo7-margin-left,0px)) - var(--7nivo7-margin-right-tablet,var(--7nivo7-margin-right,0px))); aspect-ratio: var(--7nivo7-imageRatio-tablet, var(--7nivo7-imageRatio, auto)); img { object-fit: var(--7nivo7-objFit-tablet, var(--7nivo7-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--7nivo7-width-mobile,var(--7nivo7-width,100%)) - var(--7nivo7-margin-left-mobile,var(--7nivo7-margin-left,0px)) - var(--7nivo7-margin-right-mobile,var(--7nivo7-margin-right,0px))); aspect-ratio: var(--7nivo7-imageRatio-mobile, var(--7nivo7-imageRatio, auto)); img { object-fit: var(--7nivo7-objFit-mobile, var(--7nivo7-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-h39b6t"] { --h39b6t-direction: column; --h39b6t-direction-tablet: column; --h39b6t-direction-mobile: column; --h39b6t-structure: columns; --h39b6t-structure-tablet: columns; --h39b6t-structure-mobile: columns; --h39b6t-gap: 32px; --h39b6t-gap-tablet: 40px; --h39b6t-gap-mobile: 32px; --h39b6t-align-items-mobile: center; }[data-bnode="beae-h39b6t"] { padding-top: var(--h39b6t-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--h39b6t-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--h39b6t-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--h39b6t-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--h39b6t-padding-top-tablet, var(--h39b6t-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--h39b6t-padding-right-tablet, var(--h39b6t-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--h39b6t-padding-bottom-tablet, var(--h39b6t-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--h39b6t-padding-left-tablet, var(--h39b6t-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--h39b6t-padding-top-mobile, var(--h39b6t-padding-top-tablet, var(--h39b6t-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--h39b6t-padding-right-mobile, var(--h39b6t-padding-right-tablet, var(--h39b6t-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--h39b6t-padding-bottom-mobile, var(--h39b6t-padding-bottom-tablet, var(--h39b6t-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--h39b6t-padding-left-mobile, var(--h39b6t-padding-left-tablet, var(--h39b6t-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--h39b6t-position, relative); top: var(--h39b6t-top, auto); right: var(--h39b6t-right, auto); bottom: var(--h39b6t-bottom, auto); left: var(--h39b6t-left, auto); transform: var(--h39b6t-transform, none); z-index: var(--h39b6t-z-index, 10); aspect-ratio: var(--h39b6t-background-imageRatio, auto); background: var(--h39b6t-background-color,transparent); border-style: var(--h39b6t-borderStyle,solid); border-color: var(--h39b6t-borderColor,#000000); border-width: var(--h39b6t-borderWidth-tl,0px) var(--h39b6t-borderWidth-tr,0px) var(--h39b6t-borderWidth-br,0px) var(--h39b6t-borderWidth-bl,0px); border-radius: var(--h39b6t-borderRadius-tl,0px) var(--h39b6t-borderRadius-tr,0px) var(--h39b6t-borderRadius-br,0px) var(--h39b6t-borderRadius-bl,0px); box-shadow: var(--h39b6t-shadowHorizontal, 0px) var(--h39b6t-shadowVertical, 0px) var(--h39b6t-shadowBlur, 0px) 1px color-mix( in srgb, var(--h39b6t-shadowColor, #000000) var(--h39b6t-shadowTransparent, 0%), transparent ); max-width: var(--h39b6t-max-width, 100%); width: 100%; height: if(style(--h39b6t-position: absolute): var(--h39b6t-height,100%); else: unset ); backdrop-filter:blur(var(--h39b6t-background-blur, none)) saturate(var(--h39b6t-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--h39b6t-position-tablet, var(--h39b6t-position, relative)); top: var(--h39b6t-top-tablet, var(--h39b6t-top, auto)); right: var(--h39b6t-right-tablet, var(--h39b6t-right, auto)); bottom: var(--h39b6t-bottom-tablet, var(--h39b6t-bottom, auto)); left: var(--h39b6t-left-tablet, var(--h39b6t-left, auto)); transform: var(--h39b6t-transform-tablet, var(--h39b6t-transform, none)); z-index: var(--h39b6t-z-index-tablet, var(--h39b6t-z-index, 10)); aspect-ratio: var(--h39b6t-background-imageRatio-tablet, var(--h39b6t-background-imageRatio, auto)); border-width: var(--h39b6t-borderWidth-tl-tablet, var(--h39b6t-borderWidth-tl,0px)) var(--h39b6t-borderWidth-tr-tablet,var(--h39b6t-borderWidth-tr,0px)) var(--h39b6t-borderWidth-br-tablet,var(--h39b6t-borderWidth-br,0px)) var(--h39b6t-borderWidth-bl-tablet,var(--h39b6t-borderWidth-bl,0px)); border-radius: var(--h39b6t-borderRadius-tl-tablet,var(--h39b6t-borderRadius-tl,0px)) var(--h39b6t-borderRadius-tr-tablet,var(--h39b6t-borderRadius-tr,0px)) var(--h39b6t-borderRadius-br-tablet,var(--h39b6t-borderRadius-br,0px)) var(--h39b6t-borderRadius-bl-tablet,var(--h39b6t-borderRadius-bl,0px)); max-width: var(--h39b6t-max-width-tablet, var(--h39b6t-max-width, 100%)); height: if(style(--h39b6t-position-tablet: absolute): var(--h39b6t-height-tablet,var(--h39b6t-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--h39b6t-position-mobile, var(--h39b6t-position-tablet, var(--h39b6t-position, relative))); top: var(--h39b6t-top-mobile, var(--h39b6t-top-tablet, var(--h39b6t-top, auto))); right: var(--h39b6t-right-mobile, var(--h39b6t-right-tablet, var(--h39b6t-right, auto))); bottom: var(--h39b6t-bottom-mobile, var(--h39b6t-bottom-tablet, var(--h39b6t-bottom, auto))); left: var(--h39b6t-left-mobile, var(--h39b6t-left-tablet, var(--h39b6t-left, auto))); transform: var(--h39b6t-transform-mobile, var(--h39b6t-transform-tablet, var(--h39b6t-transform, none))); z-index: var(--h39b6t-z-index-mobile, var(--h39b6t-z-index-tablet, var(--h39b6t-z-index, 10))); aspect-ratio: var(--h39b6t-background-imageRatio-mobile, var(--h39b6t-background-imageRatio, auto)); border-width: var(--h39b6t-borderWidth-tl-mobile, var(--h39b6t-borderWidth-tl,0px)) var(--h39b6t-borderWidth-tr-mobile,var(--h39b6t-borderWidth-tr,0px)) var(--h39b6t-borderWidth-br-mobile,var(--h39b6t-borderWidth-br,0px)) var(--h39b6t-borderWidth-bl-mobile,var(--h39b6t-borderWidth-bl,0px)); border-radius: var(--h39b6t-borderRadius-tl-mobile,var(--h39b6t-borderRadius-tl,0px)) var(--h39b6t-borderRadius-tr-mobile,var(--h39b6t-borderRadius-tr,0px)) var(--h39b6t-borderRadius-br-mobile,var(--h39b6t-borderRadius-br,0px)) var(--h39b6t-borderRadius-bl-mobile,var(--h39b6t-borderRadius-bl,0px)); max-width: var(--h39b6t-max-width-mobile, var(--h39b6t-max-width, 100%)); height: if(style(--h39b6t-position-mobile: absolute): var(--h39b6t-height-mobile,var(--h39b6t-height-tablet,,var(--h39b6t-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--h39b6t-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--h39b6t-gap,var(--beae-card-gap)); padding-top: var(--h39b6t-padding-top,var(--beae-card-padding)); padding-right: var(--h39b6t-padding-right,var(--beae-card-padding)); padding-bottom: var(--h39b6t-padding-bottom,var(--beae-card-padding)); padding-left: var(--h39b6t-padding-left,var(--beae-card-padding)); border-width: var(--h39b6t-borderWidth-tl,var(--beae-card-border-width)) var(--h39b6t-borderWidth-tr,var(--beae-card-border-width)) var(--h39b6t-borderWidth-br,var(--beae-card-border-width)) var(--h39b6t-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--h39b6t-borderRadius-tl,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-tr,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-br,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--h39b6t-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--h39b6t-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--h39b6t-gap-tablet,var(--beae-card-gap)); padding-top: var(--h39b6t-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--h39b6t-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--h39b6t-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--h39b6t-padding-left-tablet,var(--beae-card-padding)); border-width: var(--h39b6t-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--h39b6t-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--h39b6t-borderWidth-br-desktop,var(--beae-card-border-width)) var(--h39b6t-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--h39b6t-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--h39b6t-gap-mobile,var(--beae-card-gap)); padding-top: var(--h39b6t-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--h39b6t-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--h39b6t-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--h39b6t-padding-left-mobile,var(--beae-card-padding)); border-width: var(--h39b6t-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--h39b6t-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--h39b6t-borderWidth-br-mobile,var(--beae-card-border-width)) var(--h39b6t-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--h39b6t-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--h39b6t-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--h39b6t-background-color,var(--beae-card-featured-background)); border-color: var(--h39b6t-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--h39b6t-shadowHorizontal, var(--beae-card-shadow-x)) var(--h39b6t-shadowVertical, var(--beae-card-shadow-y)) var(--h39b6t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h39b6t-shadowColor, var(--beae-card-featured-shadow-color)) var(--h39b6t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--h39b6t-background-color,var(--beae-card-prod-background)); border-color: var(--h39b6t-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--h39b6t-shadowHorizontal, var(--beae-card-shadow-x)) var(--h39b6t-shadowVertical, var(--beae-card-shadow-y)) var(--h39b6t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h39b6t-shadowColor, var(--beae-card-prod-shadow-color)) var(--h39b6t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--h39b6t-background-color,var(--beae-card-pricing-background)); border-color: var(--h39b6t-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--h39b6t-shadowHorizontal, var(--beae-card-shadow-x)) var(--h39b6t-shadowVertical, var(--beae-card-shadow-y)) var(--h39b6t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h39b6t-shadowColor, var(--beae-card-pricing-shadow-color)) var(--h39b6t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--h39b6t-background-color,var(--beae-card-cta-background)); border-color: var(--h39b6t-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--h39b6t-shadowHorizontal, var(--beae-card-shadow-x)) var(--h39b6t-shadowVertical, var(--beae-card-shadow-y)) var(--h39b6t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--h39b6t-shadowColor, var(--beae-card-cta-shadow-color)) var(--h39b6t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-h39b6t"] {     display: flex;     flex-direction: var(--h39b6t-direction, column);     flex-wrap: nowrap;     justify-content: var(--h39b6t-justify-content);     align-items: var(--h39b6t-align-items);     gap: var(--h39b6t-gap, var(--h39b6t-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-h39b6t"] {                            gap: var(--h39b6t-gap-tablet, var(--h39b6t-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--h39b6t-padding-right-tablet, 0px) - var(--h39b6t-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-h39b6t"] {                      align-items: var(--h39b6t-align-items-mobile, inherit);      gap: var(--h39b6t-gap-mobile, var(--h39b6t-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--h39b6t-padding-right-mobile, 0px) - var(--h39b6t-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-jjavb8"] { --jjavb8-direction: column; --jjavb8-direction-tablet: column; --jjavb8-direction-mobile: column; --jjavb8-gap: 12px; --jjavb8-gap-tablet: 12px; --jjavb8-gap-mobile: 12px; --jjavb8-align-items: flex-start; --jjavb8-align-items-tablet: flex-start; --jjavb8-align-items-mobile: flex-start; }[data-bnode="beae-jjavb8"] { padding-top: var(--jjavb8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jjavb8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jjavb8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jjavb8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jjavb8-padding-top-tablet, var(--jjavb8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jjavb8-padding-right-tablet, var(--jjavb8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jjavb8-padding-bottom-tablet, var(--jjavb8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jjavb8-padding-left-tablet, var(--jjavb8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jjavb8-padding-top-mobile, var(--jjavb8-padding-top-tablet, var(--jjavb8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jjavb8-padding-right-mobile, var(--jjavb8-padding-right-tablet, var(--jjavb8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jjavb8-padding-bottom-mobile, var(--jjavb8-padding-bottom-tablet, var(--jjavb8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jjavb8-padding-left-mobile, var(--jjavb8-padding-left-tablet, var(--jjavb8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--jjavb8-position, relative); top: var(--jjavb8-top, auto); right: var(--jjavb8-right, auto); bottom: var(--jjavb8-bottom, auto); left: var(--jjavb8-left, auto); transform: var(--jjavb8-transform, none); z-index: var(--jjavb8-z-index, 10); aspect-ratio: var(--jjavb8-background-imageRatio, auto); background: var(--jjavb8-background-color,transparent); border-style: var(--jjavb8-borderStyle,solid); border-color: var(--jjavb8-borderColor,#000000); border-width: var(--jjavb8-borderWidth-tl,0px) var(--jjavb8-borderWidth-tr,0px) var(--jjavb8-borderWidth-br,0px) var(--jjavb8-borderWidth-bl,0px); border-radius: var(--jjavb8-borderRadius-tl,0px) var(--jjavb8-borderRadius-tr,0px) var(--jjavb8-borderRadius-br,0px) var(--jjavb8-borderRadius-bl,0px); box-shadow: var(--jjavb8-shadowHorizontal, 0px) var(--jjavb8-shadowVertical, 0px) var(--jjavb8-shadowBlur, 0px) 1px color-mix( in srgb, var(--jjavb8-shadowColor, #000000) var(--jjavb8-shadowTransparent, 0%), transparent ); max-width: var(--jjavb8-max-width, 100%); width: 100%; height: if(style(--jjavb8-position: absolute): var(--jjavb8-height,100%); else: unset ); backdrop-filter:blur(var(--jjavb8-background-blur, none)) saturate(var(--jjavb8-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--jjavb8-position-tablet, var(--jjavb8-position, relative)); top: var(--jjavb8-top-tablet, var(--jjavb8-top, auto)); right: var(--jjavb8-right-tablet, var(--jjavb8-right, auto)); bottom: var(--jjavb8-bottom-tablet, var(--jjavb8-bottom, auto)); left: var(--jjavb8-left-tablet, var(--jjavb8-left, auto)); transform: var(--jjavb8-transform-tablet, var(--jjavb8-transform, none)); z-index: var(--jjavb8-z-index-tablet, var(--jjavb8-z-index, 10)); aspect-ratio: var(--jjavb8-background-imageRatio-tablet, var(--jjavb8-background-imageRatio, auto)); border-width: var(--jjavb8-borderWidth-tl-tablet, var(--jjavb8-borderWidth-tl,0px)) var(--jjavb8-borderWidth-tr-tablet,var(--jjavb8-borderWidth-tr,0px)) var(--jjavb8-borderWidth-br-tablet,var(--jjavb8-borderWidth-br,0px)) var(--jjavb8-borderWidth-bl-tablet,var(--jjavb8-borderWidth-bl,0px)); border-radius: var(--jjavb8-borderRadius-tl-tablet,var(--jjavb8-borderRadius-tl,0px)) var(--jjavb8-borderRadius-tr-tablet,var(--jjavb8-borderRadius-tr,0px)) var(--jjavb8-borderRadius-br-tablet,var(--jjavb8-borderRadius-br,0px)) var(--jjavb8-borderRadius-bl-tablet,var(--jjavb8-borderRadius-bl,0px)); max-width: var(--jjavb8-max-width-tablet, var(--jjavb8-max-width, 100%)); height: if(style(--jjavb8-position-tablet: absolute): var(--jjavb8-height-tablet,var(--jjavb8-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--jjavb8-position-mobile, var(--jjavb8-position-tablet, var(--jjavb8-position, relative))); top: var(--jjavb8-top-mobile, var(--jjavb8-top-tablet, var(--jjavb8-top, auto))); right: var(--jjavb8-right-mobile, var(--jjavb8-right-tablet, var(--jjavb8-right, auto))); bottom: var(--jjavb8-bottom-mobile, var(--jjavb8-bottom-tablet, var(--jjavb8-bottom, auto))); left: var(--jjavb8-left-mobile, var(--jjavb8-left-tablet, var(--jjavb8-left, auto))); transform: var(--jjavb8-transform-mobile, var(--jjavb8-transform-tablet, var(--jjavb8-transform, none))); z-index: var(--jjavb8-z-index-mobile, var(--jjavb8-z-index-tablet, var(--jjavb8-z-index, 10))); aspect-ratio: var(--jjavb8-background-imageRatio-mobile, var(--jjavb8-background-imageRatio, auto)); border-width: var(--jjavb8-borderWidth-tl-mobile, var(--jjavb8-borderWidth-tl,0px)) var(--jjavb8-borderWidth-tr-mobile,var(--jjavb8-borderWidth-tr,0px)) var(--jjavb8-borderWidth-br-mobile,var(--jjavb8-borderWidth-br,0px)) var(--jjavb8-borderWidth-bl-mobile,var(--jjavb8-borderWidth-bl,0px)); border-radius: var(--jjavb8-borderRadius-tl-mobile,var(--jjavb8-borderRadius-tl,0px)) var(--jjavb8-borderRadius-tr-mobile,var(--jjavb8-borderRadius-tr,0px)) var(--jjavb8-borderRadius-br-mobile,var(--jjavb8-borderRadius-br,0px)) var(--jjavb8-borderRadius-bl-mobile,var(--jjavb8-borderRadius-bl,0px)); max-width: var(--jjavb8-max-width-mobile, var(--jjavb8-max-width, 100%)); height: if(style(--jjavb8-position-mobile: absolute): var(--jjavb8-height-mobile,var(--jjavb8-height-tablet,,var(--jjavb8-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jjavb8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--jjavb8-gap,var(--beae-card-gap)); padding-top: var(--jjavb8-padding-top,var(--beae-card-padding)); padding-right: var(--jjavb8-padding-right,var(--beae-card-padding)); padding-bottom: var(--jjavb8-padding-bottom,var(--beae-card-padding)); padding-left: var(--jjavb8-padding-left,var(--beae-card-padding)); border-width: var(--jjavb8-borderWidth-tl,var(--beae-card-border-width)) var(--jjavb8-borderWidth-tr,var(--beae-card-border-width)) var(--jjavb8-borderWidth-br,var(--beae-card-border-width)) var(--jjavb8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jjavb8-borderRadius-tl,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-tr,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-br,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--jjavb8-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--jjavb8-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--jjavb8-gap-tablet,var(--beae-card-gap)); padding-top: var(--jjavb8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jjavb8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jjavb8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jjavb8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jjavb8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jjavb8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jjavb8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jjavb8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jjavb8-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--jjavb8-gap-mobile,var(--beae-card-gap)); padding-top: var(--jjavb8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jjavb8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jjavb8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jjavb8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jjavb8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jjavb8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jjavb8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jjavb8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jjavb8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jjavb8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jjavb8-background-color,var(--beae-card-featured-background)); border-color: var(--jjavb8-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--jjavb8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jjavb8-shadowVertical, var(--beae-card-shadow-y)) var(--jjavb8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jjavb8-shadowColor, var(--beae-card-featured-shadow-color)) var(--jjavb8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--jjavb8-background-color,var(--beae-card-prod-background)); border-color: var(--jjavb8-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--jjavb8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jjavb8-shadowVertical, var(--beae-card-shadow-y)) var(--jjavb8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jjavb8-shadowColor, var(--beae-card-prod-shadow-color)) var(--jjavb8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--jjavb8-background-color,var(--beae-card-pricing-background)); border-color: var(--jjavb8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--jjavb8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jjavb8-shadowVertical, var(--beae-card-shadow-y)) var(--jjavb8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jjavb8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--jjavb8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--jjavb8-background-color,var(--beae-card-cta-background)); border-color: var(--jjavb8-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--jjavb8-shadowHorizontal, var(--beae-card-shadow-x)) var(--jjavb8-shadowVertical, var(--beae-card-shadow-y)) var(--jjavb8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jjavb8-shadowColor, var(--beae-card-cta-shadow-color)) var(--jjavb8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-jjavb8"] {     display: flex;     flex-direction: var(--jjavb8-direction, column);     flex-wrap: nowrap;     justify-content: var(--jjavb8-justify-content);     align-items: var(--jjavb8-align-items);     gap: var(--jjavb8-gap, var(--jjavb8-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jjavb8"] {                            gap: var(--jjavb8-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--jjavb8-padding-right-tablet, 0px) - var(--jjavb8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-jjavb8"] {                            gap: var(--jjavb8-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--jjavb8-padding-right-mobile, 0px) - var(--jjavb8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-51e3ik"] { --51e3ik-typography: h2; --51e3ik-typography-tablet: h2; --51e3ik-typography-mobile: h2; }[data-bnode="beae-51e3ik"] { margin-top: var(--51e3ik-margin-top, 0px); margin-right: var(--51e3ik-margin-right, 0px); margin-bottom: var(--51e3ik-margin-bottom, 0px); margin-left: var(--51e3ik-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--51e3ik-margin-top-tablet, 0px); margin-right: var(--51e3ik-margin-right-tablet, 0px); margin-bottom: var(--51e3ik-margin-bottom-tablet, 0px); margin-left: var(--51e3ik-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--51e3ik-margin-top-mobile, 0px); margin-right: var(--51e3ik-margin-right-mobile, 0px); margin-bottom: var(--51e3ik-margin-bottom-mobile, 0px); margin-left: var(--51e3ik-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--51e3ik-highlightColor,var(--beae-p-color)); top: var(--51e3ik-highlightTop, 100%); } }[data-bnode="beae-xv5p9k"] { --xv5p9k-columns: 1; --xv5p9k-columns-tablet: 1; --xv5p9k-columns-mobile: 1; --xv5p9k-navType: true; --xv5p9k-navType-tablet: true; --xv5p9k-navType-mobile: true; --xv5p9k-pagiType: false; --xv5p9k-pagiType-tablet: false; --xv5p9k-pagiType-mobile: false; --xv5p9k-listType: grid; --xv5p9k-listType-tablet: grid; --xv5p9k-listType-mobile: grid; --xv5p9k-stateNavigation: normal; --xv5p9k-stateNavigation-tablet: normal; --xv5p9k-stateNavigation-mobile: normal; --xv5p9k-statePagination: normal; --xv5p9k-statePagination-tablet: normal; --xv5p9k-statePagination-mobile: normal; --xv5p9k-stateNavigtion: normal; --xv5p9k-stateNavigtion-tablet: normal; --xv5p9k-stateNavigtion-mobile: normal; --xv5p9k-gap: 40px; --xv5p9k-gap-tablet: 40px; --xv5p9k-gap-mobile: 32px; --xv5p9k-columnsMobile-mobile: 1; } [data-bnode="beae-xv5p9k"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-xv5p9k"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-xv5p9k"] [data-bnode="beae-ude16f"] { --ude16f-typography: h3; } [data-bnode="beae-xv5p9k"] [data-bnode="beae-5ydduw"] { --5ydduw-typography: p; } [data-bnode="beae-xv5p9k"] [data-bnode="beae-w9hhox"] { --w9hhox-direction: column; --w9hhox-structure: columns; } [data-bnode="beae-xv5p9k"] [data-bnode="beae-8b1mrh"] { --8b1mrh-typography: h5; --beae-h5-font-size-mobile: 18px; --beae-h5-line-height-mobile: 1.4; --beae-h5-letter-spacing-mobile: 0px; } [data-bnode="beae-xv5p9k"] [data-bnode="beae-303fgf"] { --303fgf-typography: p; } [data-bnode="beae-xv5p9k"] [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-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-align-items: flex-start; --be-ctl-item-align-items-tablet: flex-start; --be-ctl-item-align-items-mobile: flex-start; --be-ctl-item-padding-top: 40px; --be-ctl-item-padding-top-tablet: 40px; --be-ctl-item-padding-top-mobile: 40px; --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: 0px; --be-ctl-item-padding-bottom-tablet: 0px; --be-ctl-item-padding-bottom-mobile: 0px; --be-ctl-item-padding-left: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-borderStyle: solid; --be-ctl-item-borderStyle-tablet: solid; --be-ctl-item-borderStyle-mobile: solid; --be-ctl-item-borderWidth-tl: 1px; --be-ctl-item-borderWidth-tl-tablet: 1px; --be-ctl-item-borderWidth-tl-mobile: 1px; --be-ctl-item-borderWidth-tr: 0px; --be-ctl-item-borderWidth-tr-tablet: 0px; --be-ctl-item-borderWidth-tr-mobile: 0px; --be-ctl-item-borderWidth-bl: 0px; --be-ctl-item-borderWidth-bl-tablet: 0px; --be-ctl-item-borderWidth-bl-mobile: 0px; --be-ctl-item-borderWidth-br: 0px; --be-ctl-item-borderWidth-br-tablet: 0px; --be-ctl-item-borderWidth-br-mobile: 0px; --be-ctl-item-borderColor: #e5e5e5; --be-ctl-item-borderColor-tablet: #e5e5e5; --be-ctl-item-borderColor-mobile: #e5e5e5; }[data-bnode="beae-xv5p9k"] { margin-top: var(--xv5p9k-margin-top, 0px); margin-right: var(--xv5p9k-margin-right, 0px); margin-bottom: var(--xv5p9k-margin-bottom, 0px); margin-left: var(--xv5p9k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xv5p9k-margin-top-tablet, 0px); margin-right: var(--xv5p9k-margin-right-tablet, 0px); margin-bottom: var(--xv5p9k-margin-bottom-tablet, 0px); margin-left: var(--xv5p9k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xv5p9k-margin-top-mobile, 0px); margin-right: var(--xv5p9k-margin-right-mobile, 0px); margin-bottom: var(--xv5p9k-margin-bottom-mobile, 0px); margin-left: var(--xv5p9k-margin-left-mobile, 0px); } &.beae-content-list { .beae-slider-item{ > .beae-slot[data-bnode="be-ctl-item"]{ height: 100%; } } @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--xv5p9k-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--xv5p9k-gap,var(--beae-grid-gap, 20px)) * (var(--xv5p9k-columns, 3) - 1)) / var(--xv5p9k-columns, 3)); &:last-child{ margin-right: var(--xv5p9k-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; flex-wrap: nowrap; } } .beae-slider-items { flex-wrap: wrap; gap: var(--xv5p9k-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--xv5p9k-columns) - 1) * var(--xv5p9k-gap,var(--beae-grid-gap, 20px))) / var(--xv5p9k-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--xv5p9k-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--xv5p9k-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--xv5p9k-columns-tablet, 3) - 1)) / var(--xv5p9k-columns-tablet, 3)); &:last-child{ margin-right: var(--xv5p9k-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; flex-wrap: nowrap; } } .beae-slider-items { flex-wrap: wrap; gap: var(--xv5p9k-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--xv5p9k-columns-tablet) - 1) * var(--xv5p9k-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--xv5p9k-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--xv5p9k-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--xv5p9k-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--xv5p9k-columnsMobile-mobile, 1) - 1)) / var(--xv5p9k-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--xv5p9k-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; flex-wrap: nowrap; } } .beae-slider-items { flex-wrap: wrap; gap: var(--xv5p9k-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--xv5p9k-columnsMobile-mobile) - 1) * var(--xv5p9k-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--xv5p9k-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--xv5p9k-navPadding,12px); background:var(--xv5p9k-navBg,#F5F5F5); color: var(--xv5p9k-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--xv5p9k-navBgHover,#CCCCCC); color: var(--xv5p9k-navColorHover,var(--beae-text-color)); } svg { width: var(--xv5p9k-navIconSize,20px); height: var(--xv5p9k-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--xv5p9k-pagiBg,#E6E6E6); &.active { background:var(--xv5p9k-pagiBgActive,#181818); } &:not(.active):hover { background:var(--xv5p9k-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--xv5p9k-pagiColor,#e6e6e6); &.active { color:var(--xv5p9k-pagiColorActive,#181818); } &:not(.active):hover { color: var(--xv5p9k-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--xv5p9k-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--xv5p9k-pagiBg,#E6E6E6); &.active { background: var(--xv5p9k-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--xv5p9k-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; } } [data-bnode="beae-xv5p9k"] [data-bnode="beae-w9hhox"] { padding-top: var(--w9hhox-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--w9hhox-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--w9hhox-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--w9hhox-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--w9hhox-padding-top-tablet, var(--w9hhox-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--w9hhox-padding-right-tablet, var(--w9hhox-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--w9hhox-padding-bottom-tablet, var(--w9hhox-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--w9hhox-padding-left-tablet, var(--w9hhox-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--w9hhox-padding-top-mobile, var(--w9hhox-padding-top-tablet, var(--w9hhox-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--w9hhox-padding-right-mobile, var(--w9hhox-padding-right-tablet, var(--w9hhox-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--w9hhox-padding-bottom-mobile, var(--w9hhox-padding-bottom-tablet, var(--w9hhox-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--w9hhox-padding-left-mobile, var(--w9hhox-padding-left-tablet, var(--w9hhox-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--w9hhox-position, relative); top: var(--w9hhox-top, auto); right: var(--w9hhox-right, auto); bottom: var(--w9hhox-bottom, auto); left: var(--w9hhox-left, auto); transform: var(--w9hhox-transform, none); z-index: var(--w9hhox-z-index, 10); aspect-ratio: var(--w9hhox-background-imageRatio, auto); background: var(--w9hhox-background-color,transparent); border-style: var(--w9hhox-borderStyle,solid); border-color: var(--w9hhox-borderColor,#000000); border-width: var(--w9hhox-borderWidth-tl,0px) var(--w9hhox-borderWidth-tr,0px) var(--w9hhox-borderWidth-br,0px) var(--w9hhox-borderWidth-bl,0px); border-radius: var(--w9hhox-borderRadius-tl,0px) var(--w9hhox-borderRadius-tr,0px) var(--w9hhox-borderRadius-br,0px) var(--w9hhox-borderRadius-bl,0px); box-shadow: var(--w9hhox-shadowHorizontal, 0px) var(--w9hhox-shadowVertical, 0px) var(--w9hhox-shadowBlur, 0px) 1px color-mix( in srgb, var(--w9hhox-shadowColor, #000000) var(--w9hhox-shadowTransparent, 0%), transparent ); max-width: var(--w9hhox-max-width, 100%); width: 100%; height: if(style(--w9hhox-position: absolute): var(--w9hhox-height,100%); else: unset ); backdrop-filter:blur(var(--w9hhox-background-blur, none)) saturate(var(--w9hhox-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--w9hhox-position-tablet, var(--w9hhox-position, relative)); top: var(--w9hhox-top-tablet, var(--w9hhox-top, auto)); right: var(--w9hhox-right-tablet, var(--w9hhox-right, auto)); bottom: var(--w9hhox-bottom-tablet, var(--w9hhox-bottom, auto)); left: var(--w9hhox-left-tablet, var(--w9hhox-left, auto)); transform: var(--w9hhox-transform-tablet, var(--w9hhox-transform, none)); z-index: var(--w9hhox-z-index-tablet, var(--w9hhox-z-index, 10)); aspect-ratio: var(--w9hhox-background-imageRatio-tablet, var(--w9hhox-background-imageRatio, auto)); border-width: var(--w9hhox-borderWidth-tl-tablet, var(--w9hhox-borderWidth-tl,0px)) var(--w9hhox-borderWidth-tr-tablet,var(--w9hhox-borderWidth-tr,0px)) var(--w9hhox-borderWidth-br-tablet,var(--w9hhox-borderWidth-br,0px)) var(--w9hhox-borderWidth-bl-tablet,var(--w9hhox-borderWidth-bl,0px)); border-radius: var(--w9hhox-borderRadius-tl-tablet,var(--w9hhox-borderRadius-tl,0px)) var(--w9hhox-borderRadius-tr-tablet,var(--w9hhox-borderRadius-tr,0px)) var(--w9hhox-borderRadius-br-tablet,var(--w9hhox-borderRadius-br,0px)) var(--w9hhox-borderRadius-bl-tablet,var(--w9hhox-borderRadius-bl,0px)); max-width: var(--w9hhox-max-width-tablet, var(--w9hhox-max-width, 100%)); height: if(style(--w9hhox-position-tablet: absolute): var(--w9hhox-height-tablet,var(--w9hhox-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--w9hhox-position-mobile, var(--w9hhox-position-tablet, var(--w9hhox-position, relative))); top: var(--w9hhox-top-mobile, var(--w9hhox-top-tablet, var(--w9hhox-top, auto))); right: var(--w9hhox-right-mobile, var(--w9hhox-right-tablet, var(--w9hhox-right, auto))); bottom: var(--w9hhox-bottom-mobile, var(--w9hhox-bottom-tablet, var(--w9hhox-bottom, auto))); left: var(--w9hhox-left-mobile, var(--w9hhox-left-tablet, var(--w9hhox-left, auto))); transform: var(--w9hhox-transform-mobile, var(--w9hhox-transform-tablet, var(--w9hhox-transform, none))); z-index: var(--w9hhox-z-index-mobile, var(--w9hhox-z-index-tablet, var(--w9hhox-z-index, 10))); aspect-ratio: var(--w9hhox-background-imageRatio-mobile, var(--w9hhox-background-imageRatio, auto)); border-width: var(--w9hhox-borderWidth-tl-mobile, var(--w9hhox-borderWidth-tl,0px)) var(--w9hhox-borderWidth-tr-mobile,var(--w9hhox-borderWidth-tr,0px)) var(--w9hhox-borderWidth-br-mobile,var(--w9hhox-borderWidth-br,0px)) var(--w9hhox-borderWidth-bl-mobile,var(--w9hhox-borderWidth-bl,0px)); border-radius: var(--w9hhox-borderRadius-tl-mobile,var(--w9hhox-borderRadius-tl,0px)) var(--w9hhox-borderRadius-tr-mobile,var(--w9hhox-borderRadius-tr,0px)) var(--w9hhox-borderRadius-br-mobile,var(--w9hhox-borderRadius-br,0px)) var(--w9hhox-borderRadius-bl-mobile,var(--w9hhox-borderRadius-bl,0px)); max-width: var(--w9hhox-max-width-mobile, var(--w9hhox-max-width, 100%)); height: if(style(--w9hhox-position-mobile: absolute): var(--w9hhox-height-mobile,var(--w9hhox-height-tablet,,var(--w9hhox-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--w9hhox-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--w9hhox-gap,var(--beae-card-gap)); padding-top: var(--w9hhox-padding-top,var(--beae-card-padding)); padding-right: var(--w9hhox-padding-right,var(--beae-card-padding)); padding-bottom: var(--w9hhox-padding-bottom,var(--beae-card-padding)); padding-left: var(--w9hhox-padding-left,var(--beae-card-padding)); border-width: var(--w9hhox-borderWidth-tl,var(--beae-card-border-width)) var(--w9hhox-borderWidth-tr,var(--beae-card-border-width)) var(--w9hhox-borderWidth-br,var(--beae-card-border-width)) var(--w9hhox-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--w9hhox-borderRadius-tl,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-tr,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-br,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--w9hhox-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--w9hhox-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--w9hhox-gap-tablet,var(--beae-card-gap)); padding-top: var(--w9hhox-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--w9hhox-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--w9hhox-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--w9hhox-padding-left-tablet,var(--beae-card-padding)); border-width: var(--w9hhox-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--w9hhox-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--w9hhox-borderWidth-br-desktop,var(--beae-card-border-width)) var(--w9hhox-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--w9hhox-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--w9hhox-gap-mobile,var(--beae-card-gap)); padding-top: var(--w9hhox-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--w9hhox-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--w9hhox-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--w9hhox-padding-left-mobile,var(--beae-card-padding)); border-width: var(--w9hhox-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--w9hhox-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--w9hhox-borderWidth-br-mobile,var(--beae-card-border-width)) var(--w9hhox-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--w9hhox-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--w9hhox-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--w9hhox-background-color,var(--beae-card-featured-background)); border-color: var(--w9hhox-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--w9hhox-shadowHorizontal, var(--beae-card-shadow-x)) var(--w9hhox-shadowVertical, var(--beae-card-shadow-y)) var(--w9hhox-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w9hhox-shadowColor, var(--beae-card-featured-shadow-color)) var(--w9hhox-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--w9hhox-background-color,var(--beae-card-prod-background)); border-color: var(--w9hhox-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--w9hhox-shadowHorizontal, var(--beae-card-shadow-x)) var(--w9hhox-shadowVertical, var(--beae-card-shadow-y)) var(--w9hhox-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w9hhox-shadowColor, var(--beae-card-prod-shadow-color)) var(--w9hhox-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--w9hhox-background-color,var(--beae-card-pricing-background)); border-color: var(--w9hhox-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--w9hhox-shadowHorizontal, var(--beae-card-shadow-x)) var(--w9hhox-shadowVertical, var(--beae-card-shadow-y)) var(--w9hhox-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w9hhox-shadowColor, var(--beae-card-pricing-shadow-color)) var(--w9hhox-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--w9hhox-background-color,var(--beae-card-cta-background)); border-color: var(--w9hhox-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--w9hhox-shadowHorizontal, var(--beae-card-shadow-x)) var(--w9hhox-shadowVertical, var(--beae-card-shadow-y)) var(--w9hhox-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w9hhox-shadowColor, var(--beae-card-cta-shadow-color)) var(--w9hhox-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } } [data-bnode="beae-xv5p9k"] [data-bnode="beae-8b1mrh"] { margin-top: var(--8b1mrh-margin-top, 0px); margin-right: var(--8b1mrh-margin-right, 0px); margin-bottom: var(--8b1mrh-margin-bottom, 0px); margin-left: var(--8b1mrh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8b1mrh-margin-top-tablet, 0px); margin-right: var(--8b1mrh-margin-right-tablet, 0px); margin-bottom: var(--8b1mrh-margin-bottom-tablet, 0px); margin-left: var(--8b1mrh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8b1mrh-margin-top-mobile, 0px); margin-right: var(--8b1mrh-margin-right-mobile, 0px); margin-bottom: var(--8b1mrh-margin-bottom-mobile, 0px); margin-left: var(--8b1mrh-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--8b1mrh-highlightColor,var(--beae-p-color)); top: var(--8b1mrh-highlightTop, 100%); } } [data-bnode="beae-xv5p9k"] [data-bnode="beae-303fgf"] { margin-top: var(--303fgf-margin-top, 0px); margin-right: var(--303fgf-margin-right, 0px); margin-bottom: var(--303fgf-margin-bottom, 0px); margin-left: var(--303fgf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--303fgf-margin-top-tablet, 0px); margin-right: var(--303fgf-margin-right-tablet, 0px); margin-bottom: var(--303fgf-margin-bottom-tablet, 0px); margin-left: var(--303fgf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--303fgf-margin-top-mobile, 0px); margin-right: var(--303fgf-margin-right-mobile, 0px); margin-bottom: var(--303fgf-margin-bottom-mobile, 0px); margin-left: var(--303fgf-margin-left-mobile, 0px); } } [data-bnode="beae-xv5p9k"] [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)))))); } &.beae-slot { position: var(--be-ctl-item-position, relative); top: var(--be-ctl-item-top, auto); right: var(--be-ctl-item-right, auto); bottom: var(--be-ctl-item-bottom, auto); left: var(--be-ctl-item-left, auto); transform: var(--be-ctl-item-transform, none); z-index: var(--be-ctl-item-z-index, 10); 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: var(--be-ctl-item-shadowHorizontal, 0px) var(--be-ctl-item-shadowVertical, 0px) var(--be-ctl-item-shadowBlur, 0px) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, #000000) var(--be-ctl-item-shadowTransparent, 0%), transparent ); max-width: var(--be-ctl-item-max-width, 100%); width: 100%; height: if(style(--be-ctl-item-position: absolute): var(--be-ctl-item-height,100%); else: unset ); backdrop-filter:blur(var(--be-ctl-item-background-blur, none)) saturate(var(--be-ctl-item-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--be-ctl-item-position-tablet, var(--be-ctl-item-position, relative)); top: var(--be-ctl-item-top-tablet, var(--be-ctl-item-top, auto)); right: var(--be-ctl-item-right-tablet, var(--be-ctl-item-right, auto)); bottom: var(--be-ctl-item-bottom-tablet, var(--be-ctl-item-bottom, auto)); left: var(--be-ctl-item-left-tablet, var(--be-ctl-item-left, auto)); transform: var(--be-ctl-item-transform-tablet, var(--be-ctl-item-transform, none)); z-index: var(--be-ctl-item-z-index-tablet, var(--be-ctl-item-z-index, 10)); 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, var(--be-ctl-item-borderWidth-tl,0px)) var(--be-ctl-item-borderWidth-tr-tablet,var(--be-ctl-item-borderWidth-tr,0px)) var(--be-ctl-item-borderWidth-br-tablet,var(--be-ctl-item-borderWidth-br,0px)) var(--be-ctl-item-borderWidth-bl-tablet,var(--be-ctl-item-borderWidth-bl,0px)); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,var(--be-ctl-item-borderRadius-tl,0px)) var(--be-ctl-item-borderRadius-tr-tablet,var(--be-ctl-item-borderRadius-tr,0px)) var(--be-ctl-item-borderRadius-br-tablet,var(--be-ctl-item-borderRadius-br,0px)) var(--be-ctl-item-borderRadius-bl-tablet,var(--be-ctl-item-borderRadius-bl,0px)); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); height: if(style(--be-ctl-item-position-tablet: absolute): var(--be-ctl-item-height-tablet,var(--be-ctl-item-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--be-ctl-item-position-mobile, var(--be-ctl-item-position-tablet, var(--be-ctl-item-position, relative))); top: var(--be-ctl-item-top-mobile, var(--be-ctl-item-top-tablet, var(--be-ctl-item-top, auto))); right: var(--be-ctl-item-right-mobile, var(--be-ctl-item-right-tablet, var(--be-ctl-item-right, auto))); bottom: var(--be-ctl-item-bottom-mobile, var(--be-ctl-item-bottom-tablet, var(--be-ctl-item-bottom, auto))); left: var(--be-ctl-item-left-mobile, var(--be-ctl-item-left-tablet, var(--be-ctl-item-left, auto))); transform: var(--be-ctl-item-transform-mobile, var(--be-ctl-item-transform-tablet, var(--be-ctl-item-transform, none))); z-index: var(--be-ctl-item-z-index-mobile, var(--be-ctl-item-z-index-tablet, var(--be-ctl-item-z-index, 10))); 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, var(--be-ctl-item-borderWidth-tl,0px)) var(--be-ctl-item-borderWidth-tr-mobile,var(--be-ctl-item-borderWidth-tr,0px)) var(--be-ctl-item-borderWidth-br-mobile,var(--be-ctl-item-borderWidth-br,0px)) var(--be-ctl-item-borderWidth-bl-mobile,var(--be-ctl-item-borderWidth-bl,0px)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--be-ctl-item-borderRadius-tl,0px)) var(--be-ctl-item-borderRadius-tr-mobile,var(--be-ctl-item-borderRadius-tr,0px)) var(--be-ctl-item-borderRadius-br-mobile,var(--be-ctl-item-borderRadius-br,0px)) var(--be-ctl-item-borderRadius-bl-mobile,var(--be-ctl-item-borderRadius-bl,0px)); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); height: if(style(--be-ctl-item-position-mobile: absolute): var(--be-ctl-item-height-mobile,var(--be-ctl-item-height-tablet,,var(--be-ctl-item-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.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{ 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-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(--be-ctl-item-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--be-ctl-item-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--be-ctl-item-gap-tablet,var(--beae-card-gap)); 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-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-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--be-ctl-item-gap-mobile,var(--beae-card-gap)); 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-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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-xv5p9k"] [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-xv5p9k"] [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;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xv5p9k"] [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;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-w9hhox"] {     display: flex;     flex-direction: var(--w9hhox-direction, column);     flex-wrap: nowrap;     justify-content: var(--w9hhox-justify-content);     align-items: var(--w9hhox-align-items);     gap: var(--w9hhox-gap, var(--w9hhox-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-w9hhox"] {                            gap: var(--w9hhox-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--w9hhox-padding-right-tablet, 0px) - var(--w9hhox-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-w9hhox"] {                            gap: var(--w9hhox-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--w9hhox-padding-right-mobile, 0px) - var(--w9hhox-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5qhs10"] { --5qhs10-width: 1600px; --5qhs10-width-tablet: 1600px; --5qhs10-width-mobile: 1600px; --5qhs10-height: 800px; --5qhs10-height-tablet: 480px; --5qhs10-height-mobile: 400px; --5qhs10-padding-top: 0px; --5qhs10-padding-top-tablet: 0px; --5qhs10-padding-top-mobile: 0px; --5qhs10-padding-bottom: 0px; --5qhs10-padding-bottom-tablet: 0px; --5qhs10-padding-bottom-mobile: 0px; --5qhs10-padding-right: 32px; --5qhs10-padding-right-tablet: 30px; --5qhs10-padding-right-mobile: 16px; --5qhs10-padding-left: 32px; --5qhs10-padding-left-tablet: 30px; --5qhs10-padding-left-mobile: 16px; --5qhs10-background-type: image; --5qhs10-background-type-tablet: image; --5qhs10-background-type-mobile: image; --5qhs10-background-video: [object Object]; --5qhs10-background-video-tablet: [object Object]; --5qhs10-background-video-mobile: [object Object]; --5qhs10-background-image: [object Object]; --5qhs10-background-image-tablet: [object Object]; --5qhs10-background-image-mobile: [object Object]; --5qhs10-direction: column; --5qhs10-direction-tablet: row; --5qhs10-direction-mobile: row; --5qhs10-justify-content: center; --5qhs10-justify-content-tablet: flex-start; --5qhs10-justify-content-mobile: flex-start; --5qhs10-surface: accent; --5qhs10-surface-tablet: accent; --5qhs10-surface-mobile: accent; --5qhs10-structure-tablet: auto; --5qhs10-structure-mobile: auto; --5qhs10-align-items-tablet: center; --5qhs10-align-items-mobile: center; }[data-bnode="beae-5qhs10"] { padding-top: var(--5qhs10-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--5qhs10-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--5qhs10-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--5qhs10-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5qhs10-padding-top-tablet, var(--5qhs10-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--5qhs10-padding-right-tablet, var(--5qhs10-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--5qhs10-padding-bottom-tablet, var(--5qhs10-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--5qhs10-padding-left-tablet, var(--5qhs10-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5qhs10-padding-top-mobile, var(--5qhs10-padding-top-tablet, var(--5qhs10-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--5qhs10-padding-right-mobile, var(--5qhs10-padding-right-tablet, var(--5qhs10-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--5qhs10-padding-bottom-mobile, var(--5qhs10-padding-bottom-tablet, var(--5qhs10-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--5qhs10-padding-left-mobile, var(--5qhs10-padding-left-tablet, var(--5qhs10-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--5qhs10-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--5qhs10-height); width: 100%; max-width: var(--5qhs10-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { 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(--5qhs10-height-tablet, auto); width: 100%; max-width: var(--5qhs10-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--5qhs10-height-mobile, auto); width: 100%; max-width: var(--5qhs10-width-mobile, 100%); } } } }[data-bnode="beae-5qhs10"] > .beae-section-container{     display: flex;     flex-direction: var(--5qhs10-direction, column);     flex-wrap: nowrap;     justify-content: var(--5qhs10-justify-content);     align-items: var(--5qhs10-align-items);     gap: var(--5qhs10-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5qhs10"] > .beae-section-container{      flex-direction: var(--5qhs10-direction-tablet, column);           justify-content: var(--5qhs10-justify-content-tablet, inherit);      align-items: var(--5qhs10-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-5qhs10"] > .beae-section-container{      flex-direction: var(--5qhs10-direction-mobile, column);           justify-content: var(--5qhs10-justify-content-mobile, inherit);      align-items: var(--5qhs10-align-items-mobile, inherit);      gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--5qhs10-padding-right-mobile, 0px) - var(--5qhs10-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-i86b2o"] { --i86b2o-direction: column; --i86b2o-direction-tablet: column; --i86b2o-direction-mobile: column; --i86b2o-structure: columns; --i86b2o-structure-tablet: columns; --i86b2o-structure-mobile: columns; --i86b2o-align-items: flex-start; --i86b2o-align-items-tablet: flex-start; --i86b2o-align-items-mobile: flex-start; --i86b2o-justify-content: flex-end; --i86b2o-justify-content-tablet: center; --i86b2o-justify-content-mobile: center; --i86b2o-max-width: 512px; --i86b2o-gap: 20px; --i86b2o-gap-tablet: 20px; --i86b2o-gap-mobile: 16px; --i86b2o-padding-top: 80px; --i86b2o-padding-top-tablet: 80px; --i86b2o-padding-top-mobile: 56px; --i86b2o-padding-right: 0px; --i86b2o-padding-right-tablet: 0px; --i86b2o-padding-right-mobile: 0px; --i86b2o-padding-bottom: 80px; --i86b2o-padding-bottom-tablet: 80px; --i86b2o-padding-bottom-mobile: 56px; --i86b2o-padding-left: 0px; --i86b2o-padding-left-tablet: 0px; --i86b2o-padding-left-mobile: 0px; }[data-bnode="beae-i86b2o"] { padding-top: var(--i86b2o-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--i86b2o-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--i86b2o-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--i86b2o-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--i86b2o-padding-top-tablet, var(--i86b2o-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--i86b2o-padding-right-tablet, var(--i86b2o-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--i86b2o-padding-bottom-tablet, var(--i86b2o-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--i86b2o-padding-left-tablet, var(--i86b2o-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--i86b2o-padding-top-mobile, var(--i86b2o-padding-top-tablet, var(--i86b2o-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--i86b2o-padding-right-mobile, var(--i86b2o-padding-right-tablet, var(--i86b2o-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--i86b2o-padding-bottom-mobile, var(--i86b2o-padding-bottom-tablet, var(--i86b2o-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--i86b2o-padding-left-mobile, var(--i86b2o-padding-left-tablet, var(--i86b2o-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--i86b2o-position, relative); top: var(--i86b2o-top, auto); right: var(--i86b2o-right, auto); bottom: var(--i86b2o-bottom, auto); left: var(--i86b2o-left, auto); transform: var(--i86b2o-transform, none); z-index: var(--i86b2o-z-index, 10); aspect-ratio: var(--i86b2o-background-imageRatio, auto); background: var(--i86b2o-background-color,transparent); border-style: var(--i86b2o-borderStyle,solid); border-color: var(--i86b2o-borderColor,#000000); border-width: var(--i86b2o-borderWidth-tl,0px) var(--i86b2o-borderWidth-tr,0px) var(--i86b2o-borderWidth-br,0px) var(--i86b2o-borderWidth-bl,0px); border-radius: var(--i86b2o-borderRadius-tl,0px) var(--i86b2o-borderRadius-tr,0px) var(--i86b2o-borderRadius-br,0px) var(--i86b2o-borderRadius-bl,0px); box-shadow: var(--i86b2o-shadowHorizontal, 0px) var(--i86b2o-shadowVertical, 0px) var(--i86b2o-shadowBlur, 0px) 1px color-mix( in srgb, var(--i86b2o-shadowColor, #000000) var(--i86b2o-shadowTransparent, 0%), transparent ); max-width: var(--i86b2o-max-width, 100%); width: 100%; height: if(style(--i86b2o-position: absolute): var(--i86b2o-height,100%); else: unset ); backdrop-filter:blur(var(--i86b2o-background-blur, none)) saturate(var(--i86b2o-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--i86b2o-position-tablet, var(--i86b2o-position, relative)); top: var(--i86b2o-top-tablet, var(--i86b2o-top, auto)); right: var(--i86b2o-right-tablet, var(--i86b2o-right, auto)); bottom: var(--i86b2o-bottom-tablet, var(--i86b2o-bottom, auto)); left: var(--i86b2o-left-tablet, var(--i86b2o-left, auto)); transform: var(--i86b2o-transform-tablet, var(--i86b2o-transform, none)); z-index: var(--i86b2o-z-index-tablet, var(--i86b2o-z-index, 10)); aspect-ratio: var(--i86b2o-background-imageRatio-tablet, var(--i86b2o-background-imageRatio, auto)); border-width: var(--i86b2o-borderWidth-tl-tablet, var(--i86b2o-borderWidth-tl,0px)) var(--i86b2o-borderWidth-tr-tablet,var(--i86b2o-borderWidth-tr,0px)) var(--i86b2o-borderWidth-br-tablet,var(--i86b2o-borderWidth-br,0px)) var(--i86b2o-borderWidth-bl-tablet,var(--i86b2o-borderWidth-bl,0px)); border-radius: var(--i86b2o-borderRadius-tl-tablet,var(--i86b2o-borderRadius-tl,0px)) var(--i86b2o-borderRadius-tr-tablet,var(--i86b2o-borderRadius-tr,0px)) var(--i86b2o-borderRadius-br-tablet,var(--i86b2o-borderRadius-br,0px)) var(--i86b2o-borderRadius-bl-tablet,var(--i86b2o-borderRadius-bl,0px)); max-width: var(--i86b2o-max-width-tablet, var(--i86b2o-max-width, 100%)); height: if(style(--i86b2o-position-tablet: absolute): var(--i86b2o-height-tablet,var(--i86b2o-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--i86b2o-position-mobile, var(--i86b2o-position-tablet, var(--i86b2o-position, relative))); top: var(--i86b2o-top-mobile, var(--i86b2o-top-tablet, var(--i86b2o-top, auto))); right: var(--i86b2o-right-mobile, var(--i86b2o-right-tablet, var(--i86b2o-right, auto))); bottom: var(--i86b2o-bottom-mobile, var(--i86b2o-bottom-tablet, var(--i86b2o-bottom, auto))); left: var(--i86b2o-left-mobile, var(--i86b2o-left-tablet, var(--i86b2o-left, auto))); transform: var(--i86b2o-transform-mobile, var(--i86b2o-transform-tablet, var(--i86b2o-transform, none))); z-index: var(--i86b2o-z-index-mobile, var(--i86b2o-z-index-tablet, var(--i86b2o-z-index, 10))); aspect-ratio: var(--i86b2o-background-imageRatio-mobile, var(--i86b2o-background-imageRatio, auto)); border-width: var(--i86b2o-borderWidth-tl-mobile, var(--i86b2o-borderWidth-tl,0px)) var(--i86b2o-borderWidth-tr-mobile,var(--i86b2o-borderWidth-tr,0px)) var(--i86b2o-borderWidth-br-mobile,var(--i86b2o-borderWidth-br,0px)) var(--i86b2o-borderWidth-bl-mobile,var(--i86b2o-borderWidth-bl,0px)); border-radius: var(--i86b2o-borderRadius-tl-mobile,var(--i86b2o-borderRadius-tl,0px)) var(--i86b2o-borderRadius-tr-mobile,var(--i86b2o-borderRadius-tr,0px)) var(--i86b2o-borderRadius-br-mobile,var(--i86b2o-borderRadius-br,0px)) var(--i86b2o-borderRadius-bl-mobile,var(--i86b2o-borderRadius-bl,0px)); max-width: var(--i86b2o-max-width-mobile, var(--i86b2o-max-width, 100%)); height: if(style(--i86b2o-position-mobile: absolute): var(--i86b2o-height-mobile,var(--i86b2o-height-tablet,,var(--i86b2o-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--i86b2o-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--i86b2o-gap,var(--beae-card-gap)); padding-top: var(--i86b2o-padding-top,var(--beae-card-padding)); padding-right: var(--i86b2o-padding-right,var(--beae-card-padding)); padding-bottom: var(--i86b2o-padding-bottom,var(--beae-card-padding)); padding-left: var(--i86b2o-padding-left,var(--beae-card-padding)); border-width: var(--i86b2o-borderWidth-tl,var(--beae-card-border-width)) var(--i86b2o-borderWidth-tr,var(--beae-card-border-width)) var(--i86b2o-borderWidth-br,var(--beae-card-border-width)) var(--i86b2o-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--i86b2o-borderRadius-tl,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-tr,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-br,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--i86b2o-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--i86b2o-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--i86b2o-gap-tablet,var(--beae-card-gap)); padding-top: var(--i86b2o-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--i86b2o-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--i86b2o-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--i86b2o-padding-left-tablet,var(--beae-card-padding)); border-width: var(--i86b2o-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--i86b2o-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--i86b2o-borderWidth-br-desktop,var(--beae-card-border-width)) var(--i86b2o-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--i86b2o-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--i86b2o-gap-mobile,var(--beae-card-gap)); padding-top: var(--i86b2o-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--i86b2o-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--i86b2o-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--i86b2o-padding-left-mobile,var(--beae-card-padding)); border-width: var(--i86b2o-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--i86b2o-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--i86b2o-borderWidth-br-mobile,var(--beae-card-border-width)) var(--i86b2o-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--i86b2o-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--i86b2o-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--i86b2o-background-color,var(--beae-card-featured-background)); border-color: var(--i86b2o-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--i86b2o-shadowHorizontal, var(--beae-card-shadow-x)) var(--i86b2o-shadowVertical, var(--beae-card-shadow-y)) var(--i86b2o-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i86b2o-shadowColor, var(--beae-card-featured-shadow-color)) var(--i86b2o-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--i86b2o-background-color,var(--beae-card-prod-background)); border-color: var(--i86b2o-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--i86b2o-shadowHorizontal, var(--beae-card-shadow-x)) var(--i86b2o-shadowVertical, var(--beae-card-shadow-y)) var(--i86b2o-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i86b2o-shadowColor, var(--beae-card-prod-shadow-color)) var(--i86b2o-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--i86b2o-background-color,var(--beae-card-pricing-background)); border-color: var(--i86b2o-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--i86b2o-shadowHorizontal, var(--beae-card-shadow-x)) var(--i86b2o-shadowVertical, var(--beae-card-shadow-y)) var(--i86b2o-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i86b2o-shadowColor, var(--beae-card-pricing-shadow-color)) var(--i86b2o-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--i86b2o-background-color,var(--beae-card-cta-background)); border-color: var(--i86b2o-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--i86b2o-shadowHorizontal, var(--beae-card-shadow-x)) var(--i86b2o-shadowVertical, var(--beae-card-shadow-y)) var(--i86b2o-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i86b2o-shadowColor, var(--beae-card-cta-shadow-color)) var(--i86b2o-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-i86b2o"] {     display: flex;     flex-direction: var(--i86b2o-direction, column);     flex-wrap: nowrap;     justify-content: var(--i86b2o-justify-content);     align-items: var(--i86b2o-align-items);     gap: var(--i86b2o-gap, var(--i86b2o-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-i86b2o"] {                 justify-content: var(--i86b2o-justify-content-tablet, inherit);      align-items: var(--i86b2o-align-items-tablet, inherit);      gap: var(--i86b2o-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--i86b2o-padding-right-tablet, 0px) - var(--i86b2o-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-i86b2o"] {      flex-direction: var(--i86b2o-direction-mobile, column);                 align-items: var(--i86b2o-align-items-mobile, inherit);      gap: var(--i86b2o-gap-mobile, var(--i86b2o-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-azupa6"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #100D09; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --azupa6-typography: h2; --azupa6-typography-tablet: h2; --azupa6-typography-mobile: h2; }[data-bnode="beae-azupa6"] { margin-top: var(--azupa6-margin-top, 0px); margin-right: var(--azupa6-margin-right, 0px); margin-bottom: var(--azupa6-margin-bottom, 0px); margin-left: var(--azupa6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--azupa6-margin-top-tablet, 0px); margin-right: var(--azupa6-margin-right-tablet, 0px); margin-bottom: var(--azupa6-margin-bottom-tablet, 0px); margin-left: var(--azupa6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--azupa6-margin-top-mobile, 0px); margin-right: var(--azupa6-margin-right-mobile, 0px); margin-bottom: var(--azupa6-margin-bottom-mobile, 0px); margin-left: var(--azupa6-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--azupa6-highlightColor,var(--beae-p-color)); top: var(--azupa6-highlightTop, 100%); } }[data-bnode="beae-erjmwi"] { --beae-p-font-size: NaNpx; --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: NaNpx; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --erjmwi-typography: p; --erjmwi-typography-tablet: p; --erjmwi-typography-mobile: p; --erjmwi-margin-top: 8px; --erjmwi-margin-top-tablet: 8px; --erjmwi-margin-top-mobile: 4px; --erjmwi-margin-right: 0px; --erjmwi-margin-right-tablet: 0px; --erjmwi-margin-right-mobile: 0px; --erjmwi-margin-bottom: 0px; --erjmwi-margin-bottom-tablet: 0px; --erjmwi-margin-bottom-mobile: 0px; --erjmwi-margin-left: 0px; --erjmwi-margin-left-tablet: 0px; --erjmwi-margin-left-mobile: 0px; --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; --beae-p-color: #000000; }[data-bnode="beae-erjmwi"] { margin-top: var(--erjmwi-margin-top, 0px); margin-right: var(--erjmwi-margin-right, 0px); margin-bottom: var(--erjmwi-margin-bottom, 0px); margin-left: var(--erjmwi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--erjmwi-margin-top-tablet, 0px); margin-right: var(--erjmwi-margin-right-tablet, 0px); margin-bottom: var(--erjmwi-margin-bottom-tablet, 0px); margin-left: var(--erjmwi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--erjmwi-margin-top-mobile, 0px); margin-right: var(--erjmwi-margin-right-mobile, 0px); margin-bottom: var(--erjmwi-margin-bottom-mobile, 0px); margin-left: var(--erjmwi-margin-left-mobile, 0px); } }[data-bnode="beae-gwqitp"] { --gwqitp-width: fill; --gwqitp-width-tablet: fill; --gwqitp-width-mobile: fill; --beae-btn-font-weight: 500; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-border-radius: 50px; --beae-btn-se-label-color: #ffffff; --beae-btn-se-background-color: #0a0a0a; --beae-btn-text-transform: capitalize; --gwqitp-iconWidth: 20px; --gwqitp-iconWidth-tablet: 20px; --gwqitp-iconWidth-mobile: 20px; --gwqitp-iconGap: 5px; --gwqitp-iconGap-tablet: 5px; --gwqitp-iconGap-mobile: 5px; --gwqitp-transform: capitalize; --gwqitp-transform-tablet: capitalize; --gwqitp-transform-mobile: capitalize; --gwqitp-button: se; --gwqitp-button-tablet: se; --gwqitp-button-mobile: se; --gwqitp-margin-top: 8px; --gwqitp-margin-top-tablet: 8px; --gwqitp-margin-top-mobile: 4px; --gwqitp-margin-right: 0px; --gwqitp-margin-right-tablet: 0px; --gwqitp-margin-right-mobile: 0px; --gwqitp-margin-bottom: 0px; --gwqitp-margin-bottom-tablet: 0px; --gwqitp-margin-bottom-mobile: 0px; --gwqitp-margin-left: 0px; --gwqitp-margin-left-tablet: 0px; --gwqitp-margin-left-mobile: 0px; }[data-bnode="beae-gwqitp"] { margin-top: var(--gwqitp-margin-top, 0px); margin-right: var(--gwqitp-margin-right, 0px); margin-bottom: var(--gwqitp-margin-bottom, 0px); margin-left: var(--gwqitp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gwqitp-margin-top-tablet, 0px); margin-right: var(--gwqitp-margin-right-tablet, 0px); margin-bottom: var(--gwqitp-margin-bottom-tablet, 0px); margin-left: var(--gwqitp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gwqitp-margin-top-mobile, 0px); margin-right: var(--gwqitp-margin-right-mobile, 0px); margin-bottom: var(--gwqitp-margin-bottom-mobile, 0px); margin-left: var(--gwqitp-margin-left-mobile, 0px); } &{ gap:var(--gwqitp-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--gwqitp-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--gwqitp-bgBtnHover)) * 1%)); style(--gwqitp-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--gwqitp-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--gwqitp-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--gwqitp-labelBtnHover)) * 1%)); style(--gwqitp-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--gwqitp-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--gwqitp-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--gwqitp-borderBtnHover)) * 1%)); style(--gwqitp-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--gwqitp-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--gwqitp-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--gwqitp-bgBtnHover)) * 1%)); style(--gwqitp-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--gwqitp-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--gwqitp-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--gwqitp-labelBtnHover)) * 1%)); style(--gwqitp-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--gwqitp-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--gwqitp-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--gwqitp-borderBtnHover)) * 1%)); style(--gwqitp-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--gwqitp-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--gwqitp-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--gwqitp-labelBtnHover)) * 1%)); style(--gwqitp-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--gwqitp-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--gwqitp-iconWidth); } svg { width: var(--gwqitp-iconWidth,20px); min-width: var(--gwqitp-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--gwqitp-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--gwqitp-iconWidth-tablet, var(--gwqitp-iconWidth)); } svg { width: var(--gwqitp-iconWidth-tablet, var(--gwqitp-iconWidth)); min-width: var(--gwqitp-iconWidth-tablet, var(--gwqitp-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--gwqitp-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--gwqitp-iconWidth-mobile, var(--gwqitp-iconWidth)); } svg { width: var(--gwqitp-iconWidth-mobile, var(--gwqitp-iconWidth)); min-width: var(--gwqitp-iconWidth-mobile, var(--gwqitp-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-uumygg"] { --uumygg-width: 1600px; --uumygg-width-tablet: 1600px; --uumygg-width-mobile: 1600px; --uumygg-height: fit-content; --uumygg-height-tablet: fit-content; --uumygg-height-mobile: fit-content; --uumygg-padding-top: 80px; --uumygg-padding-top-tablet: 80px; --uumygg-padding-top-mobile: 56px; --uumygg-padding-right: 30px; --uumygg-padding-right-tablet: 30px; --uumygg-padding-right-mobile: 16px; --uumygg-padding-bottom: 80px; --uumygg-padding-bottom-tablet: 80px; --uumygg-padding-bottom-mobile: 56px; --uumygg-padding-left: 30px; --uumygg-padding-left-tablet: 30px; --uumygg-padding-left-mobile: 16px; --uumygg-background-type: color; --uumygg-background-type-tablet: color; --uumygg-background-type-mobile: color; --uumygg-direction: column; --uumygg-direction-tablet: column; --uumygg-direction-mobile: column; --uumygg-gap: 48px; --uumygg-gap-tablet: 40px; --uumygg-gap-mobile: 32px; --uumygg-surface: muted; --uumygg-surface-tablet: muted; --uumygg-surface-mobile: muted; }[data-bnode="beae-uumygg"] { padding-top: var(--uumygg-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--uumygg-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--uumygg-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--uumygg-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uumygg-padding-top-tablet, var(--uumygg-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--uumygg-padding-right-tablet, var(--uumygg-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--uumygg-padding-bottom-tablet, var(--uumygg-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--uumygg-padding-left-tablet, var(--uumygg-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uumygg-padding-top-mobile, var(--uumygg-padding-top-tablet, var(--uumygg-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--uumygg-padding-right-mobile, var(--uumygg-padding-right-tablet, var(--uumygg-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--uumygg-padding-bottom-mobile, var(--uumygg-padding-bottom-tablet, var(--uumygg-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--uumygg-padding-left-mobile, var(--uumygg-padding-left-tablet, var(--uumygg-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--uumygg-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--uumygg-height); width: 100%; max-width: var(--uumygg-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { 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(--uumygg-height-tablet, auto); width: 100%; max-width: var(--uumygg-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--uumygg-height-mobile, auto); width: 100%; max-width: var(--uumygg-width-mobile, 100%); } } } }[data-bnode="beae-uumygg"] > .beae-section-container{     display: flex;     flex-direction: var(--uumygg-direction, column);     flex-wrap: nowrap;     justify-content: var(--uumygg-justify-content);     align-items: var(--uumygg-align-items);     gap: var(--uumygg-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uumygg"] > .beae-section-container{                            gap: var(--uumygg-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uumygg-padding-right-tablet, 0px) - var(--uumygg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-uumygg"] > .beae-section-container{                            gap: var(--uumygg-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uumygg-padding-right-mobile, 0px) - var(--uumygg-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-3lke6i"] { --3lke6i-direction: column; --3lke6i-direction-tablet: column; --3lke6i-direction-mobile: column; --3lke6i-align-items: center; --3lke6i-align-items-tablet: center; --3lke6i-align-items-mobile: center; --3lke6i-gap: 20px; --3lke6i-gap-tablet: 20px; --3lke6i-gap-mobile: 16px; }[data-bnode="beae-3lke6i"] { padding-top: var(--3lke6i-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--3lke6i-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--3lke6i-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--3lke6i-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--3lke6i-padding-top-tablet, var(--3lke6i-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--3lke6i-padding-right-tablet, var(--3lke6i-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--3lke6i-padding-bottom-tablet, var(--3lke6i-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--3lke6i-padding-left-tablet, var(--3lke6i-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--3lke6i-padding-top-mobile, var(--3lke6i-padding-top-tablet, var(--3lke6i-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--3lke6i-padding-right-mobile, var(--3lke6i-padding-right-tablet, var(--3lke6i-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--3lke6i-padding-bottom-mobile, var(--3lke6i-padding-bottom-tablet, var(--3lke6i-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--3lke6i-padding-left-mobile, var(--3lke6i-padding-left-tablet, var(--3lke6i-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--3lke6i-position, relative); top: var(--3lke6i-top, auto); right: var(--3lke6i-right, auto); bottom: var(--3lke6i-bottom, auto); left: var(--3lke6i-left, auto); transform: var(--3lke6i-transform, none); z-index: var(--3lke6i-z-index, 10); aspect-ratio: var(--3lke6i-background-imageRatio, auto); background: var(--3lke6i-background-color,transparent); border-style: var(--3lke6i-borderStyle,solid); border-color: var(--3lke6i-borderColor,#000000); border-width: var(--3lke6i-borderWidth-tl,0px) var(--3lke6i-borderWidth-tr,0px) var(--3lke6i-borderWidth-br,0px) var(--3lke6i-borderWidth-bl,0px); border-radius: var(--3lke6i-borderRadius-tl,0px) var(--3lke6i-borderRadius-tr,0px) var(--3lke6i-borderRadius-br,0px) var(--3lke6i-borderRadius-bl,0px); box-shadow: var(--3lke6i-shadowHorizontal, 0px) var(--3lke6i-shadowVertical, 0px) var(--3lke6i-shadowBlur, 0px) 1px color-mix( in srgb, var(--3lke6i-shadowColor, #000000) var(--3lke6i-shadowTransparent, 0%), transparent ); max-width: var(--3lke6i-max-width, 100%); width: 100%; height: if(style(--3lke6i-position: absolute): var(--3lke6i-height,100%); else: unset ); backdrop-filter:blur(var(--3lke6i-background-blur, none)) saturate(var(--3lke6i-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--3lke6i-position-tablet, var(--3lke6i-position, relative)); top: var(--3lke6i-top-tablet, var(--3lke6i-top, auto)); right: var(--3lke6i-right-tablet, var(--3lke6i-right, auto)); bottom: var(--3lke6i-bottom-tablet, var(--3lke6i-bottom, auto)); left: var(--3lke6i-left-tablet, var(--3lke6i-left, auto)); transform: var(--3lke6i-transform-tablet, var(--3lke6i-transform, none)); z-index: var(--3lke6i-z-index-tablet, var(--3lke6i-z-index, 10)); aspect-ratio: var(--3lke6i-background-imageRatio-tablet, var(--3lke6i-background-imageRatio, auto)); border-width: var(--3lke6i-borderWidth-tl-tablet, var(--3lke6i-borderWidth-tl,0px)) var(--3lke6i-borderWidth-tr-tablet,var(--3lke6i-borderWidth-tr,0px)) var(--3lke6i-borderWidth-br-tablet,var(--3lke6i-borderWidth-br,0px)) var(--3lke6i-borderWidth-bl-tablet,var(--3lke6i-borderWidth-bl,0px)); border-radius: var(--3lke6i-borderRadius-tl-tablet,var(--3lke6i-borderRadius-tl,0px)) var(--3lke6i-borderRadius-tr-tablet,var(--3lke6i-borderRadius-tr,0px)) var(--3lke6i-borderRadius-br-tablet,var(--3lke6i-borderRadius-br,0px)) var(--3lke6i-borderRadius-bl-tablet,var(--3lke6i-borderRadius-bl,0px)); max-width: var(--3lke6i-max-width-tablet, var(--3lke6i-max-width, 100%)); height: if(style(--3lke6i-position-tablet: absolute): var(--3lke6i-height-tablet,var(--3lke6i-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--3lke6i-position-mobile, var(--3lke6i-position-tablet, var(--3lke6i-position, relative))); top: var(--3lke6i-top-mobile, var(--3lke6i-top-tablet, var(--3lke6i-top, auto))); right: var(--3lke6i-right-mobile, var(--3lke6i-right-tablet, var(--3lke6i-right, auto))); bottom: var(--3lke6i-bottom-mobile, var(--3lke6i-bottom-tablet, var(--3lke6i-bottom, auto))); left: var(--3lke6i-left-mobile, var(--3lke6i-left-tablet, var(--3lke6i-left, auto))); transform: var(--3lke6i-transform-mobile, var(--3lke6i-transform-tablet, var(--3lke6i-transform, none))); z-index: var(--3lke6i-z-index-mobile, var(--3lke6i-z-index-tablet, var(--3lke6i-z-index, 10))); aspect-ratio: var(--3lke6i-background-imageRatio-mobile, var(--3lke6i-background-imageRatio, auto)); border-width: var(--3lke6i-borderWidth-tl-mobile, var(--3lke6i-borderWidth-tl,0px)) var(--3lke6i-borderWidth-tr-mobile,var(--3lke6i-borderWidth-tr,0px)) var(--3lke6i-borderWidth-br-mobile,var(--3lke6i-borderWidth-br,0px)) var(--3lke6i-borderWidth-bl-mobile,var(--3lke6i-borderWidth-bl,0px)); border-radius: var(--3lke6i-borderRadius-tl-mobile,var(--3lke6i-borderRadius-tl,0px)) var(--3lke6i-borderRadius-tr-mobile,var(--3lke6i-borderRadius-tr,0px)) var(--3lke6i-borderRadius-br-mobile,var(--3lke6i-borderRadius-br,0px)) var(--3lke6i-borderRadius-bl-mobile,var(--3lke6i-borderRadius-bl,0px)); max-width: var(--3lke6i-max-width-mobile, var(--3lke6i-max-width, 100%)); height: if(style(--3lke6i-position-mobile: absolute): var(--3lke6i-height-mobile,var(--3lke6i-height-tablet,,var(--3lke6i-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--3lke6i-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--3lke6i-gap,var(--beae-card-gap)); padding-top: var(--3lke6i-padding-top,var(--beae-card-padding)); padding-right: var(--3lke6i-padding-right,var(--beae-card-padding)); padding-bottom: var(--3lke6i-padding-bottom,var(--beae-card-padding)); padding-left: var(--3lke6i-padding-left,var(--beae-card-padding)); border-width: var(--3lke6i-borderWidth-tl,var(--beae-card-border-width)) var(--3lke6i-borderWidth-tr,var(--beae-card-border-width)) var(--3lke6i-borderWidth-br,var(--beae-card-border-width)) var(--3lke6i-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--3lke6i-borderRadius-tl,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-tr,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-br,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--3lke6i-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--3lke6i-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--3lke6i-gap-tablet,var(--beae-card-gap)); padding-top: var(--3lke6i-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--3lke6i-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--3lke6i-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--3lke6i-padding-left-tablet,var(--beae-card-padding)); border-width: var(--3lke6i-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--3lke6i-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--3lke6i-borderWidth-br-desktop,var(--beae-card-border-width)) var(--3lke6i-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--3lke6i-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--3lke6i-gap-mobile,var(--beae-card-gap)); padding-top: var(--3lke6i-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--3lke6i-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--3lke6i-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--3lke6i-padding-left-mobile,var(--beae-card-padding)); border-width: var(--3lke6i-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--3lke6i-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--3lke6i-borderWidth-br-mobile,var(--beae-card-border-width)) var(--3lke6i-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--3lke6i-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--3lke6i-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--3lke6i-background-color,var(--beae-card-featured-background)); border-color: var(--3lke6i-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--3lke6i-shadowHorizontal, var(--beae-card-shadow-x)) var(--3lke6i-shadowVertical, var(--beae-card-shadow-y)) var(--3lke6i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3lke6i-shadowColor, var(--beae-card-featured-shadow-color)) var(--3lke6i-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--3lke6i-background-color,var(--beae-card-prod-background)); border-color: var(--3lke6i-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--3lke6i-shadowHorizontal, var(--beae-card-shadow-x)) var(--3lke6i-shadowVertical, var(--beae-card-shadow-y)) var(--3lke6i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3lke6i-shadowColor, var(--beae-card-prod-shadow-color)) var(--3lke6i-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--3lke6i-background-color,var(--beae-card-pricing-background)); border-color: var(--3lke6i-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--3lke6i-shadowHorizontal, var(--beae-card-shadow-x)) var(--3lke6i-shadowVertical, var(--beae-card-shadow-y)) var(--3lke6i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3lke6i-shadowColor, var(--beae-card-pricing-shadow-color)) var(--3lke6i-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--3lke6i-background-color,var(--beae-card-cta-background)); border-color: var(--3lke6i-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--3lke6i-shadowHorizontal, var(--beae-card-shadow-x)) var(--3lke6i-shadowVertical, var(--beae-card-shadow-y)) var(--3lke6i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3lke6i-shadowColor, var(--beae-card-cta-shadow-color)) var(--3lke6i-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-3lke6i"] {     display: flex;     flex-direction: var(--3lke6i-direction, column);     flex-wrap: nowrap;     justify-content: var(--3lke6i-justify-content);     align-items: var(--3lke6i-align-items);     gap: var(--3lke6i-gap, var(--3lke6i-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-3lke6i"] {                            gap: var(--3lke6i-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--3lke6i-padding-right-tablet, 0px) - var(--3lke6i-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-3lke6i"] {                            gap: var(--3lke6i-gap-mobile, var(--3lke6i-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--3lke6i-padding-right-mobile, 0px) - var(--3lke6i-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7aznrf"] { --7aznrf-direction: row; --7aznrf-direction-tablet: row; --7aznrf-direction-mobile: row; --7aznrf-structure: columns; --7aznrf-structure-tablet: columns; --7aznrf-structure-mobile: columns; --7aznrf-max-width: fit-content; --7aznrf-max-width-tablet: fit-content; --7aznrf-max-width-mobile: fit-content; --7aznrf-padding-top: 6px; --7aznrf-padding-top-tablet: 6px; --7aznrf-padding-top-mobile: 6px; --7aznrf-padding-right: 12px; --7aznrf-padding-right-tablet: 12px; --7aznrf-padding-right-mobile: 12px; --7aznrf-padding-bottom: 6px; --7aznrf-padding-bottom-tablet: 6px; --7aznrf-padding-bottom-mobile: 6px; --7aznrf-padding-left: 12px; --7aznrf-padding-left-tablet: 12px; --7aznrf-padding-left-mobile: 12px; --7aznrf-background-0: c; --7aznrf-background-0-tablet: c; --7aznrf-background-0-mobile: c; --7aznrf-background-1: o; --7aznrf-background-1-tablet: o; --7aznrf-background-1-mobile: o; --7aznrf-background-2: l; --7aznrf-background-2-tablet: l; --7aznrf-background-2-mobile: l; --7aznrf-background-3: o; --7aznrf-background-3-tablet: o; --7aznrf-background-3-mobile: o; --7aznrf-background-4: r; --7aznrf-background-4-tablet: r; --7aznrf-background-4-mobile: r; --7aznrf-background-type: color; --7aznrf-background-type-tablet: color; --7aznrf-background-type-mobile: color; --7aznrf-background-color: #000000; --7aznrf-background-color-tablet: #000000; --7aznrf-background-color-mobile: #000000; --7aznrf-borderRadius-tl: 9999px; --7aznrf-borderRadius-tl-tablet: 9999px; --7aznrf-borderRadius-tl-mobile: 9999px; --7aznrf-borderRadius-tr: 9999px; --7aznrf-borderRadius-tr-tablet: 9999px; --7aznrf-borderRadius-tr-mobile: 9999px; --7aznrf-borderRadius-bl: 9999px; --7aznrf-borderRadius-bl-tablet: 9999px; --7aznrf-borderRadius-bl-mobile: 9999px; --7aznrf-borderRadius-br: 9999px; --7aznrf-borderRadius-br-tablet: 9999px; --7aznrf-borderRadius-br-mobile: 9999px; }[data-bnode="beae-7aznrf"] { padding-top: var(--7aznrf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7aznrf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7aznrf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7aznrf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7aznrf-padding-top-tablet, var(--7aznrf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7aznrf-padding-right-tablet, var(--7aznrf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7aznrf-padding-bottom-tablet, var(--7aznrf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7aznrf-padding-left-tablet, var(--7aznrf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7aznrf-padding-top-mobile, var(--7aznrf-padding-top-tablet, var(--7aznrf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7aznrf-padding-right-mobile, var(--7aznrf-padding-right-tablet, var(--7aznrf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7aznrf-padding-bottom-mobile, var(--7aznrf-padding-bottom-tablet, var(--7aznrf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7aznrf-padding-left-mobile, var(--7aznrf-padding-left-tablet, var(--7aznrf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--7aznrf-position, relative); top: var(--7aznrf-top, auto); right: var(--7aznrf-right, auto); bottom: var(--7aznrf-bottom, auto); left: var(--7aznrf-left, auto); transform: var(--7aznrf-transform, none); z-index: var(--7aznrf-z-index, 10); aspect-ratio: var(--7aznrf-background-imageRatio, auto); background: var(--7aznrf-background-color,transparent); border-style: var(--7aznrf-borderStyle,solid); border-color: var(--7aznrf-borderColor,#000000); border-width: var(--7aznrf-borderWidth-tl,0px) var(--7aznrf-borderWidth-tr,0px) var(--7aznrf-borderWidth-br,0px) var(--7aznrf-borderWidth-bl,0px); border-radius: var(--7aznrf-borderRadius-tl,0px) var(--7aznrf-borderRadius-tr,0px) var(--7aznrf-borderRadius-br,0px) var(--7aznrf-borderRadius-bl,0px); box-shadow: var(--7aznrf-shadowHorizontal, 0px) var(--7aznrf-shadowVertical, 0px) var(--7aznrf-shadowBlur, 0px) 1px color-mix( in srgb, var(--7aznrf-shadowColor, #000000) var(--7aznrf-shadowTransparent, 0%), transparent ); max-width: var(--7aznrf-max-width, 100%); width: 100%; height: if(style(--7aznrf-position: absolute): var(--7aznrf-height,100%); else: unset ); backdrop-filter:blur(var(--7aznrf-background-blur, none)) saturate(var(--7aznrf-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--7aznrf-position-tablet, var(--7aznrf-position, relative)); top: var(--7aznrf-top-tablet, var(--7aznrf-top, auto)); right: var(--7aznrf-right-tablet, var(--7aznrf-right, auto)); bottom: var(--7aznrf-bottom-tablet, var(--7aznrf-bottom, auto)); left: var(--7aznrf-left-tablet, var(--7aznrf-left, auto)); transform: var(--7aznrf-transform-tablet, var(--7aznrf-transform, none)); z-index: var(--7aznrf-z-index-tablet, var(--7aznrf-z-index, 10)); aspect-ratio: var(--7aznrf-background-imageRatio-tablet, var(--7aznrf-background-imageRatio, auto)); border-width: var(--7aznrf-borderWidth-tl-tablet, var(--7aznrf-borderWidth-tl,0px)) var(--7aznrf-borderWidth-tr-tablet,var(--7aznrf-borderWidth-tr,0px)) var(--7aznrf-borderWidth-br-tablet,var(--7aznrf-borderWidth-br,0px)) var(--7aznrf-borderWidth-bl-tablet,var(--7aznrf-borderWidth-bl,0px)); border-radius: var(--7aznrf-borderRadius-tl-tablet,var(--7aznrf-borderRadius-tl,0px)) var(--7aznrf-borderRadius-tr-tablet,var(--7aznrf-borderRadius-tr,0px)) var(--7aznrf-borderRadius-br-tablet,var(--7aznrf-borderRadius-br,0px)) var(--7aznrf-borderRadius-bl-tablet,var(--7aznrf-borderRadius-bl,0px)); max-width: var(--7aznrf-max-width-tablet, var(--7aznrf-max-width, 100%)); height: if(style(--7aznrf-position-tablet: absolute): var(--7aznrf-height-tablet,var(--7aznrf-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--7aznrf-position-mobile, var(--7aznrf-position-tablet, var(--7aznrf-position, relative))); top: var(--7aznrf-top-mobile, var(--7aznrf-top-tablet, var(--7aznrf-top, auto))); right: var(--7aznrf-right-mobile, var(--7aznrf-right-tablet, var(--7aznrf-right, auto))); bottom: var(--7aznrf-bottom-mobile, var(--7aznrf-bottom-tablet, var(--7aznrf-bottom, auto))); left: var(--7aznrf-left-mobile, var(--7aznrf-left-tablet, var(--7aznrf-left, auto))); transform: var(--7aznrf-transform-mobile, var(--7aznrf-transform-tablet, var(--7aznrf-transform, none))); z-index: var(--7aznrf-z-index-mobile, var(--7aznrf-z-index-tablet, var(--7aznrf-z-index, 10))); aspect-ratio: var(--7aznrf-background-imageRatio-mobile, var(--7aznrf-background-imageRatio, auto)); border-width: var(--7aznrf-borderWidth-tl-mobile, var(--7aznrf-borderWidth-tl,0px)) var(--7aznrf-borderWidth-tr-mobile,var(--7aznrf-borderWidth-tr,0px)) var(--7aznrf-borderWidth-br-mobile,var(--7aznrf-borderWidth-br,0px)) var(--7aznrf-borderWidth-bl-mobile,var(--7aznrf-borderWidth-bl,0px)); border-radius: var(--7aznrf-borderRadius-tl-mobile,var(--7aznrf-borderRadius-tl,0px)) var(--7aznrf-borderRadius-tr-mobile,var(--7aznrf-borderRadius-tr,0px)) var(--7aznrf-borderRadius-br-mobile,var(--7aznrf-borderRadius-br,0px)) var(--7aznrf-borderRadius-bl-mobile,var(--7aznrf-borderRadius-bl,0px)); max-width: var(--7aznrf-max-width-mobile, var(--7aznrf-max-width, 100%)); height: if(style(--7aznrf-position-mobile: absolute): var(--7aznrf-height-mobile,var(--7aznrf-height-tablet,,var(--7aznrf-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7aznrf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--7aznrf-gap,var(--beae-card-gap)); padding-top: var(--7aznrf-padding-top,var(--beae-card-padding)); padding-right: var(--7aznrf-padding-right,var(--beae-card-padding)); padding-bottom: var(--7aznrf-padding-bottom,var(--beae-card-padding)); padding-left: var(--7aznrf-padding-left,var(--beae-card-padding)); border-width: var(--7aznrf-borderWidth-tl,var(--beae-card-border-width)) var(--7aznrf-borderWidth-tr,var(--beae-card-border-width)) var(--7aznrf-borderWidth-br,var(--beae-card-border-width)) var(--7aznrf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7aznrf-borderRadius-tl,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-tr,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-br,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--7aznrf-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--7aznrf-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--7aznrf-gap-tablet,var(--beae-card-gap)); padding-top: var(--7aznrf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7aznrf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7aznrf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7aznrf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7aznrf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7aznrf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7aznrf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7aznrf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7aznrf-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--7aznrf-gap-mobile,var(--beae-card-gap)); padding-top: var(--7aznrf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7aznrf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7aznrf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7aznrf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7aznrf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7aznrf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7aznrf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7aznrf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7aznrf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7aznrf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7aznrf-background-color,var(--beae-card-featured-background)); border-color: var(--7aznrf-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--7aznrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aznrf-shadowVertical, var(--beae-card-shadow-y)) var(--7aznrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aznrf-shadowColor, var(--beae-card-featured-shadow-color)) var(--7aznrf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--7aznrf-background-color,var(--beae-card-prod-background)); border-color: var(--7aznrf-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--7aznrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aznrf-shadowVertical, var(--beae-card-shadow-y)) var(--7aznrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aznrf-shadowColor, var(--beae-card-prod-shadow-color)) var(--7aznrf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--7aznrf-background-color,var(--beae-card-pricing-background)); border-color: var(--7aznrf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--7aznrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aznrf-shadowVertical, var(--beae-card-shadow-y)) var(--7aznrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aznrf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--7aznrf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--7aznrf-background-color,var(--beae-card-cta-background)); border-color: var(--7aznrf-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--7aznrf-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aznrf-shadowVertical, var(--beae-card-shadow-y)) var(--7aznrf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aznrf-shadowColor, var(--beae-card-cta-shadow-color)) var(--7aznrf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-7aznrf"] {     display: flex;     flex-direction: var(--7aznrf-direction, column);     flex-wrap: nowrap;     justify-content: var(--7aznrf-justify-content);     align-items: var(--7aznrf-align-items);     gap: var(--7aznrf-gap, var(--7aznrf-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(--7aznrf-padding-right, 0px) - var(--7aznrf-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7aznrf"] {                            gap: var(--7aznrf-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7aznrf-padding-right-tablet, 0px) - var(--7aznrf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7aznrf"] {                            gap: var(--7aznrf-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7aznrf-padding-right-mobile, 0px) - var(--7aznrf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-289pff"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #ffffff; --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: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --289pff-typography: p; --289pff-typography-tablet: p; --289pff-typography-mobile: p; --289pff-margin-top: 0px; --289pff-margin-top-tablet: 0px; --289pff-margin-top-mobile: 0px; --289pff-margin-right: 0px; --289pff-margin-right-tablet: 0px; --289pff-margin-right-mobile: 0px; --289pff-margin-bottom: 0px; --289pff-margin-bottom-tablet: 0px; --289pff-margin-bottom-mobile: 0px; --289pff-margin-left: 0px; --289pff-margin-left-tablet: 0px; --289pff-margin-left-mobile: 0px; }[data-bnode="beae-289pff"] { margin-top: var(--289pff-margin-top, 0px); margin-right: var(--289pff-margin-right, 0px); margin-bottom: var(--289pff-margin-bottom, 0px); margin-left: var(--289pff-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--289pff-margin-top-tablet, 0px); margin-right: var(--289pff-margin-right-tablet, 0px); margin-bottom: var(--289pff-margin-bottom-tablet, 0px); margin-left: var(--289pff-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--289pff-margin-top-mobile, 0px); margin-right: var(--289pff-margin-right-mobile, 0px); margin-bottom: var(--289pff-margin-bottom-mobile, 0px); margin-left: var(--289pff-margin-left-mobile, 0px); } }[data-bnode="beae-roghl8"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #100D09; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --roghl8-typography: h2; --roghl8-typography-tablet: h2; --roghl8-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-roghl8"] { margin-top: var(--roghl8-margin-top, 0px); margin-right: var(--roghl8-margin-right, 0px); margin-bottom: var(--roghl8-margin-bottom, 0px); margin-left: var(--roghl8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--roghl8-margin-top-tablet, 0px); margin-right: var(--roghl8-margin-right-tablet, 0px); margin-bottom: var(--roghl8-margin-bottom-tablet, 0px); margin-left: var(--roghl8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--roghl8-margin-top-mobile, 0px); margin-right: var(--roghl8-margin-right-mobile, 0px); margin-bottom: var(--roghl8-margin-bottom-mobile, 0px); margin-left: var(--roghl8-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--roghl8-highlightColor,var(--beae-p-color)); top: var(--roghl8-highlightTop, 100%); } }[data-bnode="beae-4gmwut"] { --4gmwut-columns: 5; --4gmwut-columns-tablet: 3; --4gmwut-columns-mobile: 1; --4gmwut-gap: 36px; --4gmwut-gap-tablet: 16px; --4gmwut-gap-mobile: 16px; --4gmwut-navType: true; --4gmwut-navType-tablet: true; --4gmwut-navType-mobile: true; --4gmwut-pagiType: true; --4gmwut-pagiType-tablet: true; --4gmwut-pagiType-mobile: true; --4gmwut-listType: slider; --4gmwut-listType-tablet: slider; --4gmwut-listType-mobile: slider; --4gmwut-stateNavigation: hover; --4gmwut-stateNavigation-tablet: hover; --4gmwut-stateNavigation-mobile: hover; --4gmwut-statePagination: normal; --4gmwut-statePagination-tablet: normal; --4gmwut-statePagination-mobile: normal; --4gmwut-stateNavigtion: normal; --4gmwut-stateNavigtion-tablet: normal; --4gmwut-stateNavigtion-mobile: normal; --4gmwut-pagiBg: var(--beae-card-media-border-color); --4gmwut-pagiBg-tablet: var(--beae-card-media-border-color); --4gmwut-pagiBg-mobile: var(--beae-card-media-border-color); --4gmwut-pagiBgActive: var(--beae-heading-color); --4gmwut-pagiBgActive-tablet: var(--beae-heading-color); --4gmwut-pagiBgActive-mobile: var(--beae-heading-color); --4gmwut-pagiBgHover: var(--beae-card-media-border-color); --4gmwut-pagiBgHover-tablet: var(--beae-card-media-border-color); --4gmwut-pagiBgHover-mobile: var(--beae-card-media-border-color); --4gmwut-navIconSize: 24px; --4gmwut-navIconSize-tablet: 24px; --4gmwut-navIconSize-mobile: 24px; --4gmwut-navPadding: 0px; --4gmwut-navPadding-tablet: 0px; --4gmwut-navPadding-mobile: 0px; --4gmwut-navBg: #F5F5F500; --4gmwut-navBg-tablet: #F5F5F500; --4gmwut-navBg-mobile: #F5F5F500; --4gmwut-navBgHover: #CCCCCC00; --4gmwut-navBgHover-tablet: #CCCCCC00; --4gmwut-navBgHover-mobile: #CCCCCC00; --4gmwut-navColorHover: var(--beae-heading-color); --4gmwut-navColorHover-tablet: var(--beae-heading-color); --4gmwut-navColorHover-mobile: var(--beae-heading-color); --4gmwut-navColor: var(--beae-heading-color); --4gmwut-navColor-tablet: var(--beae-heading-color); --4gmwut-navColor-mobile: var(--beae-heading-color); --4gmwut-columnsMobile-mobile: 1; } [data-bnode="beae-4gmwut"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-4gmwut"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-4gmwut"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-4gmwut"] [data-bnode="beae-7zsn5e"] { --7zsn5e-typography: p; --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-align: center; --beae-p-font-weight: 600; --7zsn5e-margin-top-tablet: 0px; --7zsn5e-margin-right-tablet: 0px; --7zsn5e-margin-bottom-tablet: 0px; --7zsn5e-margin-left-tablet: 0px; } [data-bnode="beae-4gmwut"] [data-bnode="beae-vwt2lq"] { --vwt2lq-height: 260px; --vwt2lq-direction: column; --vwt2lq-justify-content: center; --vwt2lq-padding-top: 24px; --vwt2lq-padding-right: 24px; --vwt2lq-padding-bottom: 24px; --vwt2lq-padding-left: 24px; --vwt2lq-background-type: color; --vwt2lq-height-tablet: 260px; --vwt2lq-padding-top-tablet: 24px; --vwt2lq-padding-right-tablet: 24px; --vwt2lq-padding-bottom-tablet: 24px; --vwt2lq-padding-left-tablet: 24px; --vwt2lq-height-mobile: 200px; --vwt2lq-padding-top-mobile: 20px; --vwt2lq-padding-right-mobile: 16px; --vwt2lq-padding-bottom-mobile: 20px; --vwt2lq-padding-left-mobile: 16px; } [data-bnode="beae-4gmwut"] [data-bnode="beae-3lke6i"] { --3lke6i-direction: column; --3lke6i-structure: columns; --3lke6i-gap: 20px; --3lke6i-align-items: center; --3lke6i-gap-mobile: 16px; } [data-bnode="beae-4gmwut"] [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: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; --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: 0px; --be-ctl-item-padding-bottom-tablet: 0px; --be-ctl-item-padding-bottom-mobile: 0px; --be-ctl-item-padding-left: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --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-background-0: c; --be-ctl-item-background-0-tablet: c; --be-ctl-item-background-0-mobile: c; --be-ctl-item-background-1: o; --be-ctl-item-background-1-tablet: o; --be-ctl-item-background-1-mobile: o; --be-ctl-item-background-2: l; --be-ctl-item-background-2-tablet: l; --be-ctl-item-background-2-mobile: l; --be-ctl-item-background-3: o; --be-ctl-item-background-3-tablet: o; --be-ctl-item-background-3-mobile: o; --be-ctl-item-background-4: r; --be-ctl-item-background-4-tablet: r; --be-ctl-item-background-4-mobile: r; --be-ctl-item-background-type: color; --be-ctl-item-background-type-tablet: color; --be-ctl-item-background-type-mobile: color; --be-ctl-item-background-color: var(--beae-card-media-background); --be-ctl-item-background-color-tablet: var(--beae-card-media-background); --be-ctl-item-background-color-mobile: var(--beae-card-media-background); --be-ctl-item-height: 250px; --be-ctl-item-height-tablet: 250px; --be-ctl-item-height-mobile: 250px; --be-ctl-item-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-cardStyle: none; --be-ctl-item-cardStyle-tablet: none; --be-ctl-item-cardStyle-mobile: none; }[data-bnode="beae-4gmwut"] { margin-top: var(--4gmwut-margin-top, 0px); margin-right: var(--4gmwut-margin-right, 0px); margin-bottom: var(--4gmwut-margin-bottom, 0px); margin-left: var(--4gmwut-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4gmwut-margin-top-tablet, 0px); margin-right: var(--4gmwut-margin-right-tablet, 0px); margin-bottom: var(--4gmwut-margin-bottom-tablet, 0px); margin-left: var(--4gmwut-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4gmwut-margin-top-mobile, 0px); margin-right: var(--4gmwut-margin-right-mobile, 0px); margin-bottom: var(--4gmwut-margin-bottom-mobile, 0px); margin-left: var(--4gmwut-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--4gmwut-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--4gmwut-gap, 20px) * (var(--4gmwut-columns, 3) - 1) + 1px) / var(--4gmwut-columns, 3)); &:last-child { margin-right: var(--4gmwut-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="slider"][data-de-layout-special="true"] { .beae-slider-items { will-change: transform; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); gap: var(--4gmwut-gap, 20px); } .beae-slider-item { flex: 0 0 calc((100% - (var(--4gmwut-columns, 3) * var(--4gmwut-gap, 20px))) / (var(--4gmwut-columns, 3) + 1)); &.active-main { flex: 0 0 calc(((100% - (var(--4gmwut-columns, 3) * var(--4gmwut-gap, 20px))) / (var(--4gmwut-columns, 3) + 1)) * 2 + var(--4gmwut-gap, 20px)); } &:last-child { margin-right: var(--4gmwut-gap, 20px); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--4gmwut-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--4gmwut-columns) - 1) * var(--4gmwut-gap, 20px)) / var(--4gmwut-columns)); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--4gmwut-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--4gmwut-gap-tablet, 20px) * (var(--4gmwut-columns-tablet, 3) - 1)) / var(--4gmwut-columns-tablet, 3)); &:last-child { margin-right: var(--4gmwut-gap-tablet, 20px); } } } } .beae-slider-wrapper [data-desktop-layout='slider'][data-de-layout-special='true'] { .beae-slider-items { will-change: transform; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); gap: var(--4gmwut-gap, 20px); } .beae-slider-item { flex: 0 0 calc(100% / (var(--4gmwut-data-item, 1) + 1)); &.active-main { flex: 0 0 calc(100% / (var(--4gmwut-data-item, 1) + 1) * 2 - 0.1%); } &:last-child { margin-right: var(--4gmwut-gap, 20px); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--4gmwut-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--4gmwut-columns-tablet) - 1) * var(--4gmwut-gap-tablet, 20px)) / var(--4gmwut-columns-tablet)); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--4gmwut-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--4gmwut-gap-mobile, 20px) * (var(--4gmwut-columnsMobile-mobile, 1) - 1)) / var(--4gmwut-columnsMobile-mobile, 1)); &:last-child { margin-right: var(--4gmwut-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--4gmwut-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--4gmwut-columnsMobile-mobile) - 1) * var(--4gmwut-gap-mobile, 20px)) / var(--4gmwut-columnsMobile-mobile)); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--4gmwut-navPadding, 12px); background: var(--4gmwut-navBg, #F5F5F5); color: var(--4gmwut-navColor, #333333); box-shadow: unset; cursor: pointer; &:hover { background: var(--4gmwut-navBgHover, #CCCCCC); color: var(--4gmwut-navColorHover, #333333); } svg { width: var(--4gmwut-navIconSize, 20px); height: var(--4gmwut-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--4gmwut-pagiBg, #E6E6E6); &.active { background: var(--4gmwut-pagiBgActive, #181818); } &:not(.active):hover { background: var(--4gmwut-pagiBgHover, #CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"]+.beae-slider-controls .beae-slider-pagination { color: var(--4gmwut-pagiColor, #e6e6e6); &.active { color: var(--4gmwut-pagiColorActive, #181818); } &:not(.active):hover { color: var(--4gmwut-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"]+.beae-slider-controls .beae-slider-pagination-total { color: var(--4gmwut-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--4gmwut-pagiBg, #E6E6E6); &.active { background: var(--4gmwut-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--4gmwut-pagiBgHover, #CCCCCC); } } & .beae-slider-controls .beae-progress-pagination { width: 100%; display: flex; justify-content: center; align-items: center; gap: 16px; .beae-slider-nav-left, .beae-slider-nav-right { position: relative; transform: unset; left: unset; right: unset; opacity: 1; cursor: pointer; } .beae-slider-pagination-progress { max-width: 120px; border-radius: 12px; overflow: hidden; background-color: var(--4gmwut-pagiBg, #E6E6E6); &:hover { background: var(--4gmwut-pagiBgHover, #CCCCCC); } span { background-color: var(--4gmwut-pagiBgActive, #181818); } } } .beae-slider-pagination-wrp { margin-top: 48px; @media (min-width: 767.79px) and (max-width: 1180px) { margin-top: 40px; } @media (max-width: 767px) { margin-top: 32px; } } } & .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; } } [data-bnode="beae-4gmwut"] [data-bnode="beae-vwt2lq"] { padding-top: var(--vwt2lq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vwt2lq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vwt2lq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vwt2lq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vwt2lq-padding-top-tablet, var(--vwt2lq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vwt2lq-padding-right-tablet, var(--vwt2lq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vwt2lq-padding-bottom-tablet, var(--vwt2lq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vwt2lq-padding-left-tablet, var(--vwt2lq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vwt2lq-padding-top-mobile, var(--vwt2lq-padding-top-tablet, var(--vwt2lq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vwt2lq-padding-right-mobile, var(--vwt2lq-padding-right-tablet, var(--vwt2lq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vwt2lq-padding-bottom-mobile, var(--vwt2lq-padding-bottom-tablet, var(--vwt2lq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vwt2lq-padding-left-mobile, var(--vwt2lq-padding-left-tablet, var(--vwt2lq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: relative; aspect-ratio: var(--vwt2lq-background-imageRatio, auto); background: var(--vwt2lq-background-color); border-style: var(--vwt2lq-borderStyle, solid); border-color: var(--vwt2lq-borderColor, #000000); border-width: var(--vwt2lq-borderWidth-tl, 0px) var(--vwt2lq-borderWidth-tr, 0px) var(--vwt2lq-borderWidth-br, 0px) var(--vwt2lq-borderWidth-bl, 0px); border-radius: var(--vwt2lq-borderRadius-tl, 0px) var(--vwt2lq-borderRadius-tr, 0px) var(--vwt2lq-borderRadius-br, 0px) var(--vwt2lq-borderRadius-bl, 0px); box-shadow: if(style(--vwt2lq-enableShadow: true): var(--vwt2lq-shadowHorizontal, 0) var(--vwt2lq-shadowVertical, 0) var(--vwt2lq-shadowBlur, 0) 1px var(--vwt2lq-shadowColor, #000000); else: none); max-width: var(--vwt2lq-max-width, 100%); height: var(--vwt2lq-height, fit-content); @media(min-width: 767.79px) and (max-width: 1180px) { max-height: var(--vwt2lq-height-tablet, fit-content) !important; height: var(--vwt2lq-height-tablet, fit-content); aspect-ratio: var(--vwt2lq-background-imageRatio-tablet, var(--vwt2lq-background-imageRatio, auto)); border-width: var(--vwt2lq-borderWidth-tl-tablet, 0px) var(--vwt2lq-borderWidth-tr-tablet, 0px) var(--vwt2lq-borderWidth-br-tablet, 0px) var(--vwt2lq-borderWidth-bl-tablet, 0px); border-radius: var(--vwt2lq-borderRadius-tl-tablet, 0px) var(--vwt2lq-borderRadius-tr-tablet, 0px) var(--vwt2lq-borderRadius-br-tablet, 0px) var(--vwt2lq-borderRadius-bl-tablet, 0px); max-width: var(--vwt2lq-max-width-tablet, var(--vwt2lq-max-width, 100%)); } @media(max-width: 767px) { max-height: var(--vwt2lq-height-mobile, fit-content) !important; height: var(--vwt2lq-height-mobile, fit-content); aspect-ratio: var(--vwt2lq-background-imageRatio-mobile, var(--vwt2lq-background-imageRatio, auto)); border-width: var(--vwt2lq-borderWidth-tl-mobile, 0px) var(--vwt2lq-borderWidth-tr-mobile, 0px) var(--vwt2lq-borderWidth-br-mobile, 0px) var(--vwt2lq-borderWidth-bl-mobile, 0px); border-radius: var(--vwt2lq-borderRadius-tl-mobile, 0px) var(--vwt2lq-borderRadius-tr-mobile, 0px) var(--vwt2lq-borderRadius-br-mobile, 0px) var(--vwt2lq-borderRadius-bl-mobile, 0px); max-width: var(--vwt2lq-max-width-mobile, var(--vwt2lq-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-4gmwut"] [data-bnode="beae-7zsn5e"] { margin-top: var(--7zsn5e-margin-top, 0px); margin-right: var(--7zsn5e-margin-right, 0px); margin-bottom: var(--7zsn5e-margin-bottom, 0px); margin-left: var(--7zsn5e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zsn5e-margin-top-tablet, 0px); margin-right: var(--7zsn5e-margin-right-tablet, 0px); margin-bottom: var(--7zsn5e-margin-bottom-tablet, 0px); margin-left: var(--7zsn5e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zsn5e-margin-top-mobile, 0px); margin-right: var(--7zsn5e-margin-right-mobile, 0px); margin-bottom: var(--7zsn5e-margin-bottom-mobile, 0px); margin-left: var(--7zsn5e-margin-left-mobile, 0px); } } [data-bnode="beae-4gmwut"] [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)))))); } &.beae-slot { position: var(--be-ctl-item-position, relative); top: var(--be-ctl-item-top, auto); right: var(--be-ctl-item-right, auto); bottom: var(--be-ctl-item-bottom, auto); left: var(--be-ctl-item-left, auto); transform: var(--be-ctl-item-transform, none); z-index: var(--be-ctl-item-z-index, 10); 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: var(--be-ctl-item-shadowHorizontal, 0px) var(--be-ctl-item-shadowVertical, 0px) var(--be-ctl-item-shadowBlur, 0px) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, #000000) var(--be-ctl-item-shadowTransparent, 0%), transparent ); max-width: var(--be-ctl-item-max-width, 100%); width: 100%; height: if(style(--be-ctl-item-position: absolute): var(--be-ctl-item-height,100%); else: unset ); backdrop-filter:blur(var(--be-ctl-item-background-blur, none)) saturate(var(--be-ctl-item-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--be-ctl-item-position-tablet, var(--be-ctl-item-position, relative)); top: var(--be-ctl-item-top-tablet, var(--be-ctl-item-top, auto)); right: var(--be-ctl-item-right-tablet, var(--be-ctl-item-right, auto)); bottom: var(--be-ctl-item-bottom-tablet, var(--be-ctl-item-bottom, auto)); left: var(--be-ctl-item-left-tablet, var(--be-ctl-item-left, auto)); transform: var(--be-ctl-item-transform-tablet, var(--be-ctl-item-transform, none)); z-index: var(--be-ctl-item-z-index-tablet, var(--be-ctl-item-z-index, 10)); 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, var(--be-ctl-item-borderWidth-tl,0px)) var(--be-ctl-item-borderWidth-tr-tablet,var(--be-ctl-item-borderWidth-tr,0px)) var(--be-ctl-item-borderWidth-br-tablet,var(--be-ctl-item-borderWidth-br,0px)) var(--be-ctl-item-borderWidth-bl-tablet,var(--be-ctl-item-borderWidth-bl,0px)); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,var(--be-ctl-item-borderRadius-tl,0px)) var(--be-ctl-item-borderRadius-tr-tablet,var(--be-ctl-item-borderRadius-tr,0px)) var(--be-ctl-item-borderRadius-br-tablet,var(--be-ctl-item-borderRadius-br,0px)) var(--be-ctl-item-borderRadius-bl-tablet,var(--be-ctl-item-borderRadius-bl,0px)); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); height: if(style(--be-ctl-item-position-tablet: absolute): var(--be-ctl-item-height-tablet,var(--be-ctl-item-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--be-ctl-item-position-mobile, var(--be-ctl-item-position-tablet, var(--be-ctl-item-position, relative))); top: var(--be-ctl-item-top-mobile, var(--be-ctl-item-top-tablet, var(--be-ctl-item-top, auto))); right: var(--be-ctl-item-right-mobile, var(--be-ctl-item-right-tablet, var(--be-ctl-item-right, auto))); bottom: var(--be-ctl-item-bottom-mobile, var(--be-ctl-item-bottom-tablet, var(--be-ctl-item-bottom, auto))); left: var(--be-ctl-item-left-mobile, var(--be-ctl-item-left-tablet, var(--be-ctl-item-left, auto))); transform: var(--be-ctl-item-transform-mobile, var(--be-ctl-item-transform-tablet, var(--be-ctl-item-transform, none))); z-index: var(--be-ctl-item-z-index-mobile, var(--be-ctl-item-z-index-tablet, var(--be-ctl-item-z-index, 10))); 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, var(--be-ctl-item-borderWidth-tl,0px)) var(--be-ctl-item-borderWidth-tr-mobile,var(--be-ctl-item-borderWidth-tr,0px)) var(--be-ctl-item-borderWidth-br-mobile,var(--be-ctl-item-borderWidth-br,0px)) var(--be-ctl-item-borderWidth-bl-mobile,var(--be-ctl-item-borderWidth-bl,0px)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--be-ctl-item-borderRadius-tl,0px)) var(--be-ctl-item-borderRadius-tr-mobile,var(--be-ctl-item-borderRadius-tr,0px)) var(--be-ctl-item-borderRadius-br-mobile,var(--be-ctl-item-borderRadius-br,0px)) var(--be-ctl-item-borderRadius-bl-mobile,var(--be-ctl-item-borderRadius-bl,0px)); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); height: if(style(--be-ctl-item-position-mobile: absolute): var(--be-ctl-item-height-mobile,var(--be-ctl-item-height-tablet,,var(--be-ctl-item-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.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{ 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-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(--be-ctl-item-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--be-ctl-item-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--be-ctl-item-gap-tablet,var(--beae-card-gap)); 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-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-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--be-ctl-item-gap-mobile,var(--beae-card-gap)); 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-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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-4gmwut"] [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-4gmwut"] [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;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-4gmwut"] [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;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-vwt2lq"] {     display: flex;     flex-direction: var(--vwt2lq-direction, column);     flex-wrap: nowrap;     justify-content: var(--vwt2lq-justify-content);     align-items: var(--vwt2lq-align-items);     gap: var(--vwt2lq-gap, var(--vwt2lq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-vwt2lq"] {                            gap: var(--vwt2lq-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--vwt2lq-padding-right-tablet, 0px) - var(--vwt2lq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-vwt2lq"] {                            gap: var(--vwt2lq-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--vwt2lq-padding-right-mobile, 0px) - var(--vwt2lq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7nl1rn"] { --7nl1rn-width: var(--beae-w); --7nl1rn-width-tablet: var(--beae-w); --7nl1rn-width-mobile: var(--beae-w); --7nl1rn-height: fit-content; --7nl1rn-height-tablet: fit-content; --7nl1rn-height-mobile: fit-content; --7nl1rn-padding-top: 56px; --7nl1rn-padding-top-tablet: 64px; --7nl1rn-padding-top-mobile: 56px; --7nl1rn-padding-bottom: 56px; --7nl1rn-padding-bottom-tablet: 64px; --7nl1rn-padding-bottom-mobile: 56px; --7nl1rn-padding-right: 30px; --7nl1rn-padding-right-tablet: 30px; --7nl1rn-padding-right-mobile: 16px; --7nl1rn-padding-left: 30px; --7nl1rn-padding-left-tablet: 30px; --7nl1rn-padding-left-mobile: 16px; --7nl1rn-direction: column; --7nl1rn-direction-tablet: column; --7nl1rn-direction-mobile: column; --7nl1rn-structure: columns; --7nl1rn-structure-tablet: columns; --7nl1rn-structure-mobile: columns; --7nl1rn-columns: 50.00,50.00; --7nl1rn-columns-tablet: 50.00,50.00; --7nl1rn-columns-mobile: 50.00,50.00; --7nl1rn-columnsPresetId: 50.00,50.00; --7nl1rn-columnsPresetId-tablet: 50.00,50.00; --7nl1rn-columnsPresetId-mobile: 50.00,50.00; --7nl1rn-gap: 48px; --7nl1rn-gap-tablet: 48px; --7nl1rn-gap-mobile: 36px; --7nl1rn-surface: light; --7nl1rn-surface-tablet: light; --7nl1rn-surface-mobile: light; }[data-bnode="beae-7nl1rn"] { padding-top: var(--7nl1rn-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--7nl1rn-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--7nl1rn-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--7nl1rn-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7nl1rn-padding-top-tablet, var(--7nl1rn-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--7nl1rn-padding-right-tablet, var(--7nl1rn-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--7nl1rn-padding-bottom-tablet, var(--7nl1rn-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--7nl1rn-padding-left-tablet, var(--7nl1rn-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7nl1rn-padding-top-mobile, var(--7nl1rn-padding-top-tablet, var(--7nl1rn-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--7nl1rn-padding-right-mobile, var(--7nl1rn-padding-right-tablet, var(--7nl1rn-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--7nl1rn-padding-bottom-mobile, var(--7nl1rn-padding-bottom-tablet, var(--7nl1rn-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--7nl1rn-padding-left-mobile, var(--7nl1rn-padding-left-tablet, var(--7nl1rn-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--7nl1rn-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--7nl1rn-height); width: 100%; max-width: var(--7nl1rn-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { 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(--7nl1rn-height-tablet, auto); width: 100%; max-width: var(--7nl1rn-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--7nl1rn-height-mobile, auto); width: 100%; max-width: var(--7nl1rn-width-mobile, 100%); } } } }[data-bnode="beae-7nl1rn"] > .beae-section-container{     display: flex;     flex-direction: var(--7nl1rn-direction, column);     flex-wrap: nowrap;     justify-content: var(--7nl1rn-justify-content);     align-items: var(--7nl1rn-align-items);     gap: var(--7nl1rn-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7nl1rn"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7nl1rn-padding-right-tablet, 0px) - var(--7nl1rn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7nl1rn"] > .beae-section-container{                            gap: var(--7nl1rn-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7nl1rn-padding-right-mobile, 0px) - var(--7nl1rn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-i86lk5"] { --i86lk5-padding-top: 0px; --i86lk5-padding-top-tablet: 0px; --i86lk5-padding-top-mobile: 0px; --i86lk5-padding-right: 0px; --i86lk5-padding-right-tablet: 128px; --i86lk5-padding-right-mobile: 16px; --i86lk5-padding-bottom: 0px; --i86lk5-padding-bottom-tablet: 0px; --i86lk5-padding-bottom-mobile: 0px; --i86lk5-padding-left: 0px; --i86lk5-padding-left-tablet: 128px; --i86lk5-padding-left-mobile: 16px; --i86lk5-direction: column; --i86lk5-direction-tablet: column; --i86lk5-direction-mobile: column; --i86lk5-justify-content: center; --i86lk5-justify-content-tablet: center; --i86lk5-justify-content-mobile: center; --i86lk5-align-items: center; --i86lk5-align-items-tablet: center; --i86lk5-align-items-mobile: center; --i86lk5-structure: auto; --i86lk5-structure-tablet: auto; --i86lk5-structure-mobile: auto; --i86lk5-gap: 8px; --i86lk5-gap-tablet: 8px; --i86lk5-gap-mobile: 8px; }[data-bnode="beae-i86lk5"] { padding-top: var(--i86lk5-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--i86lk5-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--i86lk5-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--i86lk5-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--i86lk5-padding-top-tablet, var(--i86lk5-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--i86lk5-padding-right-tablet, var(--i86lk5-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--i86lk5-padding-bottom-tablet, var(--i86lk5-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--i86lk5-padding-left-tablet, var(--i86lk5-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--i86lk5-padding-top-mobile, var(--i86lk5-padding-top-tablet, var(--i86lk5-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--i86lk5-padding-right-mobile, var(--i86lk5-padding-right-tablet, var(--i86lk5-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--i86lk5-padding-bottom-mobile, var(--i86lk5-padding-bottom-tablet, var(--i86lk5-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--i86lk5-padding-left-mobile, var(--i86lk5-padding-left-tablet, var(--i86lk5-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--i86lk5-position, relative); top: var(--i86lk5-top, auto); right: var(--i86lk5-right, auto); bottom: var(--i86lk5-bottom, auto); left: var(--i86lk5-left, auto); transform: var(--i86lk5-transform, none); z-index: var(--i86lk5-z-index, 10); aspect-ratio: var(--i86lk5-background-imageRatio, auto); background: var(--i86lk5-background-color,transparent); border-style: var(--i86lk5-borderStyle,solid); border-color: var(--i86lk5-borderColor,#000000); border-width: var(--i86lk5-borderWidth-tl,0px) var(--i86lk5-borderWidth-tr,0px) var(--i86lk5-borderWidth-br,0px) var(--i86lk5-borderWidth-bl,0px); border-radius: var(--i86lk5-borderRadius-tl,0px) var(--i86lk5-borderRadius-tr,0px) var(--i86lk5-borderRadius-br,0px) var(--i86lk5-borderRadius-bl,0px); box-shadow: var(--i86lk5-shadowHorizontal, 0px) var(--i86lk5-shadowVertical, 0px) var(--i86lk5-shadowBlur, 0px) 1px color-mix( in srgb, var(--i86lk5-shadowColor, #000000) var(--i86lk5-shadowTransparent, 0%), transparent ); max-width: var(--i86lk5-max-width, 100%); width: 100%; height: if(style(--i86lk5-position: absolute): var(--i86lk5-height,100%); else: unset ); backdrop-filter:blur(var(--i86lk5-background-blur, none)) saturate(var(--i86lk5-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--i86lk5-position-tablet, var(--i86lk5-position, relative)); top: var(--i86lk5-top-tablet, var(--i86lk5-top, auto)); right: var(--i86lk5-right-tablet, var(--i86lk5-right, auto)); bottom: var(--i86lk5-bottom-tablet, var(--i86lk5-bottom, auto)); left: var(--i86lk5-left-tablet, var(--i86lk5-left, auto)); transform: var(--i86lk5-transform-tablet, var(--i86lk5-transform, none)); z-index: var(--i86lk5-z-index-tablet, var(--i86lk5-z-index, 10)); aspect-ratio: var(--i86lk5-background-imageRatio-tablet, var(--i86lk5-background-imageRatio, auto)); border-width: var(--i86lk5-borderWidth-tl-tablet, var(--i86lk5-borderWidth-tl,0px)) var(--i86lk5-borderWidth-tr-tablet,var(--i86lk5-borderWidth-tr,0px)) var(--i86lk5-borderWidth-br-tablet,var(--i86lk5-borderWidth-br,0px)) var(--i86lk5-borderWidth-bl-tablet,var(--i86lk5-borderWidth-bl,0px)); border-radius: var(--i86lk5-borderRadius-tl-tablet,var(--i86lk5-borderRadius-tl,0px)) var(--i86lk5-borderRadius-tr-tablet,var(--i86lk5-borderRadius-tr,0px)) var(--i86lk5-borderRadius-br-tablet,var(--i86lk5-borderRadius-br,0px)) var(--i86lk5-borderRadius-bl-tablet,var(--i86lk5-borderRadius-bl,0px)); max-width: var(--i86lk5-max-width-tablet, var(--i86lk5-max-width, 100%)); height: if(style(--i86lk5-position-tablet: absolute): var(--i86lk5-height-tablet,var(--i86lk5-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--i86lk5-position-mobile, var(--i86lk5-position-tablet, var(--i86lk5-position, relative))); top: var(--i86lk5-top-mobile, var(--i86lk5-top-tablet, var(--i86lk5-top, auto))); right: var(--i86lk5-right-mobile, var(--i86lk5-right-tablet, var(--i86lk5-right, auto))); bottom: var(--i86lk5-bottom-mobile, var(--i86lk5-bottom-tablet, var(--i86lk5-bottom, auto))); left: var(--i86lk5-left-mobile, var(--i86lk5-left-tablet, var(--i86lk5-left, auto))); transform: var(--i86lk5-transform-mobile, var(--i86lk5-transform-tablet, var(--i86lk5-transform, none))); z-index: var(--i86lk5-z-index-mobile, var(--i86lk5-z-index-tablet, var(--i86lk5-z-index, 10))); aspect-ratio: var(--i86lk5-background-imageRatio-mobile, var(--i86lk5-background-imageRatio, auto)); border-width: var(--i86lk5-borderWidth-tl-mobile, var(--i86lk5-borderWidth-tl,0px)) var(--i86lk5-borderWidth-tr-mobile,var(--i86lk5-borderWidth-tr,0px)) var(--i86lk5-borderWidth-br-mobile,var(--i86lk5-borderWidth-br,0px)) var(--i86lk5-borderWidth-bl-mobile,var(--i86lk5-borderWidth-bl,0px)); border-radius: var(--i86lk5-borderRadius-tl-mobile,var(--i86lk5-borderRadius-tl,0px)) var(--i86lk5-borderRadius-tr-mobile,var(--i86lk5-borderRadius-tr,0px)) var(--i86lk5-borderRadius-br-mobile,var(--i86lk5-borderRadius-br,0px)) var(--i86lk5-borderRadius-bl-mobile,var(--i86lk5-borderRadius-bl,0px)); max-width: var(--i86lk5-max-width-mobile, var(--i86lk5-max-width, 100%)); height: if(style(--i86lk5-position-mobile: absolute): var(--i86lk5-height-mobile,var(--i86lk5-height-tablet,,var(--i86lk5-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--i86lk5-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--i86lk5-gap,var(--beae-card-gap)); padding-top: var(--i86lk5-padding-top,var(--beae-card-padding)); padding-right: var(--i86lk5-padding-right,var(--beae-card-padding)); padding-bottom: var(--i86lk5-padding-bottom,var(--beae-card-padding)); padding-left: var(--i86lk5-padding-left,var(--beae-card-padding)); border-width: var(--i86lk5-borderWidth-tl,var(--beae-card-border-width)) var(--i86lk5-borderWidth-tr,var(--beae-card-border-width)) var(--i86lk5-borderWidth-br,var(--beae-card-border-width)) var(--i86lk5-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--i86lk5-borderRadius-tl,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-tr,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-br,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--i86lk5-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--i86lk5-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--i86lk5-gap-tablet,var(--beae-card-gap)); padding-top: var(--i86lk5-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--i86lk5-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--i86lk5-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--i86lk5-padding-left-tablet,var(--beae-card-padding)); border-width: var(--i86lk5-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--i86lk5-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--i86lk5-borderWidth-br-desktop,var(--beae-card-border-width)) var(--i86lk5-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--i86lk5-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--i86lk5-gap-mobile,var(--beae-card-gap)); padding-top: var(--i86lk5-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--i86lk5-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--i86lk5-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--i86lk5-padding-left-mobile,var(--beae-card-padding)); border-width: var(--i86lk5-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--i86lk5-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--i86lk5-borderWidth-br-mobile,var(--beae-card-border-width)) var(--i86lk5-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--i86lk5-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--i86lk5-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--i86lk5-background-color,var(--beae-card-featured-background)); border-color: var(--i86lk5-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--i86lk5-shadowHorizontal, var(--beae-card-shadow-x)) var(--i86lk5-shadowVertical, var(--beae-card-shadow-y)) var(--i86lk5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i86lk5-shadowColor, var(--beae-card-featured-shadow-color)) var(--i86lk5-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--i86lk5-background-color,var(--beae-card-prod-background)); border-color: var(--i86lk5-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--i86lk5-shadowHorizontal, var(--beae-card-shadow-x)) var(--i86lk5-shadowVertical, var(--beae-card-shadow-y)) var(--i86lk5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i86lk5-shadowColor, var(--beae-card-prod-shadow-color)) var(--i86lk5-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--i86lk5-background-color,var(--beae-card-pricing-background)); border-color: var(--i86lk5-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--i86lk5-shadowHorizontal, var(--beae-card-shadow-x)) var(--i86lk5-shadowVertical, var(--beae-card-shadow-y)) var(--i86lk5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i86lk5-shadowColor, var(--beae-card-pricing-shadow-color)) var(--i86lk5-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--i86lk5-background-color,var(--beae-card-cta-background)); border-color: var(--i86lk5-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--i86lk5-shadowHorizontal, var(--beae-card-shadow-x)) var(--i86lk5-shadowVertical, var(--beae-card-shadow-y)) var(--i86lk5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i86lk5-shadowColor, var(--beae-card-cta-shadow-color)) var(--i86lk5-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-i86lk5"] {     display: flex;     flex-direction: var(--i86lk5-direction, column);     flex-wrap: nowrap;     justify-content: var(--i86lk5-justify-content);     align-items: var(--i86lk5-align-items);     gap: var(--i86lk5-gap, var(--i86lk5-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-i86lk5"] {                            gap: var(--i86lk5-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--i86lk5-padding-right-tablet, 0px) - var(--i86lk5-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-i86lk5"] {                            gap: var(--i86lk5-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--i86lk5-padding-right-mobile, 0px) - var(--i86lk5-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-791277"] { --791277-width: 80px; --791277-width-tablet: 80px; --791277-width-mobile: 80px; --791277-imageRatio: 1/1; --791277-imageRatio-tablet: 1/1; --791277-imageRatio-mobile: 1/1; --791277-shadowTransparent: 0%; --791277-shadowTransparent-tablet: 0%; --791277-shadowTransparent-mobile: 0%; --791277-borderStyle: none; --791277-borderStyle-tablet: none; --791277-borderStyle-mobile: none; --791277-borderWidth-tl: 0px; --791277-borderWidth-tl-tablet: 0px; --791277-borderWidth-tl-mobile: 0px; --791277-borderWidth-tr: 0px; --791277-borderWidth-tr-tablet: 0px; --791277-borderWidth-tr-mobile: 0px; --791277-borderWidth-bl: 0px; --791277-borderWidth-bl-tablet: 0px; --791277-borderWidth-bl-mobile: 0px; --791277-borderWidth-br: 0px; --791277-borderWidth-br-tablet: 0px; --791277-borderWidth-br-mobile: 0px; }[data-bnode="beae-791277"] { margin-top: var(--791277-margin-top, 0px); margin-right: var(--791277-margin-right, 0px); margin-bottom: var(--791277-margin-bottom, 0px); margin-left: var(--791277-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--791277-margin-top-tablet, 0px); margin-right: var(--791277-margin-right-tablet, 0px); margin-bottom: var(--791277-margin-bottom-tablet, 0px); margin-left: var(--791277-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--791277-margin-top-mobile, 0px); margin-right: var(--791277-margin-right-mobile, 0px); margin-bottom: var(--791277-margin-bottom-mobile, 0px); margin-left: var(--791277-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--791277-width,100%) - var(--791277-margin-left,0px) - var(--791277-margin-right,0px)); min-height: min-content; border-color: var(--791277-borderColor,var(--beae-card-media-border-color)); border-style: var(--791277-borderStyle,solid); border-width: var(--791277-borderWidth-tl,var(--beae-card-border-width)) var(--791277-borderWidth-tr,var(--beae-card-border-width)) var(--791277-borderWidth-br,var(--beae-card-border-width)) var(--791277-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--791277-borderRadius-tl,var(--beae-card-border-radius)) var(--791277-borderRadius-tr,var(--beae-card-border-radius)) var(--791277-borderRadius-br,var(--beae-card-border-radius)) var(--791277-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--791277-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--791277-borderWidth-tl-tablet, var(--791277-borderWidth-tl,var(--beae-card-border-width))) var(--791277-borderWidth-tr-tablet, var(--791277-borderWidth-tr,var(--beae-card-border-width))) var(--791277-borderWidth-br-tablet, var(--791277-borderWidth-br,var(--beae-card-border-width))) var(--791277-borderWidth-bl-tablet, var(--791277-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--791277-borderRadius-tl-tablet, var(--791277-borderRadius-tl,var(--beae-card-border-radius))) var(--791277-borderRadius-tr-tablet, var(--791277-borderRadius-tr,var(--beae-card-border-radius))) var(--791277-borderRadius-br-tablet, var(--791277-borderRadius-br,var(--beae-card-border-radius))) var(--791277-borderRadius-bl-tablet, var(--791277-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--791277-borderWidth-tl-mobile, var(--791277-borderWidth-tl,var(--beae-card-border-width))) var(--791277-borderWidth-tr-mobile, var(--791277-borderWidth-tr,var(--beae-card-border-width))) var(--791277-borderWidth-br-mobile, var(--791277-borderWidth-br,var(--beae-card-border-width))) var(--791277-borderWidth-bl-mobile, var(--791277-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--791277-borderRadius-tl-mobile, var(--791277-borderRadius-tl,var(--beae-card-border-radius))) var(--791277-borderRadius-tr-mobile, var(--791277-borderRadius-tr,var(--beae-card-border-radius))) var(--791277-borderRadius-br-mobile, var(--791277-borderRadius-br,var(--beae-card-border-radius))) var(--791277-borderRadius-bl-mobile, var(--791277-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--791277-shadowHorizontal, var(--beae-card-shadow-x)) var(--791277-shadowVertical, var(--beae-card-shadow-y)) var(--791277-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--791277-shadowColor, var(--beae-card-media-shadow-color)) var(--791277-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--791277-overlayColor-color, #000); opacity: var(--791277-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--791277-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--791277-width-tablet,var(--791277-width,100%)) - var(--791277-margin-left-tablet,var(--791277-margin-left,0px)) - var(--791277-margin-right-tablet,var(--791277-margin-right,0px))); aspect-ratio: var(--791277-imageRatio-tablet, var(--791277-imageRatio, auto)); img { object-fit: var(--791277-objFit-tablet, var(--791277-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--791277-width-mobile,var(--791277-width,100%)) - var(--791277-margin-left-mobile,var(--791277-margin-left,0px)) - var(--791277-margin-right-mobile,var(--791277-margin-right,0px))); aspect-ratio: var(--791277-imageRatio-mobile, var(--791277-imageRatio, auto)); img { object-fit: var(--791277-objFit-mobile, var(--791277-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-4u38cw"] { --4u38cw-typography: h2; --4u38cw-typography-tablet: h2; --4u38cw-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-4u38cw"] { margin-top: var(--4u38cw-margin-top, 0px); margin-right: var(--4u38cw-margin-right, 0px); margin-bottom: var(--4u38cw-margin-bottom, 0px); margin-left: var(--4u38cw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4u38cw-margin-top-tablet, 0px); margin-right: var(--4u38cw-margin-right-tablet, 0px); margin-bottom: var(--4u38cw-margin-bottom-tablet, 0px); margin-left: var(--4u38cw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4u38cw-margin-top-mobile, 0px); margin-right: var(--4u38cw-margin-right-mobile, 0px); margin-bottom: var(--4u38cw-margin-bottom-mobile, 0px); margin-left: var(--4u38cw-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--4u38cw-highlightColor,var(--beae-p-color)); top: var(--4u38cw-highlightTop, 100%); } }[data-bnode="beae-7ghnph"] { --7ghnph-listType: slider; --7ghnph-listType-tablet: slider; --7ghnph-listType-mobile: slider; --7ghnph-columns: 5; --7ghnph-columns-tablet: 3; --7ghnph-columns-mobile: 1; --7ghnph-columnsMobile: 1; --7ghnph-columnsMobile-tablet: 1; --7ghnph-columnsMobile-mobile: 1; --7ghnph-fill_last_row: false; --7ghnph-fill_last_row-tablet: false; --7ghnph-fill_last_row-mobile: false; --7ghnph-partial_items: false; --7ghnph-partial_items-tablet: false; --7ghnph-partial_items-mobile: false; --7ghnph-gap: 20px; --7ghnph-gap-tablet: 20px; --7ghnph-gap-mobile: 20px; --7ghnph-stateSelector: normal; --7ghnph-stateSelector-tablet: normal; --7ghnph-stateSelector-mobile: normal; --7ghnph-navType: true; --7ghnph-navType-tablet: true; --7ghnph-navType-mobile: true; --7ghnph-navColor: #333333; --7ghnph-navColor-tablet: #333333; --7ghnph-navColor-mobile: #333333; --7ghnph-navBg: #f5f5f5; --7ghnph-navBg-tablet: #f5f5f5; --7ghnph-navBg-mobile: #f5f5f5; --7ghnph-navColorHover: #C92626; --7ghnph-navColorHover-tablet: #C92626; --7ghnph-navColorHover-mobile: #C92626; --7ghnph-navBgHover: #DF202042; --7ghnph-navBgHover-tablet: #DF202042; --7ghnph-navBgHover-mobile: #DF202042; --7ghnph-navColorActive: #333333; --7ghnph-navColorActive-tablet: #333333; --7ghnph-navColorActive-mobile: #333333; --7ghnph-navBgActive: #cccccc; --7ghnph-navBgActive-tablet: #cccccc; --7ghnph-navBgActive-mobile: #cccccc; --7ghnph-navIconSize: 20px; --7ghnph-navIconSize-tablet: 20px; --7ghnph-navIconSize-mobile: 20px; --7ghnph-navPadding: 12px; --7ghnph-navPadding-tablet: 12px; --7ghnph-navPadding-mobile: 12px; --7ghnph-pagiType: true; --7ghnph-pagiType-tablet: true; --7ghnph-pagiType-mobile: true; --7ghnph-pagiColor: #181616; --7ghnph-pagiColor-tablet: #181616; --7ghnph-pagiColor-mobile: #181616; --7ghnph-pagiBg: #e6e6e6; --7ghnph-pagiBg-tablet: #e6e6e6; --7ghnph-pagiBg-mobile: #e6e6e6; --7ghnph-pagiColorHover: #cccccc; --7ghnph-pagiColorHover-tablet: #cccccc; --7ghnph-pagiColorHover-mobile: #cccccc; --7ghnph-pagiBgHover: #cccccc; --7ghnph-pagiBgHover-tablet: #cccccc; --7ghnph-pagiBgHover-mobile: #cccccc; --7ghnph-pagiColorActive: #181818; --7ghnph-pagiColorActive-tablet: #181818; --7ghnph-pagiColorActive-mobile: #181818; --7ghnph-pagiBgActive: #181818; --7ghnph-pagiBgActive-tablet: #181818; --7ghnph-pagiBgActive-mobile: #181818; } [data-bnode="beae-7ghnph"] [data-bnode="beae-h89imj"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; --h89imj-margin-top: 28px; --h89imj-margin-right: 0px; --h89imj-margin-bottom: 0px; --h89imj-margin-left: 0px; --h89imj-margin-top-tablet: 0px; --h89imj-margin-right-tablet: 0px; --h89imj-margin-bottom-tablet: 8px; --h89imj-margin-left-tablet: 0px; --h89imj-margin-top-mobile: 0px; --h89imj-margin-right-mobile: 0px; --h89imj-margin-bottom-mobile: 8px; --h89imj-margin-left-mobile: 0px; } [data-bnode="beae-7ghnph"] [data-bnode="beae-44q6u4"] { --44q6u4-typography: p2; --44q6u4-maxWidth: unset; --44q6u4-margin-top: 8px; --44q6u4-margin-right: 0px; --44q6u4-margin-bottom: 0px; --44q6u4-margin-left: 0px; } [data-bnode="beae-7ghnph"] [data-bnode="beae-o0uxwg"] { --o0uxwg-direction: row; } [data-bnode="beae-7ghnph"] [data-bnode="beae-content-list-item"] { --content-list-item-direction: column; } [data-bnode="beae-7ghnph"] [data-bnode="beae-cl-image"] { --cl-image-margin-top: 0px; --cl-image-margin-right: 0px; --cl-image-margin-bottom: 0px; --cl-image-margin-left: 0px; --cl-image-borderRadius: 16px; } [data-bnode="beae-7ghnph"] [data-bnode="beae-biqqts"] { --biqqts-borderRadius: 16px; --biqqts-imageRatio: 6/7; --biqqts-objFit: cover; --biqqts-borderStyle: solid; --biqqts-borderWidth: 0px; --biqqts-shadowHorizontal: 0px; --biqqts-overlayOpacity: 0; --biqqts-width: 100%; --biqqts-borderColor: #000000; --biqqts-shadowColor: #000000; --biqqts-margin-top-tablet: 0px; --biqqts-margin-right-tablet: 0px; --biqqts-margin-bottom-tablet: 20px; --biqqts-margin-left-tablet: 0px; --biqqts-margin-top-mobile: 0px; --biqqts-margin-right-mobile: 0px; --biqqts-margin-bottom-mobile: 20px; --biqqts-margin-left-mobile: 0px; } [data-bnode="beae-7ghnph"] [data-bnode="beae-ouaw4l"] { --ouaw4l-width: 100%; --ouaw4l-imageRatio: 6/7; --ouaw4l-objFit: cover; --ouaw4l-borderColor: #000000; --ouaw4l-shadowColor: #000000; --ouaw4l-borderStyle: none; --ouaw4l-enableShadow: false; --ouaw4l-borderRadius-tl: 10px; --ouaw4l-borderRadius-tr: 10px; --ouaw4l-borderRadius-bl: 10px; --ouaw4l-borderRadius-br: 10px; } [data-bnode="beae-7ghnph"] [data-bnode="beae-hu4p1a"] { --hu4p1a-typography: h4; --hu4p1a-margin-top: 28px; --hu4p1a-margin-right: 0px; --hu4p1a-margin-bottom: 0px; --hu4p1a-margin-left: 0px; --beae-h4-text-align: center; }[data-bnode="beae-7ghnph"] { margin-top: var(--7ghnph-margin-top, 0px); margin-right: var(--7ghnph-margin-right, 0px); margin-bottom: var(--7ghnph-margin-bottom, 0px); margin-left: var(--7ghnph-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7ghnph-margin-top-tablet, 0px); margin-right: var(--7ghnph-margin-right-tablet, 0px); margin-bottom: var(--7ghnph-margin-bottom-tablet, 0px); margin-left: var(--7ghnph-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7ghnph-margin-top-mobile, 0px); margin-right: var(--7ghnph-margin-right-mobile, 0px); margin-bottom: var(--7ghnph-margin-bottom-mobile, 0px); margin-left: var(--7ghnph-margin-left-mobile, 0px); } &.beae-content-list { /* ===== Active item ===== */ .beae-slider-item.active-main .beae-media-wrapper { aspect-ratio: 2 / 3; transition: all 0.5s ease; } .beae-progress-pagination { display: flex; gap: 32px; width: 100%; justify-content: center; align-items: center; } /* ===== Navigation ===== */ .beae-slider-nav-left, .beae-slider-nav-right { position: relative; z-index: 9999; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: 1; box-shadow: none; transform: none; } .beae-slider-nav-left svg, .beae-slider-nav-right svg { width: 24px; height: 24px; } .beae-slider-pagination-wrp { max-width: 160px; } .beae-slider-pagination-progress { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 4px; border-radius: 999px; overflow: hidden; } .beae-slider-pagination-progress span { position: absolute; top: 0; left: 0; display: flex; height: 100%; width: 0%; background-color: var(--7ghnph-pagiColor) !important; transition: all 0.3s ease-in-out; } @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--7ghnph-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--7ghnph-gap,20px) * (var(--7ghnph-columns, 3) - 1)) / var(--7ghnph-columns, 3)); &:last-child{ margin-right: var(--7ghnph-gap,20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--7ghnph-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--7ghnph-columns) - 1) * var(--7ghnph-gap,20px)) / var(--7ghnph-columns) ); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--7ghnph-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--7ghnph-gap-tablet,20px) * (var(--7ghnph-columns-tablet, 3) - 1)) / var(--7ghnph-columns-tablet, 3)); &:last-child{ margin-right: var(--7ghnph-gap-tablet,20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--7ghnph-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--7ghnph-columns-tablet) - 1) * var(--7ghnph-gap-tablet,20px)) / var(--7ghnph-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--7ghnph-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--7ghnph-gap-mobile,20px) * (var(--7ghnph-columnsMobile-mobile, 1) - 1)) / var(--7ghnph-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--7ghnph-gap-mobile,20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--7ghnph-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--7ghnph-columnsMobile-mobile) - 1) * var(--7ghnph-gap-mobile,20px)) / var(--7ghnph-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--7ghnph-navPadding,12px); background:var(--7ghnph-navBg,#F5F5F5); color: var(--7ghnph-navColor,#333333); cursor: pointer; &:hover { background:var(--7ghnph-navBgHover,#CCCCCC); color: var(--7ghnph-navColorHover,#333333); } svg { width: var(--7ghnph-navIconSize,20px); height: var(--7ghnph-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--7ghnph-pagiBg,#E6E6E6); &.active { background:var(--7ghnph-pagiBgActive,#181818); } &:not(.active):hover { background:var(--7ghnph-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--7ghnph-pagiColor,#e6e6e6); &.active { color:var(--7ghnph-pagiColorActive,#181818); } &:not(.active):hover { color: var(--7ghnph-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--7ghnph-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--7ghnph-pagiBg,#E6E6E6); &.active { background: var(--7ghnph-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--7ghnph-pagiBgHover,#CCCCCC); } } .beae-slider-controls-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; } } [data-bnode="beae-7ghnph"] [data-bnode="beae-ouaw4l"] { margin-top: var(--ouaw4l-margin-top, 0px); margin-right: var(--ouaw4l-margin-right, 0px); margin-bottom: var(--ouaw4l-margin-bottom, 0px); margin-left: var(--ouaw4l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ouaw4l-margin-top-tablet, 0px); margin-right: var(--ouaw4l-margin-right-tablet, 0px); margin-bottom: var(--ouaw4l-margin-bottom-tablet, 0px); margin-left: var(--ouaw4l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ouaw4l-margin-top-mobile, 0px); margin-right: var(--ouaw4l-margin-right-mobile, 0px); margin-bottom: var(--ouaw4l-margin-bottom-mobile, 0px); margin-left: var(--ouaw4l-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--ouaw4l-width,100%) - var(--ouaw4l-margin-left,0px) - var(--ouaw4l-margin-right,0px)); min-height: min-content; border-color: var(--ouaw4l-borderColor,var(--beae-card-media-border-color)); border-style: var(--ouaw4l-borderStyle,solid); border-width: var(--ouaw4l-borderWidth-tl,var(--beae-card-border-width)) var(--ouaw4l-borderWidth-tr,var(--beae-card-border-width)) var(--ouaw4l-borderWidth-br,var(--beae-card-border-width)) var(--ouaw4l-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ouaw4l-borderRadius-tl,var(--beae-card-border-radius)) var(--ouaw4l-borderRadius-tr,var(--beae-card-border-radius)) var(--ouaw4l-borderRadius-br,var(--beae-card-border-radius)) var(--ouaw4l-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--ouaw4l-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ouaw4l-borderWidth-tl-tablet, var(--ouaw4l-borderWidth-tl,var(--beae-card-border-width))) var(--ouaw4l-borderWidth-tr-tablet, var(--ouaw4l-borderWidth-tr,var(--beae-card-border-width))) var(--ouaw4l-borderWidth-br-tablet, var(--ouaw4l-borderWidth-br,var(--beae-card-border-width))) var(--ouaw4l-borderWidth-bl-tablet, var(--ouaw4l-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--ouaw4l-borderRadius-tl-tablet, var(--ouaw4l-borderRadius-tl,var(--beae-card-border-radius))) var(--ouaw4l-borderRadius-tr-tablet, var(--ouaw4l-borderRadius-tr,var(--beae-card-border-radius))) var(--ouaw4l-borderRadius-br-tablet, var(--ouaw4l-borderRadius-br,var(--beae-card-border-radius))) var(--ouaw4l-borderRadius-bl-tablet, var(--ouaw4l-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--ouaw4l-borderWidth-tl-mobile, var(--ouaw4l-borderWidth-tl,var(--beae-card-border-width))) var(--ouaw4l-borderWidth-tr-mobile, var(--ouaw4l-borderWidth-tr,var(--beae-card-border-width))) var(--ouaw4l-borderWidth-br-mobile, var(--ouaw4l-borderWidth-br,var(--beae-card-border-width))) var(--ouaw4l-borderWidth-bl-mobile, var(--ouaw4l-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--ouaw4l-borderRadius-tl-mobile, var(--ouaw4l-borderRadius-tl,var(--beae-card-border-radius))) var(--ouaw4l-borderRadius-tr-mobile, var(--ouaw4l-borderRadius-tr,var(--beae-card-border-radius))) var(--ouaw4l-borderRadius-br-mobile, var(--ouaw4l-borderRadius-br,var(--beae-card-border-radius))) var(--ouaw4l-borderRadius-bl-mobile, var(--ouaw4l-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--ouaw4l-shadowHorizontal, var(--beae-card-shadow-x)) var(--ouaw4l-shadowVertical, var(--beae-card-shadow-y)) var(--ouaw4l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ouaw4l-shadowColor, var(--beae-card-media-shadow-color)) var(--ouaw4l-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--ouaw4l-overlayColor-color, #000); opacity: var(--ouaw4l-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--ouaw4l-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--ouaw4l-width-tablet,var(--ouaw4l-width,100%)) - var(--ouaw4l-margin-left-tablet,var(--ouaw4l-margin-left,0px)) - var(--ouaw4l-margin-right-tablet,var(--ouaw4l-margin-right,0px))); aspect-ratio: var(--ouaw4l-imageRatio-tablet, var(--ouaw4l-imageRatio, auto)); img { object-fit: var(--ouaw4l-objFit-tablet, var(--ouaw4l-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--ouaw4l-width-mobile,var(--ouaw4l-width,100%)) - var(--ouaw4l-margin-left-mobile,var(--ouaw4l-margin-left,0px)) - var(--ouaw4l-margin-right-mobile,var(--ouaw4l-margin-right,0px))); aspect-ratio: var(--ouaw4l-imageRatio-mobile, var(--ouaw4l-imageRatio, auto)); img { object-fit: var(--ouaw4l-objFit-mobile, var(--ouaw4l-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } } [data-bnode="beae-7ghnph"] [data-bnode="beae-hu4p1a"] { margin-top: var(--hu4p1a-margin-top, 0px); margin-right: var(--hu4p1a-margin-right, 0px); margin-bottom: var(--hu4p1a-margin-bottom, 0px); margin-left: var(--hu4p1a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hu4p1a-margin-top-tablet, 0px); margin-right: var(--hu4p1a-margin-right-tablet, 0px); margin-bottom: var(--hu4p1a-margin-bottom-tablet, 0px); margin-left: var(--hu4p1a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hu4p1a-margin-top-mobile, 0px); margin-right: var(--hu4p1a-margin-right-mobile, 0px); margin-bottom: var(--hu4p1a-margin-bottom-mobile, 0px); margin-left: var(--hu4p1a-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--hu4p1a-highlightColor,var(--beae-p-color)); top: var(--hu4p1a-highlightTop, 100%); } } [data-bnode="beae-7ghnph"] [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)))))); } &.beae-slot { position: var(--be-ctl-item-position, relative); top: var(--be-ctl-item-top, auto); right: var(--be-ctl-item-right, auto); bottom: var(--be-ctl-item-bottom, auto); left: var(--be-ctl-item-left, auto); transform: var(--be-ctl-item-transform, none); z-index: var(--be-ctl-item-z-index, 10); 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: var(--be-ctl-item-shadowHorizontal, 0px) var(--be-ctl-item-shadowVertical, 0px) var(--be-ctl-item-shadowBlur, 0px) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, #000000) var(--be-ctl-item-shadowTransparent, 0%), transparent ); max-width: var(--be-ctl-item-max-width, 100%); width: 100%; height: if(style(--be-ctl-item-position: absolute): var(--be-ctl-item-height,100%); else: unset ); backdrop-filter:blur(var(--be-ctl-item-background-blur, none)) saturate(var(--be-ctl-item-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--be-ctl-item-position-tablet, var(--be-ctl-item-position, relative)); top: var(--be-ctl-item-top-tablet, var(--be-ctl-item-top, auto)); right: var(--be-ctl-item-right-tablet, var(--be-ctl-item-right, auto)); bottom: var(--be-ctl-item-bottom-tablet, var(--be-ctl-item-bottom, auto)); left: var(--be-ctl-item-left-tablet, var(--be-ctl-item-left, auto)); transform: var(--be-ctl-item-transform-tablet, var(--be-ctl-item-transform, none)); z-index: var(--be-ctl-item-z-index-tablet, var(--be-ctl-item-z-index, 10)); 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, var(--be-ctl-item-borderWidth-tl,0px)) var(--be-ctl-item-borderWidth-tr-tablet,var(--be-ctl-item-borderWidth-tr,0px)) var(--be-ctl-item-borderWidth-br-tablet,var(--be-ctl-item-borderWidth-br,0px)) var(--be-ctl-item-borderWidth-bl-tablet,var(--be-ctl-item-borderWidth-bl,0px)); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,var(--be-ctl-item-borderRadius-tl,0px)) var(--be-ctl-item-borderRadius-tr-tablet,var(--be-ctl-item-borderRadius-tr,0px)) var(--be-ctl-item-borderRadius-br-tablet,var(--be-ctl-item-borderRadius-br,0px)) var(--be-ctl-item-borderRadius-bl-tablet,var(--be-ctl-item-borderRadius-bl,0px)); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); height: if(style(--be-ctl-item-position-tablet: absolute): var(--be-ctl-item-height-tablet,var(--be-ctl-item-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--be-ctl-item-position-mobile, var(--be-ctl-item-position-tablet, var(--be-ctl-item-position, relative))); top: var(--be-ctl-item-top-mobile, var(--be-ctl-item-top-tablet, var(--be-ctl-item-top, auto))); right: var(--be-ctl-item-right-mobile, var(--be-ctl-item-right-tablet, var(--be-ctl-item-right, auto))); bottom: var(--be-ctl-item-bottom-mobile, var(--be-ctl-item-bottom-tablet, var(--be-ctl-item-bottom, auto))); left: var(--be-ctl-item-left-mobile, var(--be-ctl-item-left-tablet, var(--be-ctl-item-left, auto))); transform: var(--be-ctl-item-transform-mobile, var(--be-ctl-item-transform-tablet, var(--be-ctl-item-transform, none))); z-index: var(--be-ctl-item-z-index-mobile, var(--be-ctl-item-z-index-tablet, var(--be-ctl-item-z-index, 10))); 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, var(--be-ctl-item-borderWidth-tl,0px)) var(--be-ctl-item-borderWidth-tr-mobile,var(--be-ctl-item-borderWidth-tr,0px)) var(--be-ctl-item-borderWidth-br-mobile,var(--be-ctl-item-borderWidth-br,0px)) var(--be-ctl-item-borderWidth-bl-mobile,var(--be-ctl-item-borderWidth-bl,0px)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--be-ctl-item-borderRadius-tl,0px)) var(--be-ctl-item-borderRadius-tr-mobile,var(--be-ctl-item-borderRadius-tr,0px)) var(--be-ctl-item-borderRadius-br-mobile,var(--be-ctl-item-borderRadius-br,0px)) var(--be-ctl-item-borderRadius-bl-mobile,var(--be-ctl-item-borderRadius-bl,0px)); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); height: if(style(--be-ctl-item-position-mobile: absolute): var(--be-ctl-item-height-mobile,var(--be-ctl-item-height-tablet,,var(--be-ctl-item-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.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{ 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-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(--be-ctl-item-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--be-ctl-item-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--be-ctl-item-gap-tablet,var(--beae-card-gap)); 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-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-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--be-ctl-item-gap-mobile,var(--beae-card-gap)); 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-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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.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: 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(--be-ctl-item-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-7ghnph"] [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-7ghnph"] [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;         }                   &>.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-7ghnph"] [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;         }                   &>.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-ngdsyi"] { --ngdsyi-width: var(--beae-section-width); --ngdsyi-width-tablet: var(--beae-section-width); --ngdsyi-width-mobile: var(--beae-section-width); --ngdsyi-height: fit-content; --ngdsyi-height-tablet: fit-content; --ngdsyi-height-mobile: fit-content; --ngdsyi-direction: row; --ngdsyi-direction-tablet: row; --ngdsyi-direction-mobile: row; --ngdsyi-structure: auto; --ngdsyi-structure-tablet: auto; --ngdsyi-structure-mobile: auto; --ngdsyi-padding-top: 40px; --ngdsyi-padding-top-tablet: 40px; --ngdsyi-padding-top-mobile: 40px; --ngdsyi-padding-bottom: 40px; --ngdsyi-padding-bottom-tablet: 40px; --ngdsyi-padding-bottom-mobile: 40px; --ngdsyi-surface: light; --ngdsyi-surface-tablet: light; --ngdsyi-surface-mobile: light; }[data-bnode="beae-ngdsyi"] { padding-top: var(--ngdsyi-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--ngdsyi-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--ngdsyi-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--ngdsyi-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ngdsyi-padding-top-tablet, var(--ngdsyi-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--ngdsyi-padding-right-tablet, var(--ngdsyi-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--ngdsyi-padding-bottom-tablet, var(--ngdsyi-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--ngdsyi-padding-left-tablet, var(--ngdsyi-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ngdsyi-padding-top-mobile, var(--ngdsyi-padding-top-tablet, var(--ngdsyi-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--ngdsyi-padding-right-mobile, var(--ngdsyi-padding-right-tablet, var(--ngdsyi-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--ngdsyi-padding-bottom-mobile, var(--ngdsyi-padding-bottom-tablet, var(--ngdsyi-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--ngdsyi-padding-left-mobile, var(--ngdsyi-padding-left-tablet, var(--ngdsyi-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--ngdsyi-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--ngdsyi-height); width: 100%; max-width: var(--ngdsyi-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { 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(--ngdsyi-height-tablet, auto); width: 100%; max-width: var(--ngdsyi-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--ngdsyi-height-mobile, auto); width: 100%; max-width: var(--ngdsyi-width-mobile, 100%); } } } }[data-bnode="beae-ngdsyi"] > .beae-section-container{     display: flex;     flex-direction: var(--ngdsyi-direction, column);     flex-wrap: nowrap;     justify-content: var(--ngdsyi-justify-content);     align-items: var(--ngdsyi-align-items);     gap: var(--ngdsyi-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-ngdsyi"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ngdsyi-padding-right-tablet, 0px) - var(--ngdsyi-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ngdsyi"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ngdsyi-padding-right-mobile, 0px) - var(--ngdsyi-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-pfud7o"] { --pfud7o-direction: row; --pfud7o-direction-tablet: column; --pfud7o-direction-mobile: column; --pfud7o-structure: columns; --pfud7o-structure-tablet: columns; --pfud7o-structure-mobile: columns; --pfud7o-gap: 24px; --pfud7o-gap-tablet: 20px; --pfud7o-gap-mobile: 20px; --pfud7o-columns: 65.00,35.00; --pfud7o-columns-tablet: 65.00,35.00; --pfud7o-columns-mobile: 65.00,35.00; --pfud7o-columnsPresetId: 65.00,35.00; --pfud7o-columnsPresetId-tablet: 65.00,35.00; --pfud7o-columnsPresetId-mobile: 65.00,35.00; --pfud7o-grow-1-child: 66.66; --pfud7o-grow-1-child-tablet: 66.66; --pfud7o-grow-1-child-mobile: 66.66; --pfud7o-grow-2-child: 33.33; --pfud7o-grow-2-child-tablet: 33.33; --pfud7o-grow-2-child-mobile: 33.33; --pfud7o-align-items: stretch; --pfud7o-align-items-tablet: stretch; --pfud7o-align-items-mobile: stretch; --pfud7o-justify-content: center; --pfud7o-justify-content-tablet: center; --pfud7o-justify-content-mobile: center; }[data-bnode="beae-pfud7o"] { padding-top: var(--pfud7o-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pfud7o-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pfud7o-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pfud7o-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pfud7o-padding-top-tablet, var(--pfud7o-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pfud7o-padding-right-tablet, var(--pfud7o-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pfud7o-padding-bottom-tablet, var(--pfud7o-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pfud7o-padding-left-tablet, var(--pfud7o-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pfud7o-padding-top-mobile, var(--pfud7o-padding-top-tablet, var(--pfud7o-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pfud7o-padding-right-mobile, var(--pfud7o-padding-right-tablet, var(--pfud7o-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pfud7o-padding-bottom-mobile, var(--pfud7o-padding-bottom-tablet, var(--pfud7o-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pfud7o-padding-left-mobile, var(--pfud7o-padding-left-tablet, var(--pfud7o-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--pfud7o-position, relative); top: var(--pfud7o-top, auto); right: var(--pfud7o-right, auto); bottom: var(--pfud7o-bottom, auto); left: var(--pfud7o-left, auto); transform: var(--pfud7o-transform, none); z-index: var(--pfud7o-z-index, 10); aspect-ratio: var(--pfud7o-background-imageRatio, auto); background: var(--pfud7o-background-color,transparent); border-style: var(--pfud7o-borderStyle,solid); border-color: var(--pfud7o-borderColor,#000000); border-width: var(--pfud7o-borderWidth-tl,0px) var(--pfud7o-borderWidth-tr,0px) var(--pfud7o-borderWidth-br,0px) var(--pfud7o-borderWidth-bl,0px); border-radius: var(--pfud7o-borderRadius-tl,0px) var(--pfud7o-borderRadius-tr,0px) var(--pfud7o-borderRadius-br,0px) var(--pfud7o-borderRadius-bl,0px); box-shadow: var(--pfud7o-shadowHorizontal, 0px) var(--pfud7o-shadowVertical, 0px) var(--pfud7o-shadowBlur, 0px) 1px color-mix( in srgb, var(--pfud7o-shadowColor, #000000) var(--pfud7o-shadowTransparent, 0%), transparent ); max-width: var(--pfud7o-max-width, 100%); width: 100%; height: if(style(--pfud7o-position: absolute): var(--pfud7o-height,100%); else: unset ); backdrop-filter:blur(var(--pfud7o-background-blur, none)) saturate(var(--pfud7o-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--pfud7o-position-tablet, var(--pfud7o-position, relative)); top: var(--pfud7o-top-tablet, var(--pfud7o-top, auto)); right: var(--pfud7o-right-tablet, var(--pfud7o-right, auto)); bottom: var(--pfud7o-bottom-tablet, var(--pfud7o-bottom, auto)); left: var(--pfud7o-left-tablet, var(--pfud7o-left, auto)); transform: var(--pfud7o-transform-tablet, var(--pfud7o-transform, none)); z-index: var(--pfud7o-z-index-tablet, var(--pfud7o-z-index, 10)); aspect-ratio: var(--pfud7o-background-imageRatio-tablet, var(--pfud7o-background-imageRatio, auto)); border-width: var(--pfud7o-borderWidth-tl-tablet, var(--pfud7o-borderWidth-tl,0px)) var(--pfud7o-borderWidth-tr-tablet,var(--pfud7o-borderWidth-tr,0px)) var(--pfud7o-borderWidth-br-tablet,var(--pfud7o-borderWidth-br,0px)) var(--pfud7o-borderWidth-bl-tablet,var(--pfud7o-borderWidth-bl,0px)); border-radius: var(--pfud7o-borderRadius-tl-tablet,var(--pfud7o-borderRadius-tl,0px)) var(--pfud7o-borderRadius-tr-tablet,var(--pfud7o-borderRadius-tr,0px)) var(--pfud7o-borderRadius-br-tablet,var(--pfud7o-borderRadius-br,0px)) var(--pfud7o-borderRadius-bl-tablet,var(--pfud7o-borderRadius-bl,0px)); max-width: var(--pfud7o-max-width-tablet, var(--pfud7o-max-width, 100%)); height: if(style(--pfud7o-position-tablet: absolute): var(--pfud7o-height-tablet,var(--pfud7o-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--pfud7o-position-mobile, var(--pfud7o-position-tablet, var(--pfud7o-position, relative))); top: var(--pfud7o-top-mobile, var(--pfud7o-top-tablet, var(--pfud7o-top, auto))); right: var(--pfud7o-right-mobile, var(--pfud7o-right-tablet, var(--pfud7o-right, auto))); bottom: var(--pfud7o-bottom-mobile, var(--pfud7o-bottom-tablet, var(--pfud7o-bottom, auto))); left: var(--pfud7o-left-mobile, var(--pfud7o-left-tablet, var(--pfud7o-left, auto))); transform: var(--pfud7o-transform-mobile, var(--pfud7o-transform-tablet, var(--pfud7o-transform, none))); z-index: var(--pfud7o-z-index-mobile, var(--pfud7o-z-index-tablet, var(--pfud7o-z-index, 10))); aspect-ratio: var(--pfud7o-background-imageRatio-mobile, var(--pfud7o-background-imageRatio, auto)); border-width: var(--pfud7o-borderWidth-tl-mobile, var(--pfud7o-borderWidth-tl,0px)) var(--pfud7o-borderWidth-tr-mobile,var(--pfud7o-borderWidth-tr,0px)) var(--pfud7o-borderWidth-br-mobile,var(--pfud7o-borderWidth-br,0px)) var(--pfud7o-borderWidth-bl-mobile,var(--pfud7o-borderWidth-bl,0px)); border-radius: var(--pfud7o-borderRadius-tl-mobile,var(--pfud7o-borderRadius-tl,0px)) var(--pfud7o-borderRadius-tr-mobile,var(--pfud7o-borderRadius-tr,0px)) var(--pfud7o-borderRadius-br-mobile,var(--pfud7o-borderRadius-br,0px)) var(--pfud7o-borderRadius-bl-mobile,var(--pfud7o-borderRadius-bl,0px)); max-width: var(--pfud7o-max-width-mobile, var(--pfud7o-max-width, 100%)); height: if(style(--pfud7o-position-mobile: absolute): var(--pfud7o-height-mobile,var(--pfud7o-height-tablet,,var(--pfud7o-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pfud7o-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--pfud7o-gap,var(--beae-card-gap)); padding-top: var(--pfud7o-padding-top,var(--beae-card-padding)); padding-right: var(--pfud7o-padding-right,var(--beae-card-padding)); padding-bottom: var(--pfud7o-padding-bottom,var(--beae-card-padding)); padding-left: var(--pfud7o-padding-left,var(--beae-card-padding)); border-width: var(--pfud7o-borderWidth-tl,var(--beae-card-border-width)) var(--pfud7o-borderWidth-tr,var(--beae-card-border-width)) var(--pfud7o-borderWidth-br,var(--beae-card-border-width)) var(--pfud7o-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pfud7o-borderRadius-tl,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-tr,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-br,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--pfud7o-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--pfud7o-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--pfud7o-gap-tablet,var(--beae-card-gap)); padding-top: var(--pfud7o-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pfud7o-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pfud7o-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pfud7o-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pfud7o-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pfud7o-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pfud7o-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pfud7o-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pfud7o-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--pfud7o-gap-mobile,var(--beae-card-gap)); padding-top: var(--pfud7o-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pfud7o-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pfud7o-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pfud7o-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pfud7o-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pfud7o-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pfud7o-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pfud7o-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pfud7o-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pfud7o-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pfud7o-background-color,var(--beae-card-featured-background)); border-color: var(--pfud7o-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--pfud7o-shadowHorizontal, var(--beae-card-shadow-x)) var(--pfud7o-shadowVertical, var(--beae-card-shadow-y)) var(--pfud7o-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pfud7o-shadowColor, var(--beae-card-featured-shadow-color)) var(--pfud7o-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--pfud7o-background-color,var(--beae-card-prod-background)); border-color: var(--pfud7o-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--pfud7o-shadowHorizontal, var(--beae-card-shadow-x)) var(--pfud7o-shadowVertical, var(--beae-card-shadow-y)) var(--pfud7o-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pfud7o-shadowColor, var(--beae-card-prod-shadow-color)) var(--pfud7o-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--pfud7o-background-color,var(--beae-card-pricing-background)); border-color: var(--pfud7o-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--pfud7o-shadowHorizontal, var(--beae-card-shadow-x)) var(--pfud7o-shadowVertical, var(--beae-card-shadow-y)) var(--pfud7o-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pfud7o-shadowColor, var(--beae-card-pricing-shadow-color)) var(--pfud7o-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--pfud7o-background-color,var(--beae-card-cta-background)); border-color: var(--pfud7o-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--pfud7o-shadowHorizontal, var(--beae-card-shadow-x)) var(--pfud7o-shadowVertical, var(--beae-card-shadow-y)) var(--pfud7o-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pfud7o-shadowColor, var(--beae-card-cta-shadow-color)) var(--pfud7o-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-pfud7o"] {     display: flex;     flex-direction: var(--pfud7o-direction, column);     flex-wrap: nowrap;     justify-content: var(--pfud7o-justify-content);     align-items: var(--pfud7o-align-items);     gap: var(--pfud7o-gap, var(--pfud7o-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(65.00% - var(--pfud7o-padding-right, 0px) - var(--pfud7o-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(35.00% - var(--pfud7o-padding-right, 0px) - var(--pfud7o-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--pfud7o-padding-right, 0px) - var(--pfud7o-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pfud7o"] {      flex-direction: var(--pfud7o-direction-tablet, column);                      gap: var(--pfud7o-gap-tablet, var(--pfud7o-gap-tablet, var(--beae-slot-gap-tablet)));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-pfud7o"] {      flex-direction: var(--pfud7o-direction-mobile, column);                      gap: var(--pfud7o-gap-mobile, var(--pfud7o-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-9muqw3"] { --9muqw3-direction: row; --9muqw3-direction-tablet: row; --9muqw3-direction-mobile: column; --9muqw3-structure: columns; --9muqw3-structure-tablet: columns; --9muqw3-structure-mobile: columns; --9muqw3-gap: 24px; --9muqw3-gap-tablet: 20px; --9muqw3-gap-mobile: 20px; --9muqw3-columns: 50.00,50.00; --9muqw3-columns-tablet: 50.00,50.00; --9muqw3-columns-mobile: 50.00,50.00; --9muqw3-columnsPresetId: 50.00,50.00; --9muqw3-columnsPresetId-tablet: 50.00,50.00; --9muqw3-columnsPresetId-mobile: 50.00,50.00; --9muqw3-grow-1-child: 50; --9muqw3-grow-1-child-tablet: 50; --9muqw3-grow-1-child-mobile: 50; --9muqw3-grow-2-child: 50; --9muqw3-grow-2-child-tablet: 50; --9muqw3-grow-2-child-mobile: 50; --9muqw3-align-items: stretch; --9muqw3-align-items-tablet: stretch; --9muqw3-align-items-mobile: stretch; }[data-bnode="beae-9muqw3"] { padding-top: var(--9muqw3-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9muqw3-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9muqw3-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9muqw3-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9muqw3-padding-top-tablet, var(--9muqw3-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9muqw3-padding-right-tablet, var(--9muqw3-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9muqw3-padding-bottom-tablet, var(--9muqw3-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9muqw3-padding-left-tablet, var(--9muqw3-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9muqw3-padding-top-mobile, var(--9muqw3-padding-top-tablet, var(--9muqw3-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9muqw3-padding-right-mobile, var(--9muqw3-padding-right-tablet, var(--9muqw3-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9muqw3-padding-bottom-mobile, var(--9muqw3-padding-bottom-tablet, var(--9muqw3-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9muqw3-padding-left-mobile, var(--9muqw3-padding-left-tablet, var(--9muqw3-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--9muqw3-position, relative); top: var(--9muqw3-top, auto); right: var(--9muqw3-right, auto); bottom: var(--9muqw3-bottom, auto); left: var(--9muqw3-left, auto); transform: var(--9muqw3-transform, none); z-index: var(--9muqw3-z-index, 10); aspect-ratio: var(--9muqw3-background-imageRatio, auto); background: var(--9muqw3-background-color,transparent); border-style: var(--9muqw3-borderStyle,solid); border-color: var(--9muqw3-borderColor,#000000); border-width: var(--9muqw3-borderWidth-tl,0px) var(--9muqw3-borderWidth-tr,0px) var(--9muqw3-borderWidth-br,0px) var(--9muqw3-borderWidth-bl,0px); border-radius: var(--9muqw3-borderRadius-tl,0px) var(--9muqw3-borderRadius-tr,0px) var(--9muqw3-borderRadius-br,0px) var(--9muqw3-borderRadius-bl,0px); box-shadow: var(--9muqw3-shadowHorizontal, 0px) var(--9muqw3-shadowVertical, 0px) var(--9muqw3-shadowBlur, 0px) 1px color-mix( in srgb, var(--9muqw3-shadowColor, #000000) var(--9muqw3-shadowTransparent, 0%), transparent ); max-width: var(--9muqw3-max-width, 100%); width: 100%; height: if(style(--9muqw3-position: absolute): var(--9muqw3-height,100%); else: unset ); backdrop-filter:blur(var(--9muqw3-background-blur, none)) saturate(var(--9muqw3-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--9muqw3-position-tablet, var(--9muqw3-position, relative)); top: var(--9muqw3-top-tablet, var(--9muqw3-top, auto)); right: var(--9muqw3-right-tablet, var(--9muqw3-right, auto)); bottom: var(--9muqw3-bottom-tablet, var(--9muqw3-bottom, auto)); left: var(--9muqw3-left-tablet, var(--9muqw3-left, auto)); transform: var(--9muqw3-transform-tablet, var(--9muqw3-transform, none)); z-index: var(--9muqw3-z-index-tablet, var(--9muqw3-z-index, 10)); aspect-ratio: var(--9muqw3-background-imageRatio-tablet, var(--9muqw3-background-imageRatio, auto)); border-width: var(--9muqw3-borderWidth-tl-tablet, var(--9muqw3-borderWidth-tl,0px)) var(--9muqw3-borderWidth-tr-tablet,var(--9muqw3-borderWidth-tr,0px)) var(--9muqw3-borderWidth-br-tablet,var(--9muqw3-borderWidth-br,0px)) var(--9muqw3-borderWidth-bl-tablet,var(--9muqw3-borderWidth-bl,0px)); border-radius: var(--9muqw3-borderRadius-tl-tablet,var(--9muqw3-borderRadius-tl,0px)) var(--9muqw3-borderRadius-tr-tablet,var(--9muqw3-borderRadius-tr,0px)) var(--9muqw3-borderRadius-br-tablet,var(--9muqw3-borderRadius-br,0px)) var(--9muqw3-borderRadius-bl-tablet,var(--9muqw3-borderRadius-bl,0px)); max-width: var(--9muqw3-max-width-tablet, var(--9muqw3-max-width, 100%)); height: if(style(--9muqw3-position-tablet: absolute): var(--9muqw3-height-tablet,var(--9muqw3-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--9muqw3-position-mobile, var(--9muqw3-position-tablet, var(--9muqw3-position, relative))); top: var(--9muqw3-top-mobile, var(--9muqw3-top-tablet, var(--9muqw3-top, auto))); right: var(--9muqw3-right-mobile, var(--9muqw3-right-tablet, var(--9muqw3-right, auto))); bottom: var(--9muqw3-bottom-mobile, var(--9muqw3-bottom-tablet, var(--9muqw3-bottom, auto))); left: var(--9muqw3-left-mobile, var(--9muqw3-left-tablet, var(--9muqw3-left, auto))); transform: var(--9muqw3-transform-mobile, var(--9muqw3-transform-tablet, var(--9muqw3-transform, none))); z-index: var(--9muqw3-z-index-mobile, var(--9muqw3-z-index-tablet, var(--9muqw3-z-index, 10))); aspect-ratio: var(--9muqw3-background-imageRatio-mobile, var(--9muqw3-background-imageRatio, auto)); border-width: var(--9muqw3-borderWidth-tl-mobile, var(--9muqw3-borderWidth-tl,0px)) var(--9muqw3-borderWidth-tr-mobile,var(--9muqw3-borderWidth-tr,0px)) var(--9muqw3-borderWidth-br-mobile,var(--9muqw3-borderWidth-br,0px)) var(--9muqw3-borderWidth-bl-mobile,var(--9muqw3-borderWidth-bl,0px)); border-radius: var(--9muqw3-borderRadius-tl-mobile,var(--9muqw3-borderRadius-tl,0px)) var(--9muqw3-borderRadius-tr-mobile,var(--9muqw3-borderRadius-tr,0px)) var(--9muqw3-borderRadius-br-mobile,var(--9muqw3-borderRadius-br,0px)) var(--9muqw3-borderRadius-bl-mobile,var(--9muqw3-borderRadius-bl,0px)); max-width: var(--9muqw3-max-width-mobile, var(--9muqw3-max-width, 100%)); height: if(style(--9muqw3-position-mobile: absolute): var(--9muqw3-height-mobile,var(--9muqw3-height-tablet,,var(--9muqw3-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--9muqw3-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--9muqw3-gap,var(--beae-card-gap)); padding-top: var(--9muqw3-padding-top,var(--beae-card-padding)); padding-right: var(--9muqw3-padding-right,var(--beae-card-padding)); padding-bottom: var(--9muqw3-padding-bottom,var(--beae-card-padding)); padding-left: var(--9muqw3-padding-left,var(--beae-card-padding)); border-width: var(--9muqw3-borderWidth-tl,var(--beae-card-border-width)) var(--9muqw3-borderWidth-tr,var(--beae-card-border-width)) var(--9muqw3-borderWidth-br,var(--beae-card-border-width)) var(--9muqw3-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--9muqw3-borderRadius-tl,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-tr,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-br,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--9muqw3-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--9muqw3-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--9muqw3-gap-tablet,var(--beae-card-gap)); padding-top: var(--9muqw3-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--9muqw3-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--9muqw3-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--9muqw3-padding-left-tablet,var(--beae-card-padding)); border-width: var(--9muqw3-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--9muqw3-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--9muqw3-borderWidth-br-desktop,var(--beae-card-border-width)) var(--9muqw3-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--9muqw3-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--9muqw3-gap-mobile,var(--beae-card-gap)); padding-top: var(--9muqw3-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--9muqw3-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--9muqw3-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--9muqw3-padding-left-mobile,var(--beae-card-padding)); border-width: var(--9muqw3-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--9muqw3-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--9muqw3-borderWidth-br-mobile,var(--beae-card-border-width)) var(--9muqw3-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--9muqw3-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--9muqw3-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--9muqw3-background-color,var(--beae-card-featured-background)); border-color: var(--9muqw3-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--9muqw3-shadowHorizontal, var(--beae-card-shadow-x)) var(--9muqw3-shadowVertical, var(--beae-card-shadow-y)) var(--9muqw3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9muqw3-shadowColor, var(--beae-card-featured-shadow-color)) var(--9muqw3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--9muqw3-background-color,var(--beae-card-prod-background)); border-color: var(--9muqw3-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--9muqw3-shadowHorizontal, var(--beae-card-shadow-x)) var(--9muqw3-shadowVertical, var(--beae-card-shadow-y)) var(--9muqw3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9muqw3-shadowColor, var(--beae-card-prod-shadow-color)) var(--9muqw3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--9muqw3-background-color,var(--beae-card-pricing-background)); border-color: var(--9muqw3-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--9muqw3-shadowHorizontal, var(--beae-card-shadow-x)) var(--9muqw3-shadowVertical, var(--beae-card-shadow-y)) var(--9muqw3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9muqw3-shadowColor, var(--beae-card-pricing-shadow-color)) var(--9muqw3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--9muqw3-background-color,var(--beae-card-cta-background)); border-color: var(--9muqw3-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--9muqw3-shadowHorizontal, var(--beae-card-shadow-x)) var(--9muqw3-shadowVertical, var(--beae-card-shadow-y)) var(--9muqw3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9muqw3-shadowColor, var(--beae-card-cta-shadow-color)) var(--9muqw3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-9muqw3"] {     display: flex;     flex-direction: var(--9muqw3-direction, column);     flex-wrap: nowrap;     justify-content: var(--9muqw3-justify-content);     align-items: var(--9muqw3-align-items);     gap: var(--9muqw3-gap, var(--9muqw3-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(--9muqw3-padding-right, 0px) - var(--9muqw3-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--9muqw3-padding-right, 0px) - var(--9muqw3-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--9muqw3-padding-right, 0px) - var(--9muqw3-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9muqw3"] {                            gap: var(--9muqw3-gap-tablet, var(--9muqw3-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(50.00% - var(--9muqw3-padding-right-tablet, 0px) - var(--9muqw3-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--9muqw3-padding-right-tablet, 0px) - var(--9muqw3-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--9muqw3-padding-right-tablet, 0px) - var(--9muqw3-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-9muqw3"] {      flex-direction: var(--9muqw3-direction-mobile, column);                      gap: var(--9muqw3-gap-mobile, var(--9muqw3-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-cebm1n"] { --cebm1n-width: 100%; --cebm1n-width-tablet: 100%; --cebm1n-width-mobile: 100%; --cebm1n-imageRatio: 1/1; --cebm1n-imageRatio-tablet: 1/1; --cebm1n-imageRatio-mobile: 1/1; --cebm1n-objFit: cover; --cebm1n-objFit-tablet: cover; --cebm1n-objFit-mobile: cover; --cebm1n-borderColor: #000000; --cebm1n-borderColor-tablet: #000000; --cebm1n-borderColor-mobile: #000000; --cebm1n-shadowColor: #000000; --cebm1n-shadowColor-tablet: #000000; --cebm1n-shadowColor-mobile: #000000; --cebm1n-borderStyle: none; --cebm1n-borderStyle-tablet: none; --cebm1n-borderStyle-mobile: none; --cebm1n-enableShadow: false; --cebm1n-enableShadow-tablet: false; --cebm1n-enableShadow-mobile: false; --cebm1n-borderRadius-tl: 16px; --cebm1n-borderRadius-tl-tablet: 16px; --cebm1n-borderRadius-tl-mobile: 16px; --cebm1n-borderRadius-tr: 16px; --cebm1n-borderRadius-tr-tablet: 16px; --cebm1n-borderRadius-tr-mobile: 16px; --cebm1n-borderRadius-bl: 16px; --cebm1n-borderRadius-bl-tablet: 16px; --cebm1n-borderRadius-bl-mobile: 16px; --cebm1n-borderRadius-br: 16px; --cebm1n-borderRadius-br-tablet: 16px; --cebm1n-borderRadius-br-mobile: 16px; }[data-bnode="beae-cebm1n"] { margin-top: var(--cebm1n-margin-top, 0px); margin-right: var(--cebm1n-margin-right, 0px); margin-bottom: var(--cebm1n-margin-bottom, 0px); margin-left: var(--cebm1n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cebm1n-margin-top-tablet, 0px); margin-right: var(--cebm1n-margin-right-tablet, 0px); margin-bottom: var(--cebm1n-margin-bottom-tablet, 0px); margin-left: var(--cebm1n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cebm1n-margin-top-mobile, 0px); margin-right: var(--cebm1n-margin-right-mobile, 0px); margin-bottom: var(--cebm1n-margin-bottom-mobile, 0px); margin-left: var(--cebm1n-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--cebm1n-width,100%) - var(--cebm1n-margin-left,0px) - var(--cebm1n-margin-right,0px)); min-height: min-content; border-color: var(--cebm1n-borderColor,var(--beae-card-media-border-color)); border-style: var(--cebm1n-borderStyle,solid); border-width: var(--cebm1n-borderWidth-tl,var(--beae-card-border-width)) var(--cebm1n-borderWidth-tr,var(--beae-card-border-width)) var(--cebm1n-borderWidth-br,var(--beae-card-border-width)) var(--cebm1n-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--cebm1n-borderRadius-tl,var(--beae-card-border-radius)) var(--cebm1n-borderRadius-tr,var(--beae-card-border-radius)) var(--cebm1n-borderRadius-br,var(--beae-card-border-radius)) var(--cebm1n-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--cebm1n-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--cebm1n-borderWidth-tl-tablet, var(--cebm1n-borderWidth-tl,var(--beae-card-border-width))) var(--cebm1n-borderWidth-tr-tablet, var(--cebm1n-borderWidth-tr,var(--beae-card-border-width))) var(--cebm1n-borderWidth-br-tablet, var(--cebm1n-borderWidth-br,var(--beae-card-border-width))) var(--cebm1n-borderWidth-bl-tablet, var(--cebm1n-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--cebm1n-borderRadius-tl-tablet, var(--cebm1n-borderRadius-tl,var(--beae-card-border-radius))) var(--cebm1n-borderRadius-tr-tablet, var(--cebm1n-borderRadius-tr,var(--beae-card-border-radius))) var(--cebm1n-borderRadius-br-tablet, var(--cebm1n-borderRadius-br,var(--beae-card-border-radius))) var(--cebm1n-borderRadius-bl-tablet, var(--cebm1n-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--cebm1n-borderWidth-tl-mobile, var(--cebm1n-borderWidth-tl,var(--beae-card-border-width))) var(--cebm1n-borderWidth-tr-mobile, var(--cebm1n-borderWidth-tr,var(--beae-card-border-width))) var(--cebm1n-borderWidth-br-mobile, var(--cebm1n-borderWidth-br,var(--beae-card-border-width))) var(--cebm1n-borderWidth-bl-mobile, var(--cebm1n-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--cebm1n-borderRadius-tl-mobile, var(--cebm1n-borderRadius-tl,var(--beae-card-border-radius))) var(--cebm1n-borderRadius-tr-mobile, var(--cebm1n-borderRadius-tr,var(--beae-card-border-radius))) var(--cebm1n-borderRadius-br-mobile, var(--cebm1n-borderRadius-br,var(--beae-card-border-radius))) var(--cebm1n-borderRadius-bl-mobile, var(--cebm1n-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--cebm1n-shadowHorizontal, var(--beae-card-shadow-x)) var(--cebm1n-shadowVertical, var(--beae-card-shadow-y)) var(--cebm1n-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cebm1n-shadowColor, var(--beae-card-media-shadow-color)) var(--cebm1n-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--cebm1n-overlayColor-color, #000); opacity: var(--cebm1n-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--cebm1n-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--cebm1n-width-tablet,var(--cebm1n-width,100%)) - var(--cebm1n-margin-left-tablet,var(--cebm1n-margin-left,0px)) - var(--cebm1n-margin-right-tablet,var(--cebm1n-margin-right,0px))); aspect-ratio: var(--cebm1n-imageRatio-tablet, var(--cebm1n-imageRatio, auto)); img { object-fit: var(--cebm1n-objFit-tablet, var(--cebm1n-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--cebm1n-width-mobile,var(--cebm1n-width,100%)) - var(--cebm1n-margin-left-mobile,var(--cebm1n-margin-left,0px)) - var(--cebm1n-margin-right-mobile,var(--cebm1n-margin-right,0px))); aspect-ratio: var(--cebm1n-imageRatio-mobile, var(--cebm1n-imageRatio, auto)); img { object-fit: var(--cebm1n-objFit-mobile, var(--cebm1n-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-xwen9k"] { --xwen9k-padding-top: 48px; --xwen9k-padding-top-tablet: 20px; --xwen9k-padding-top-mobile: 20px; --xwen9k-padding-bottom: 48px; --xwen9k-padding-bottom-tablet: 20px; --xwen9k-padding-bottom-mobile: 20px; --xwen9k-padding-left: 48px; --xwen9k-padding-left-tablet: 20px; --xwen9k-padding-left-mobile: 20px; --xwen9k-padding-right: 48px; --xwen9k-padding-right-tablet: 20px; --xwen9k-padding-right-mobile: 20px; --xwen9k-direction: column; --xwen9k-direction-tablet: column; --xwen9k-direction-mobile: column; --xwen9k-justify-content: center; --xwen9k-justify-content-tablet: center; --xwen9k-justify-content-mobile: center; --xwen9k-align-items: center; --xwen9k-align-items-tablet: center; --xwen9k-align-items-mobile: center; --xwen9k-gap: 8px; --xwen9k-gap-tablet: 8px; --xwen9k-gap-mobile: 8px; --xwen9k-borderRadius: 16px; --xwen9k-borderRadius-tablet: 16px; --xwen9k-borderRadius-mobile: 16px; --xwen9k-backgroundColor: #EBE5DB00; --xwen9k-backgroundColor-tablet: #EBE5DB00; --xwen9k-backgroundColor-mobile: #EBE5DB00; --xwen9k-borderColor: #F2F2F2; --xwen9k-borderColor-tablet: #F2F2F2; --xwen9k-borderColor-mobile: #F2F2F2; --xwen9k-borderStyle: solid; --xwen9k-borderStyle-tablet: solid; --xwen9k-borderStyle-mobile: solid; --xwen9k-borderWidth: 1px; --xwen9k-borderWidth-tablet: 1px; --xwen9k-borderWidth-mobile: 1px; }[data-bnode="beae-xwen9k"] { padding-top: var(--xwen9k-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xwen9k-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xwen9k-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xwen9k-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xwen9k-padding-top-tablet, var(--xwen9k-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xwen9k-padding-right-tablet, var(--xwen9k-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xwen9k-padding-bottom-tablet, var(--xwen9k-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xwen9k-padding-left-tablet, var(--xwen9k-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xwen9k-padding-top-mobile, var(--xwen9k-padding-top-tablet, var(--xwen9k-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xwen9k-padding-right-mobile, var(--xwen9k-padding-right-tablet, var(--xwen9k-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xwen9k-padding-bottom-mobile, var(--xwen9k-padding-bottom-tablet, var(--xwen9k-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xwen9k-padding-left-mobile, var(--xwen9k-padding-left-tablet, var(--xwen9k-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--xwen9k-position, relative); top: var(--xwen9k-top, auto); right: var(--xwen9k-right, auto); bottom: var(--xwen9k-bottom, auto); left: var(--xwen9k-left, auto); transform: var(--xwen9k-transform, none); z-index: var(--xwen9k-z-index, 10); aspect-ratio: var(--xwen9k-background-imageRatio, auto); background: var(--xwen9k-background-color,transparent); border-style: var(--xwen9k-borderStyle,solid); border-color: var(--xwen9k-borderColor,#000000); border-width: var(--xwen9k-borderWidth-tl,0px) var(--xwen9k-borderWidth-tr,0px) var(--xwen9k-borderWidth-br,0px) var(--xwen9k-borderWidth-bl,0px); border-radius: var(--xwen9k-borderRadius-tl,0px) var(--xwen9k-borderRadius-tr,0px) var(--xwen9k-borderRadius-br,0px) var(--xwen9k-borderRadius-bl,0px); box-shadow: var(--xwen9k-shadowHorizontal, 0px) var(--xwen9k-shadowVertical, 0px) var(--xwen9k-shadowBlur, 0px) 1px color-mix( in srgb, var(--xwen9k-shadowColor, #000000) var(--xwen9k-shadowTransparent, 0%), transparent ); max-width: var(--xwen9k-max-width, 100%); width: 100%; height: if(style(--xwen9k-position: absolute): var(--xwen9k-height,100%); else: unset ); backdrop-filter:blur(var(--xwen9k-background-blur, none)) saturate(var(--xwen9k-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--xwen9k-position-tablet, var(--xwen9k-position, relative)); top: var(--xwen9k-top-tablet, var(--xwen9k-top, auto)); right: var(--xwen9k-right-tablet, var(--xwen9k-right, auto)); bottom: var(--xwen9k-bottom-tablet, var(--xwen9k-bottom, auto)); left: var(--xwen9k-left-tablet, var(--xwen9k-left, auto)); transform: var(--xwen9k-transform-tablet, var(--xwen9k-transform, none)); z-index: var(--xwen9k-z-index-tablet, var(--xwen9k-z-index, 10)); aspect-ratio: var(--xwen9k-background-imageRatio-tablet, var(--xwen9k-background-imageRatio, auto)); border-width: var(--xwen9k-borderWidth-tl-tablet, var(--xwen9k-borderWidth-tl,0px)) var(--xwen9k-borderWidth-tr-tablet,var(--xwen9k-borderWidth-tr,0px)) var(--xwen9k-borderWidth-br-tablet,var(--xwen9k-borderWidth-br,0px)) var(--xwen9k-borderWidth-bl-tablet,var(--xwen9k-borderWidth-bl,0px)); border-radius: var(--xwen9k-borderRadius-tl-tablet,var(--xwen9k-borderRadius-tl,0px)) var(--xwen9k-borderRadius-tr-tablet,var(--xwen9k-borderRadius-tr,0px)) var(--xwen9k-borderRadius-br-tablet,var(--xwen9k-borderRadius-br,0px)) var(--xwen9k-borderRadius-bl-tablet,var(--xwen9k-borderRadius-bl,0px)); max-width: var(--xwen9k-max-width-tablet, var(--xwen9k-max-width, 100%)); height: if(style(--xwen9k-position-tablet: absolute): var(--xwen9k-height-tablet,var(--xwen9k-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--xwen9k-position-mobile, var(--xwen9k-position-tablet, var(--xwen9k-position, relative))); top: var(--xwen9k-top-mobile, var(--xwen9k-top-tablet, var(--xwen9k-top, auto))); right: var(--xwen9k-right-mobile, var(--xwen9k-right-tablet, var(--xwen9k-right, auto))); bottom: var(--xwen9k-bottom-mobile, var(--xwen9k-bottom-tablet, var(--xwen9k-bottom, auto))); left: var(--xwen9k-left-mobile, var(--xwen9k-left-tablet, var(--xwen9k-left, auto))); transform: var(--xwen9k-transform-mobile, var(--xwen9k-transform-tablet, var(--xwen9k-transform, none))); z-index: var(--xwen9k-z-index-mobile, var(--xwen9k-z-index-tablet, var(--xwen9k-z-index, 10))); aspect-ratio: var(--xwen9k-background-imageRatio-mobile, var(--xwen9k-background-imageRatio, auto)); border-width: var(--xwen9k-borderWidth-tl-mobile, var(--xwen9k-borderWidth-tl,0px)) var(--xwen9k-borderWidth-tr-mobile,var(--xwen9k-borderWidth-tr,0px)) var(--xwen9k-borderWidth-br-mobile,var(--xwen9k-borderWidth-br,0px)) var(--xwen9k-borderWidth-bl-mobile,var(--xwen9k-borderWidth-bl,0px)); border-radius: var(--xwen9k-borderRadius-tl-mobile,var(--xwen9k-borderRadius-tl,0px)) var(--xwen9k-borderRadius-tr-mobile,var(--xwen9k-borderRadius-tr,0px)) var(--xwen9k-borderRadius-br-mobile,var(--xwen9k-borderRadius-br,0px)) var(--xwen9k-borderRadius-bl-mobile,var(--xwen9k-borderRadius-bl,0px)); max-width: var(--xwen9k-max-width-mobile, var(--xwen9k-max-width, 100%)); height: if(style(--xwen9k-position-mobile: absolute): var(--xwen9k-height-mobile,var(--xwen9k-height-tablet,,var(--xwen9k-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xwen9k-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--xwen9k-gap,var(--beae-card-gap)); padding-top: var(--xwen9k-padding-top,var(--beae-card-padding)); padding-right: var(--xwen9k-padding-right,var(--beae-card-padding)); padding-bottom: var(--xwen9k-padding-bottom,var(--beae-card-padding)); padding-left: var(--xwen9k-padding-left,var(--beae-card-padding)); border-width: var(--xwen9k-borderWidth-tl,var(--beae-card-border-width)) var(--xwen9k-borderWidth-tr,var(--beae-card-border-width)) var(--xwen9k-borderWidth-br,var(--beae-card-border-width)) var(--xwen9k-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xwen9k-borderRadius-tl,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-tr,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-br,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--xwen9k-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--xwen9k-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--xwen9k-gap-tablet,var(--beae-card-gap)); padding-top: var(--xwen9k-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xwen9k-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xwen9k-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xwen9k-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xwen9k-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xwen9k-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xwen9k-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xwen9k-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xwen9k-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--xwen9k-gap-mobile,var(--beae-card-gap)); padding-top: var(--xwen9k-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xwen9k-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xwen9k-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xwen9k-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xwen9k-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xwen9k-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xwen9k-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xwen9k-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xwen9k-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xwen9k-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xwen9k-background-color,var(--beae-card-featured-background)); border-color: var(--xwen9k-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--xwen9k-shadowHorizontal, var(--beae-card-shadow-x)) var(--xwen9k-shadowVertical, var(--beae-card-shadow-y)) var(--xwen9k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xwen9k-shadowColor, var(--beae-card-featured-shadow-color)) var(--xwen9k-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--xwen9k-background-color,var(--beae-card-prod-background)); border-color: var(--xwen9k-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--xwen9k-shadowHorizontal, var(--beae-card-shadow-x)) var(--xwen9k-shadowVertical, var(--beae-card-shadow-y)) var(--xwen9k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xwen9k-shadowColor, var(--beae-card-prod-shadow-color)) var(--xwen9k-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--xwen9k-background-color,var(--beae-card-pricing-background)); border-color: var(--xwen9k-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--xwen9k-shadowHorizontal, var(--beae-card-shadow-x)) var(--xwen9k-shadowVertical, var(--beae-card-shadow-y)) var(--xwen9k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xwen9k-shadowColor, var(--beae-card-pricing-shadow-color)) var(--xwen9k-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--xwen9k-background-color,var(--beae-card-cta-background)); border-color: var(--xwen9k-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--xwen9k-shadowHorizontal, var(--beae-card-shadow-x)) var(--xwen9k-shadowVertical, var(--beae-card-shadow-y)) var(--xwen9k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xwen9k-shadowColor, var(--beae-card-cta-shadow-color)) var(--xwen9k-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-xwen9k"] {     display: flex;     flex-direction: var(--xwen9k-direction, column);     flex-wrap: nowrap;     justify-content: var(--xwen9k-justify-content);     align-items: var(--xwen9k-align-items);     gap: var(--xwen9k-gap, var(--xwen9k-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xwen9k"] {                 justify-content: var(--xwen9k-justify-content-tablet, inherit);           gap: var(--xwen9k-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--xwen9k-padding-right-tablet, 0px) - var(--xwen9k-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xwen9k"] {                            gap: var(--xwen9k-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--xwen9k-padding-right-mobile, 0px) - var(--xwen9k-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-vcr7yx"] { --vcr7yx-typography: h1; --vcr7yx-typography-tablet: h1; --vcr7yx-typography-mobile: h1; --beae-h1-text-align: center; }[data-bnode="beae-vcr7yx"] { margin-top: var(--vcr7yx-margin-top, 0px); margin-right: var(--vcr7yx-margin-right, 0px); margin-bottom: var(--vcr7yx-margin-bottom, 0px); margin-left: var(--vcr7yx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vcr7yx-margin-top-tablet, 0px); margin-right: var(--vcr7yx-margin-right-tablet, 0px); margin-bottom: var(--vcr7yx-margin-bottom-tablet, 0px); margin-left: var(--vcr7yx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vcr7yx-margin-top-mobile, 0px); margin-right: var(--vcr7yx-margin-right-mobile, 0px); margin-bottom: var(--vcr7yx-margin-bottom-mobile, 0px); margin-left: var(--vcr7yx-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--vcr7yx-highlightColor,var(--beae-p-color)); top: var(--vcr7yx-highlightTop, 100%); } }[data-bnode="beae-qr2wff"] { --qr2wff-typography: p; --qr2wff-typography-tablet: p; --qr2wff-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-qr2wff"] { margin-top: var(--qr2wff-margin-top, 0px); margin-right: var(--qr2wff-margin-right, 0px); margin-bottom: var(--qr2wff-margin-bottom, 0px); margin-left: var(--qr2wff-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qr2wff-margin-top-tablet, 0px); margin-right: var(--qr2wff-margin-right-tablet, 0px); margin-bottom: var(--qr2wff-margin-bottom-tablet, 0px); margin-left: var(--qr2wff-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qr2wff-margin-top-mobile, 0px); margin-right: var(--qr2wff-margin-right-mobile, 0px); margin-bottom: var(--qr2wff-margin-bottom-mobile, 0px); margin-left: var(--qr2wff-margin-left-mobile, 0px); } }[data-bnode="beae-kn3f49"] { --kn3f49-iconWidth: 20px; --kn3f49-iconWidth-tablet: 20px; --kn3f49-iconWidth-mobile: 20px; --kn3f49-iconGap: 5px; --kn3f49-iconGap-tablet: 5px; --kn3f49-iconGap-mobile: 5px; --kn3f49-stylePreset: pr; --kn3f49-stylePreset-tablet: pr; --kn3f49-stylePreset-mobile: pr; --kn3f49-transform: none; --kn3f49-transform-tablet: none; --kn3f49-transform-mobile: none; --kn3f49-margin-top: 16px; --kn3f49-margin-top-tablet: 16px; --kn3f49-margin-top-mobile: 16px; --kn3f49-margin-right: 0px; --kn3f49-margin-right-tablet: 0px; --kn3f49-margin-right-mobile: 0px; --kn3f49-margin-bottom: 0px; --kn3f49-margin-bottom-tablet: 0px; --kn3f49-margin-bottom-mobile: 0px; --kn3f49-margin-left: 0px; --kn3f49-margin-left-tablet: 0px; --kn3f49-margin-left-mobile: 0px; --kn3f49-width: fill; --kn3f49-width-tablet: fill; --kn3f49-width-mobile: fill; --kn3f49-button: pr; --kn3f49-button-tablet: pr; --kn3f49-button-mobile: pr; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; }[data-bnode="beae-kn3f49"] { margin-top: var(--kn3f49-margin-top, 0px); margin-right: var(--kn3f49-margin-right, 0px); margin-bottom: var(--kn3f49-margin-bottom, 0px); margin-left: var(--kn3f49-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kn3f49-margin-top-tablet, 0px); margin-right: var(--kn3f49-margin-right-tablet, 0px); margin-bottom: var(--kn3f49-margin-bottom-tablet, 0px); margin-left: var(--kn3f49-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kn3f49-margin-top-mobile, 0px); margin-right: var(--kn3f49-margin-right-mobile, 0px); margin-bottom: var(--kn3f49-margin-bottom-mobile, 0px); margin-left: var(--kn3f49-margin-left-mobile, 0px); } &{ gap:var(--kn3f49-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--kn3f49-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--kn3f49-bgBtnHover)) * 1%)); style(--kn3f49-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--kn3f49-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--kn3f49-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--kn3f49-labelBtnHover)) * 1%)); style(--kn3f49-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--kn3f49-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--kn3f49-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--kn3f49-borderBtnHover)) * 1%)); style(--kn3f49-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--kn3f49-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--kn3f49-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--kn3f49-bgBtnHover)) * 1%)); style(--kn3f49-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--kn3f49-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--kn3f49-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--kn3f49-labelBtnHover)) * 1%)); style(--kn3f49-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--kn3f49-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--kn3f49-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--kn3f49-borderBtnHover)) * 1%)); style(--kn3f49-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--kn3f49-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--kn3f49-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--kn3f49-labelBtnHover)) * 1%)); style(--kn3f49-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--kn3f49-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--kn3f49-iconWidth); } svg { width: var(--kn3f49-iconWidth,20px); min-width: var(--kn3f49-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--kn3f49-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--kn3f49-iconWidth-tablet, var(--kn3f49-iconWidth)); } svg { width: var(--kn3f49-iconWidth-tablet, var(--kn3f49-iconWidth)); min-width: var(--kn3f49-iconWidth-tablet, var(--kn3f49-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--kn3f49-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--kn3f49-iconWidth-mobile, var(--kn3f49-iconWidth)); } svg { width: var(--kn3f49-iconWidth-mobile, var(--kn3f49-iconWidth)); min-width: var(--kn3f49-iconWidth-mobile, var(--kn3f49-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-38lctc"] { --38lctc-direction: column; --38lctc-direction-tablet: row; --38lctc-direction-mobile: column; --38lctc-align-items: stretch; --38lctc-align-items-tablet: stretch; --38lctc-align-items-mobile: stretch; --38lctc-gap: 24px; --38lctc-gap-tablet: 20px; --38lctc-gap-mobile: 20px; --38lctc-columns: 50,50; --38lctc-columns-tablet: 50.00,50.00; --38lctc-columns-mobile: 50.00,50.00; --38lctc-columnsPresetId: 50.00,50.00; --38lctc-columnsPresetId-tablet: 50.00,50.00; --38lctc-columnsPresetId-mobile: 50.00,50.00; --38lctc-grow-1-child: 50; --38lctc-grow-1-child-tablet: 50; --38lctc-grow-1-child-mobile: 50; --38lctc-grow-2-child: 50; --38lctc-grow-2-child-tablet: 50; --38lctc-grow-2-child-mobile: 50; --38lctc-justify-content: flex-start; --38lctc-justify-content-tablet: flex-start; --38lctc-justify-content-mobile: flex-start; --38lctc-padding-top: 0px; --38lctc-padding-top-tablet: 36px; --38lctc-padding-top-mobile: 0px; --38lctc-padding-right: 0px; --38lctc-padding-right-tablet: 0px; --38lctc-padding-right-mobile: 0px; --38lctc-padding-bottom: 0px; --38lctc-padding-bottom-tablet: 36px; --38lctc-padding-bottom-mobile: 0px; --38lctc-padding-left: 0px; --38lctc-padding-left-tablet: 0px; --38lctc-padding-left-mobile: 0px; --38lctc-structure-tablet: columns; --38lctc-structure-mobile: columns; }[data-bnode="beae-38lctc"] { padding-top: var(--38lctc-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--38lctc-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--38lctc-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--38lctc-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--38lctc-padding-top-tablet, var(--38lctc-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--38lctc-padding-right-tablet, var(--38lctc-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--38lctc-padding-bottom-tablet, var(--38lctc-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--38lctc-padding-left-tablet, var(--38lctc-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--38lctc-padding-top-mobile, var(--38lctc-padding-top-tablet, var(--38lctc-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--38lctc-padding-right-mobile, var(--38lctc-padding-right-tablet, var(--38lctc-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--38lctc-padding-bottom-mobile, var(--38lctc-padding-bottom-tablet, var(--38lctc-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--38lctc-padding-left-mobile, var(--38lctc-padding-left-tablet, var(--38lctc-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--38lctc-position, relative); top: var(--38lctc-top, auto); right: var(--38lctc-right, auto); bottom: var(--38lctc-bottom, auto); left: var(--38lctc-left, auto); transform: var(--38lctc-transform, none); z-index: var(--38lctc-z-index, 10); aspect-ratio: var(--38lctc-background-imageRatio, auto); background: var(--38lctc-background-color,transparent); border-style: var(--38lctc-borderStyle,solid); border-color: var(--38lctc-borderColor,#000000); border-width: var(--38lctc-borderWidth-tl,0px) var(--38lctc-borderWidth-tr,0px) var(--38lctc-borderWidth-br,0px) var(--38lctc-borderWidth-bl,0px); border-radius: var(--38lctc-borderRadius-tl,0px) var(--38lctc-borderRadius-tr,0px) var(--38lctc-borderRadius-br,0px) var(--38lctc-borderRadius-bl,0px); box-shadow: var(--38lctc-shadowHorizontal, 0px) var(--38lctc-shadowVertical, 0px) var(--38lctc-shadowBlur, 0px) 1px color-mix( in srgb, var(--38lctc-shadowColor, #000000) var(--38lctc-shadowTransparent, 0%), transparent ); max-width: var(--38lctc-max-width, 100%); width: 100%; height: if(style(--38lctc-position: absolute): var(--38lctc-height,100%); else: unset ); backdrop-filter:blur(var(--38lctc-background-blur, none)) saturate(var(--38lctc-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--38lctc-position-tablet, var(--38lctc-position, relative)); top: var(--38lctc-top-tablet, var(--38lctc-top, auto)); right: var(--38lctc-right-tablet, var(--38lctc-right, auto)); bottom: var(--38lctc-bottom-tablet, var(--38lctc-bottom, auto)); left: var(--38lctc-left-tablet, var(--38lctc-left, auto)); transform: var(--38lctc-transform-tablet, var(--38lctc-transform, none)); z-index: var(--38lctc-z-index-tablet, var(--38lctc-z-index, 10)); aspect-ratio: var(--38lctc-background-imageRatio-tablet, var(--38lctc-background-imageRatio, auto)); border-width: var(--38lctc-borderWidth-tl-tablet, var(--38lctc-borderWidth-tl,0px)) var(--38lctc-borderWidth-tr-tablet,var(--38lctc-borderWidth-tr,0px)) var(--38lctc-borderWidth-br-tablet,var(--38lctc-borderWidth-br,0px)) var(--38lctc-borderWidth-bl-tablet,var(--38lctc-borderWidth-bl,0px)); border-radius: var(--38lctc-borderRadius-tl-tablet,var(--38lctc-borderRadius-tl,0px)) var(--38lctc-borderRadius-tr-tablet,var(--38lctc-borderRadius-tr,0px)) var(--38lctc-borderRadius-br-tablet,var(--38lctc-borderRadius-br,0px)) var(--38lctc-borderRadius-bl-tablet,var(--38lctc-borderRadius-bl,0px)); max-width: var(--38lctc-max-width-tablet, var(--38lctc-max-width, 100%)); height: if(style(--38lctc-position-tablet: absolute): var(--38lctc-height-tablet,var(--38lctc-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--38lctc-position-mobile, var(--38lctc-position-tablet, var(--38lctc-position, relative))); top: var(--38lctc-top-mobile, var(--38lctc-top-tablet, var(--38lctc-top, auto))); right: var(--38lctc-right-mobile, var(--38lctc-right-tablet, var(--38lctc-right, auto))); bottom: var(--38lctc-bottom-mobile, var(--38lctc-bottom-tablet, var(--38lctc-bottom, auto))); left: var(--38lctc-left-mobile, var(--38lctc-left-tablet, var(--38lctc-left, auto))); transform: var(--38lctc-transform-mobile, var(--38lctc-transform-tablet, var(--38lctc-transform, none))); z-index: var(--38lctc-z-index-mobile, var(--38lctc-z-index-tablet, var(--38lctc-z-index, 10))); aspect-ratio: var(--38lctc-background-imageRatio-mobile, var(--38lctc-background-imageRatio, auto)); border-width: var(--38lctc-borderWidth-tl-mobile, var(--38lctc-borderWidth-tl,0px)) var(--38lctc-borderWidth-tr-mobile,var(--38lctc-borderWidth-tr,0px)) var(--38lctc-borderWidth-br-mobile,var(--38lctc-borderWidth-br,0px)) var(--38lctc-borderWidth-bl-mobile,var(--38lctc-borderWidth-bl,0px)); border-radius: var(--38lctc-borderRadius-tl-mobile,var(--38lctc-borderRadius-tl,0px)) var(--38lctc-borderRadius-tr-mobile,var(--38lctc-borderRadius-tr,0px)) var(--38lctc-borderRadius-br-mobile,var(--38lctc-borderRadius-br,0px)) var(--38lctc-borderRadius-bl-mobile,var(--38lctc-borderRadius-bl,0px)); max-width: var(--38lctc-max-width-mobile, var(--38lctc-max-width, 100%)); height: if(style(--38lctc-position-mobile: absolute): var(--38lctc-height-mobile,var(--38lctc-height-tablet,,var(--38lctc-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--38lctc-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--38lctc-gap,var(--beae-card-gap)); padding-top: var(--38lctc-padding-top,var(--beae-card-padding)); padding-right: var(--38lctc-padding-right,var(--beae-card-padding)); padding-bottom: var(--38lctc-padding-bottom,var(--beae-card-padding)); padding-left: var(--38lctc-padding-left,var(--beae-card-padding)); border-width: var(--38lctc-borderWidth-tl,var(--beae-card-border-width)) var(--38lctc-borderWidth-tr,var(--beae-card-border-width)) var(--38lctc-borderWidth-br,var(--beae-card-border-width)) var(--38lctc-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--38lctc-borderRadius-tl,var(--beae-card-border-radius)) var(--38lctc-borderRadius-tr,var(--beae-card-border-radius)) var(--38lctc-borderRadius-br,var(--beae-card-border-radius)) var(--38lctc-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--38lctc-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--38lctc-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--38lctc-gap-tablet,var(--beae-card-gap)); padding-top: var(--38lctc-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--38lctc-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--38lctc-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--38lctc-padding-left-tablet,var(--beae-card-padding)); border-width: var(--38lctc-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--38lctc-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--38lctc-borderWidth-br-desktop,var(--beae-card-border-width)) var(--38lctc-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--38lctc-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--38lctc-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--38lctc-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--38lctc-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--38lctc-gap-mobile,var(--beae-card-gap)); padding-top: var(--38lctc-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--38lctc-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--38lctc-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--38lctc-padding-left-mobile,var(--beae-card-padding)); border-width: var(--38lctc-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--38lctc-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--38lctc-borderWidth-br-mobile,var(--beae-card-border-width)) var(--38lctc-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--38lctc-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--38lctc-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--38lctc-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--38lctc-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--38lctc-background-color,var(--beae-card-featured-background)); border-color: var(--38lctc-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--38lctc-shadowHorizontal, var(--beae-card-shadow-x)) var(--38lctc-shadowVertical, var(--beae-card-shadow-y)) var(--38lctc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--38lctc-shadowColor, var(--beae-card-featured-shadow-color)) var(--38lctc-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--38lctc-background-color,var(--beae-card-prod-background)); border-color: var(--38lctc-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--38lctc-shadowHorizontal, var(--beae-card-shadow-x)) var(--38lctc-shadowVertical, var(--beae-card-shadow-y)) var(--38lctc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--38lctc-shadowColor, var(--beae-card-prod-shadow-color)) var(--38lctc-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--38lctc-background-color,var(--beae-card-pricing-background)); border-color: var(--38lctc-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--38lctc-shadowHorizontal, var(--beae-card-shadow-x)) var(--38lctc-shadowVertical, var(--beae-card-shadow-y)) var(--38lctc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--38lctc-shadowColor, var(--beae-card-pricing-shadow-color)) var(--38lctc-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--38lctc-background-color,var(--beae-card-cta-background)); border-color: var(--38lctc-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--38lctc-shadowHorizontal, var(--beae-card-shadow-x)) var(--38lctc-shadowVertical, var(--beae-card-shadow-y)) var(--38lctc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--38lctc-shadowColor, var(--beae-card-cta-shadow-color)) var(--38lctc-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-38lctc"] {     display: flex;     flex-direction: var(--38lctc-direction, column);     flex-wrap: nowrap;     justify-content: var(--38lctc-justify-content);     align-items: var(--38lctc-align-items);     gap: var(--38lctc-gap, var(--38lctc-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-38lctc"] {      flex-direction: var(--38lctc-direction-tablet, column);           justify-content: var(--38lctc-justify-content-tablet, inherit);           gap: var(--38lctc-gap-tablet, var(--38lctc-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(50.00% - var(--38lctc-padding-right-tablet, 0px) - var(--38lctc-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--38lctc-padding-right-tablet, 0px) - var(--38lctc-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--38lctc-padding-right-tablet, 0px) - var(--38lctc-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-38lctc"] {      flex-direction: var(--38lctc-direction-mobile, column);                      gap: var(--38lctc-gap-mobile, var(--38lctc-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-17dtij"] { --17dtij-width: 100%; --17dtij-width-tablet: 100%; --17dtij-width-mobile: 100%; --17dtij-imageRatio: 21/9; --17dtij-imageRatio-tablet: 21/9; --17dtij-imageRatio-mobile: 21/9; --17dtij-objFit: cover; --17dtij-objFit-tablet: cover; --17dtij-objFit-mobile: cover; --17dtij-borderColor: #000000; --17dtij-borderColor-tablet: #000000; --17dtij-borderColor-mobile: #000000; --17dtij-shadowColor: #000000; --17dtij-shadowColor-tablet: #000000; --17dtij-shadowColor-mobile: #000000; --17dtij-borderStyle: none; --17dtij-borderStyle-tablet: none; --17dtij-borderStyle-mobile: none; --17dtij-enableShadow: false; --17dtij-enableShadow-tablet: false; --17dtij-enableShadow-mobile: false; --17dtij-borderRadius-tl: 16px; --17dtij-borderRadius-tl-tablet: 16px; --17dtij-borderRadius-tl-mobile: 16px; --17dtij-borderRadius-tr: 16px; --17dtij-borderRadius-tr-tablet: 16px; --17dtij-borderRadius-tr-mobile: 16px; --17dtij-borderRadius-bl: 16px; --17dtij-borderRadius-bl-tablet: 16px; --17dtij-borderRadius-bl-mobile: 16px; --17dtij-borderRadius-br: 16px; --17dtij-borderRadius-br-tablet: 16px; --17dtij-borderRadius-br-mobile: 16px; }[data-bnode="beae-17dtij"] { margin-top: var(--17dtij-margin-top, 0px); margin-right: var(--17dtij-margin-right, 0px); margin-bottom: var(--17dtij-margin-bottom, 0px); margin-left: var(--17dtij-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--17dtij-margin-top-tablet, 0px); margin-right: var(--17dtij-margin-right-tablet, 0px); margin-bottom: var(--17dtij-margin-bottom-tablet, 0px); margin-left: var(--17dtij-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--17dtij-margin-top-mobile, 0px); margin-right: var(--17dtij-margin-right-mobile, 0px); margin-bottom: var(--17dtij-margin-bottom-mobile, 0px); margin-left: var(--17dtij-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--17dtij-width,100%) - var(--17dtij-margin-left,0px) - var(--17dtij-margin-right,0px)); min-height: min-content; border-color: var(--17dtij-borderColor,var(--beae-card-media-border-color)); border-style: var(--17dtij-borderStyle,solid); border-width: var(--17dtij-borderWidth-tl,var(--beae-card-border-width)) var(--17dtij-borderWidth-tr,var(--beae-card-border-width)) var(--17dtij-borderWidth-br,var(--beae-card-border-width)) var(--17dtij-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--17dtij-borderRadius-tl,var(--beae-card-border-radius)) var(--17dtij-borderRadius-tr,var(--beae-card-border-radius)) var(--17dtij-borderRadius-br,var(--beae-card-border-radius)) var(--17dtij-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--17dtij-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--17dtij-borderWidth-tl-tablet, var(--17dtij-borderWidth-tl,var(--beae-card-border-width))) var(--17dtij-borderWidth-tr-tablet, var(--17dtij-borderWidth-tr,var(--beae-card-border-width))) var(--17dtij-borderWidth-br-tablet, var(--17dtij-borderWidth-br,var(--beae-card-border-width))) var(--17dtij-borderWidth-bl-tablet, var(--17dtij-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--17dtij-borderRadius-tl-tablet, var(--17dtij-borderRadius-tl,var(--beae-card-border-radius))) var(--17dtij-borderRadius-tr-tablet, var(--17dtij-borderRadius-tr,var(--beae-card-border-radius))) var(--17dtij-borderRadius-br-tablet, var(--17dtij-borderRadius-br,var(--beae-card-border-radius))) var(--17dtij-borderRadius-bl-tablet, var(--17dtij-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--17dtij-borderWidth-tl-mobile, var(--17dtij-borderWidth-tl,var(--beae-card-border-width))) var(--17dtij-borderWidth-tr-mobile, var(--17dtij-borderWidth-tr,var(--beae-card-border-width))) var(--17dtij-borderWidth-br-mobile, var(--17dtij-borderWidth-br,var(--beae-card-border-width))) var(--17dtij-borderWidth-bl-mobile, var(--17dtij-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--17dtij-borderRadius-tl-mobile, var(--17dtij-borderRadius-tl,var(--beae-card-border-radius))) var(--17dtij-borderRadius-tr-mobile, var(--17dtij-borderRadius-tr,var(--beae-card-border-radius))) var(--17dtij-borderRadius-br-mobile, var(--17dtij-borderRadius-br,var(--beae-card-border-radius))) var(--17dtij-borderRadius-bl-mobile, var(--17dtij-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--17dtij-shadowHorizontal, var(--beae-card-shadow-x)) var(--17dtij-shadowVertical, var(--beae-card-shadow-y)) var(--17dtij-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--17dtij-shadowColor, var(--beae-card-media-shadow-color)) var(--17dtij-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--17dtij-overlayColor-color, #000); opacity: var(--17dtij-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--17dtij-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--17dtij-width-tablet,var(--17dtij-width,100%)) - var(--17dtij-margin-left-tablet,var(--17dtij-margin-left,0px)) - var(--17dtij-margin-right-tablet,var(--17dtij-margin-right,0px))); aspect-ratio: var(--17dtij-imageRatio-tablet, var(--17dtij-imageRatio, auto)); img { object-fit: var(--17dtij-objFit-tablet, var(--17dtij-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--17dtij-width-mobile,var(--17dtij-width,100%)) - var(--17dtij-margin-left-mobile,var(--17dtij-margin-left,0px)) - var(--17dtij-margin-right-mobile,var(--17dtij-margin-right,0px))); aspect-ratio: var(--17dtij-imageRatio-mobile, var(--17dtij-imageRatio, auto)); img { object-fit: var(--17dtij-objFit-mobile, var(--17dtij-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-1hy6sw"] { --1hy6sw-width: 100%; --1hy6sw-width-tablet: 100%; --1hy6sw-width-mobile: 100%; --1hy6sw-imageRatio: 21/9; --1hy6sw-imageRatio-tablet: 21/9; --1hy6sw-imageRatio-mobile: 21/9; --1hy6sw-objFit: cover; --1hy6sw-objFit-tablet: cover; --1hy6sw-objFit-mobile: cover; --1hy6sw-borderColor: #000000; --1hy6sw-borderColor-tablet: #000000; --1hy6sw-borderColor-mobile: #000000; --1hy6sw-shadowColor: #000000; --1hy6sw-shadowColor-tablet: #000000; --1hy6sw-shadowColor-mobile: #000000; --1hy6sw-borderStyle: none; --1hy6sw-borderStyle-tablet: none; --1hy6sw-borderStyle-mobile: none; --1hy6sw-enableShadow: false; --1hy6sw-enableShadow-tablet: false; --1hy6sw-enableShadow-mobile: false; --1hy6sw-borderRadius-tl: 16px; --1hy6sw-borderRadius-tl-tablet: 16px; --1hy6sw-borderRadius-tl-mobile: 16px; --1hy6sw-borderRadius-tr: 16px; --1hy6sw-borderRadius-tr-tablet: 16px; --1hy6sw-borderRadius-tr-mobile: 16px; --1hy6sw-borderRadius-bl: 16px; --1hy6sw-borderRadius-bl-tablet: 16px; --1hy6sw-borderRadius-bl-mobile: 16px; --1hy6sw-borderRadius-br: 16px; --1hy6sw-borderRadius-br-tablet: 16px; --1hy6sw-borderRadius-br-mobile: 16px; }[data-bnode="beae-1hy6sw"] { margin-top: var(--1hy6sw-margin-top, 0px); margin-right: var(--1hy6sw-margin-right, 0px); margin-bottom: var(--1hy6sw-margin-bottom, 0px); margin-left: var(--1hy6sw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1hy6sw-margin-top-tablet, 0px); margin-right: var(--1hy6sw-margin-right-tablet, 0px); margin-bottom: var(--1hy6sw-margin-bottom-tablet, 0px); margin-left: var(--1hy6sw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1hy6sw-margin-top-mobile, 0px); margin-right: var(--1hy6sw-margin-right-mobile, 0px); margin-bottom: var(--1hy6sw-margin-bottom-mobile, 0px); margin-left: var(--1hy6sw-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--1hy6sw-width,100%) - var(--1hy6sw-margin-left,0px) - var(--1hy6sw-margin-right,0px)); min-height: min-content; border-color: var(--1hy6sw-borderColor,var(--beae-card-media-border-color)); border-style: var(--1hy6sw-borderStyle,solid); border-width: var(--1hy6sw-borderWidth-tl,var(--beae-card-border-width)) var(--1hy6sw-borderWidth-tr,var(--beae-card-border-width)) var(--1hy6sw-borderWidth-br,var(--beae-card-border-width)) var(--1hy6sw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--1hy6sw-borderRadius-tl,var(--beae-card-border-radius)) var(--1hy6sw-borderRadius-tr,var(--beae-card-border-radius)) var(--1hy6sw-borderRadius-br,var(--beae-card-border-radius)) var(--1hy6sw-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--1hy6sw-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--1hy6sw-borderWidth-tl-tablet, var(--1hy6sw-borderWidth-tl,var(--beae-card-border-width))) var(--1hy6sw-borderWidth-tr-tablet, var(--1hy6sw-borderWidth-tr,var(--beae-card-border-width))) var(--1hy6sw-borderWidth-br-tablet, var(--1hy6sw-borderWidth-br,var(--beae-card-border-width))) var(--1hy6sw-borderWidth-bl-tablet, var(--1hy6sw-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--1hy6sw-borderRadius-tl-tablet, var(--1hy6sw-borderRadius-tl,var(--beae-card-border-radius))) var(--1hy6sw-borderRadius-tr-tablet, var(--1hy6sw-borderRadius-tr,var(--beae-card-border-radius))) var(--1hy6sw-borderRadius-br-tablet, var(--1hy6sw-borderRadius-br,var(--beae-card-border-radius))) var(--1hy6sw-borderRadius-bl-tablet, var(--1hy6sw-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--1hy6sw-borderWidth-tl-mobile, var(--1hy6sw-borderWidth-tl,var(--beae-card-border-width))) var(--1hy6sw-borderWidth-tr-mobile, var(--1hy6sw-borderWidth-tr,var(--beae-card-border-width))) var(--1hy6sw-borderWidth-br-mobile, var(--1hy6sw-borderWidth-br,var(--beae-card-border-width))) var(--1hy6sw-borderWidth-bl-mobile, var(--1hy6sw-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--1hy6sw-borderRadius-tl-mobile, var(--1hy6sw-borderRadius-tl,var(--beae-card-border-radius))) var(--1hy6sw-borderRadius-tr-mobile, var(--1hy6sw-borderRadius-tr,var(--beae-card-border-radius))) var(--1hy6sw-borderRadius-br-mobile, var(--1hy6sw-borderRadius-br,var(--beae-card-border-radius))) var(--1hy6sw-borderRadius-bl-mobile, var(--1hy6sw-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--1hy6sw-shadowHorizontal, var(--beae-card-shadow-x)) var(--1hy6sw-shadowVertical, var(--beae-card-shadow-y)) var(--1hy6sw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1hy6sw-shadowColor, var(--beae-card-media-shadow-color)) var(--1hy6sw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--1hy6sw-overlayColor-color, #000); opacity: var(--1hy6sw-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--1hy6sw-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--1hy6sw-width-tablet,var(--1hy6sw-width,100%)) - var(--1hy6sw-margin-left-tablet,var(--1hy6sw-margin-left,0px)) - var(--1hy6sw-margin-right-tablet,var(--1hy6sw-margin-right,0px))); aspect-ratio: var(--1hy6sw-imageRatio-tablet, var(--1hy6sw-imageRatio, auto)); img { object-fit: var(--1hy6sw-objFit-tablet, var(--1hy6sw-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--1hy6sw-width-mobile,var(--1hy6sw-width,100%)) - var(--1hy6sw-margin-left-mobile,var(--1hy6sw-margin-left,0px)) - var(--1hy6sw-margin-right-mobile,var(--1hy6sw-margin-right,0px))); aspect-ratio: var(--1hy6sw-imageRatio-mobile, var(--1hy6sw-imageRatio, auto)); img { object-fit: var(--1hy6sw-objFit-mobile, var(--1hy6sw-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }