/** 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-rfp2g6"] { --rfp2g6-width: var(--beae-section-width); --rfp2g6-width-tablet: var(--beae-section-width); --rfp2g6-width-mobile: var(--beae-section-width); --rfp2g6-height: fit-content; --rfp2g6-height-tablet: fit-content; --rfp2g6-height-mobile: fit-content; --rfp2g6-direction: column; --rfp2g6-direction-tablet: column; --rfp2g6-direction-mobile: column; --rfp2g6-structure: columns; --rfp2g6-structure-tablet: columns; --rfp2g6-structure-mobile: columns; --rfp2g6-padding-top: 8px; --rfp2g6-padding-top-tablet: 8px; --rfp2g6-padding-top-mobile: 2px; --rfp2g6-padding-bottom: 8px; --rfp2g6-padding-bottom-tablet: 8px; --rfp2g6-padding-bottom-mobile: 2px; --rfp2g6-padding-right: 40px; --rfp2g6-padding-right-tablet: 40px; --rfp2g6-padding-right-mobile: 20px; --rfp2g6-padding-left: 40px; --rfp2g6-padding-left-tablet: 40px; --rfp2g6-padding-left-mobile: 20px; --rfp2g6-align-items: flex-start; --rfp2g6-align-items-tablet: flex-start; --rfp2g6-align-items-mobile: flex-start; }[data-bnode="beae-rfp2g6"] { padding-top: var(--rfp2g6-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--rfp2g6-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--rfp2g6-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--rfp2g6-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rfp2g6-padding-top-tablet, var(--rfp2g6-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--rfp2g6-padding-right-tablet, var(--rfp2g6-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--rfp2g6-padding-bottom-tablet, var(--rfp2g6-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--rfp2g6-padding-left-tablet, var(--rfp2g6-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rfp2g6-padding-top-mobile, var(--rfp2g6-padding-top-tablet, var(--rfp2g6-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--rfp2g6-padding-right-mobile, var(--rfp2g6-padding-right-tablet, var(--rfp2g6-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--rfp2g6-padding-bottom-mobile, var(--rfp2g6-padding-bottom-tablet, var(--rfp2g6-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--rfp2g6-padding-left-mobile, var(--rfp2g6-padding-left-tablet, var(--rfp2g6-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--rfp2g6-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--rfp2g6-height); width: 100%; max-width: var(--rfp2g6-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(--rfp2g6-height-tablet, auto); width: 100%; max-width: var(--rfp2g6-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--rfp2g6-height-mobile, auto); width: 100%; max-width: var(--rfp2g6-width-mobile, 100%); } } } }[data-bnode="beae-rfp2g6"] > .beae-section-container{     display: flex;     flex-direction: var(--rfp2g6-direction, column);     flex-wrap: nowrap;     justify-content: var(--rfp2g6-justify-content);     align-items: var(--rfp2g6-align-items);     gap: var(--rfp2g6-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rfp2g6"] > .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(--rfp2g6-padding-right-tablet, 0px) - var(--rfp2g6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rfp2g6"] > .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(--rfp2g6-padding-right-mobile, 0px) - var(--rfp2g6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-n0am0f"] { --n0am0f-gap: 8px; --n0am0f-gap-tablet: 8px; --n0am0f-gap-mobile: 8px; --n0am0f-position: relative; --n0am0f-position-tablet: relative; --n0am0f-position-mobile: relative; }[data-bnode="beae-n0am0f"] { padding-top: var(--n0am0f-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--n0am0f-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--n0am0f-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--n0am0f-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--n0am0f-padding-top-tablet, var(--n0am0f-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--n0am0f-padding-right-tablet, var(--n0am0f-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--n0am0f-padding-bottom-tablet, var(--n0am0f-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--n0am0f-padding-left-tablet, var(--n0am0f-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--n0am0f-padding-top-mobile, var(--n0am0f-padding-top-tablet, var(--n0am0f-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--n0am0f-padding-right-mobile, var(--n0am0f-padding-right-tablet, var(--n0am0f-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--n0am0f-padding-bottom-mobile, var(--n0am0f-padding-bottom-tablet, var(--n0am0f-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--n0am0f-padding-left-mobile, var(--n0am0f-padding-left-tablet, var(--n0am0f-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--n0am0f-position, relative); top: var(--n0am0f-top, auto); right: var(--n0am0f-right, auto); bottom: var(--n0am0f-bottom, auto); left: var(--n0am0f-left, auto); transform: var(--n0am0f-transform, none); z-index: var(--n0am0f-z-index, 10); aspect-ratio: var(--n0am0f-background-imageRatio, auto); background: var(--n0am0f-background-color,transparent); border-style: var(--n0am0f-borderStyle,solid); border-color: var(--n0am0f-borderColor,#000000); border-width: var(--n0am0f-borderWidth-tl,0px) var(--n0am0f-borderWidth-tr,0px) var(--n0am0f-borderWidth-br,0px) var(--n0am0f-borderWidth-bl,0px); border-radius: var(--n0am0f-borderRadius-tl,0px) var(--n0am0f-borderRadius-tr,0px) var(--n0am0f-borderRadius-br,0px) var(--n0am0f-borderRadius-bl,0px); box-shadow: var(--n0am0f-shadowHorizontal, 0px) var(--n0am0f-shadowVertical, 0px) var(--n0am0f-shadowBlur, 0px) 1px color-mix( in srgb, var(--n0am0f-shadowColor, #000000) var(--n0am0f-shadowTransparent, 0%), transparent ); max-width: var(--n0am0f-max-width, 100%); width: 100%; height: if(style(--n0am0f-position: absolute): var(--n0am0f-height,100%); else: unset ); backdrop-filter:blur(var(--n0am0f-background-blur, none)) saturate(var(--n0am0f-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--n0am0f-position-tablet, var(--n0am0f-position, relative)); top: var(--n0am0f-top-tablet, var(--n0am0f-top, auto)); right: var(--n0am0f-right-tablet, var(--n0am0f-right, auto)); bottom: var(--n0am0f-bottom-tablet, var(--n0am0f-bottom, auto)); left: var(--n0am0f-left-tablet, var(--n0am0f-left, auto)); transform: var(--n0am0f-transform-tablet, var(--n0am0f-transform, none)); z-index: var(--n0am0f-z-index-tablet, var(--n0am0f-z-index, 10)); aspect-ratio: var(--n0am0f-background-imageRatio-tablet, var(--n0am0f-background-imageRatio, auto)); border-width: var(--n0am0f-borderWidth-tl-tablet, var(--n0am0f-borderWidth-tl,0px)) var(--n0am0f-borderWidth-tr-tablet,var(--n0am0f-borderWidth-tr,0px)) var(--n0am0f-borderWidth-br-tablet,var(--n0am0f-borderWidth-br,0px)) var(--n0am0f-borderWidth-bl-tablet,var(--n0am0f-borderWidth-bl,0px)); border-radius: var(--n0am0f-borderRadius-tl-tablet,var(--n0am0f-borderRadius-tl,0px)) var(--n0am0f-borderRadius-tr-tablet,var(--n0am0f-borderRadius-tr,0px)) var(--n0am0f-borderRadius-br-tablet,var(--n0am0f-borderRadius-br,0px)) var(--n0am0f-borderRadius-bl-tablet,var(--n0am0f-borderRadius-bl,0px)); max-width: var(--n0am0f-max-width-tablet, var(--n0am0f-max-width, 100%)); height: if(style(--n0am0f-position-tablet: absolute): var(--n0am0f-height-tablet,var(--n0am0f-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--n0am0f-position-mobile, var(--n0am0f-position-tablet, var(--n0am0f-position, relative))); top: var(--n0am0f-top-mobile, var(--n0am0f-top-tablet, var(--n0am0f-top, auto))); right: var(--n0am0f-right-mobile, var(--n0am0f-right-tablet, var(--n0am0f-right, auto))); bottom: var(--n0am0f-bottom-mobile, var(--n0am0f-bottom-tablet, var(--n0am0f-bottom, auto))); left: var(--n0am0f-left-mobile, var(--n0am0f-left-tablet, var(--n0am0f-left, auto))); transform: var(--n0am0f-transform-mobile, var(--n0am0f-transform-tablet, var(--n0am0f-transform, none))); z-index: var(--n0am0f-z-index-mobile, var(--n0am0f-z-index-tablet, var(--n0am0f-z-index, 10))); aspect-ratio: var(--n0am0f-background-imageRatio-mobile, var(--n0am0f-background-imageRatio, auto)); border-width: var(--n0am0f-borderWidth-tl-mobile, var(--n0am0f-borderWidth-tl,0px)) var(--n0am0f-borderWidth-tr-mobile,var(--n0am0f-borderWidth-tr,0px)) var(--n0am0f-borderWidth-br-mobile,var(--n0am0f-borderWidth-br,0px)) var(--n0am0f-borderWidth-bl-mobile,var(--n0am0f-borderWidth-bl,0px)); border-radius: var(--n0am0f-borderRadius-tl-mobile,var(--n0am0f-borderRadius-tl,0px)) var(--n0am0f-borderRadius-tr-mobile,var(--n0am0f-borderRadius-tr,0px)) var(--n0am0f-borderRadius-br-mobile,var(--n0am0f-borderRadius-br,0px)) var(--n0am0f-borderRadius-bl-mobile,var(--n0am0f-borderRadius-bl,0px)); max-width: var(--n0am0f-max-width-mobile, var(--n0am0f-max-width, 100%)); height: if(style(--n0am0f-position-mobile: absolute): var(--n0am0f-height-mobile,var(--n0am0f-height-tablet,,var(--n0am0f-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--n0am0f-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--n0am0f-gap,var(--beae-card-gap)); padding-top: var(--n0am0f-padding-top,var(--beae-card-padding)); padding-right: var(--n0am0f-padding-right,var(--beae-card-padding)); padding-bottom: var(--n0am0f-padding-bottom,var(--beae-card-padding)); padding-left: var(--n0am0f-padding-left,var(--beae-card-padding)); border-width: var(--n0am0f-borderWidth-tl,var(--beae-card-border-width)) var(--n0am0f-borderWidth-tr,var(--beae-card-border-width)) var(--n0am0f-borderWidth-br,var(--beae-card-border-width)) var(--n0am0f-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--n0am0f-borderRadius-tl,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-tr,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-br,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--n0am0f-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--n0am0f-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--n0am0f-gap-tablet,var(--beae-card-gap)); padding-top: var(--n0am0f-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--n0am0f-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--n0am0f-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--n0am0f-padding-left-tablet,var(--beae-card-padding)); border-width: var(--n0am0f-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--n0am0f-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--n0am0f-borderWidth-br-desktop,var(--beae-card-border-width)) var(--n0am0f-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--n0am0f-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--n0am0f-gap-mobile,var(--beae-card-gap)); padding-top: var(--n0am0f-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--n0am0f-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--n0am0f-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--n0am0f-padding-left-mobile,var(--beae-card-padding)); border-width: var(--n0am0f-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--n0am0f-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--n0am0f-borderWidth-br-mobile,var(--beae-card-border-width)) var(--n0am0f-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--n0am0f-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--n0am0f-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--n0am0f-background-color,var(--beae-card-featured-background)); border-color: var(--n0am0f-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--n0am0f-shadowHorizontal, var(--beae-card-shadow-x)) var(--n0am0f-shadowVertical, var(--beae-card-shadow-y)) var(--n0am0f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n0am0f-shadowColor, var(--beae-card-featured-shadow-color)) var(--n0am0f-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--n0am0f-background-color,var(--beae-card-prod-background)); border-color: var(--n0am0f-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--n0am0f-shadowHorizontal, var(--beae-card-shadow-x)) var(--n0am0f-shadowVertical, var(--beae-card-shadow-y)) var(--n0am0f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n0am0f-shadowColor, var(--beae-card-prod-shadow-color)) var(--n0am0f-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--n0am0f-background-color,var(--beae-card-pricing-background)); border-color: var(--n0am0f-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--n0am0f-shadowHorizontal, var(--beae-card-shadow-x)) var(--n0am0f-shadowVertical, var(--beae-card-shadow-y)) var(--n0am0f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n0am0f-shadowColor, var(--beae-card-pricing-shadow-color)) var(--n0am0f-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--n0am0f-background-color,var(--beae-card-cta-background)); border-color: var(--n0am0f-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--n0am0f-shadowHorizontal, var(--beae-card-shadow-x)) var(--n0am0f-shadowVertical, var(--beae-card-shadow-y)) var(--n0am0f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n0am0f-shadowColor, var(--beae-card-cta-shadow-color)) var(--n0am0f-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-n0am0f"] {     display: flex;     flex-direction: var(--n0am0f-direction, column);     flex-wrap: nowrap;     justify-content: var(--n0am0f-justify-content);     align-items: var(--n0am0f-align-items);     gap: var(--n0am0f-gap, var(--n0am0f-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-n0am0f"] {                            gap: var(--n0am0f-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(--n0am0f-padding-right-tablet, 0px) - var(--n0am0f-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-n0am0f"] {                            gap: var(--n0am0f-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(--n0am0f-padding-right-mobile, 0px) - var(--n0am0f-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-9ca15e"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: center; --9ca15e-typography: p; --9ca15e-typography-tablet: p; --9ca15e-typography-mobile: p; --beae-p-text-align: center; --beae-p-font-weight: 500; }[data-bnode="beae-9ca15e"] { margin-top: var(--9ca15e-margin-top, 0px); margin-right: var(--9ca15e-margin-right, 0px); margin-bottom: var(--9ca15e-margin-bottom, 0px); margin-left: var(--9ca15e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9ca15e-margin-top-tablet, 0px); margin-right: var(--9ca15e-margin-right-tablet, 0px); margin-bottom: var(--9ca15e-margin-bottom-tablet, 0px); margin-left: var(--9ca15e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9ca15e-margin-top-mobile, 0px); margin-right: var(--9ca15e-margin-right-mobile, 0px); margin-bottom: var(--9ca15e-margin-bottom-mobile, 0px); margin-left: var(--9ca15e-margin-left-mobile, 0px); } }[data-bnode="beae-zlhk3y"] { --zlhk3y-typography: h1; --zlhk3y-typography-tablet: h1; --zlhk3y-typography-mobile: h1; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; --beae-h1-text-align: center; --beae-h1-font-weight: 700; }[data-bnode="beae-zlhk3y"] { margin-top: var(--zlhk3y-margin-top, 0px); margin-right: var(--zlhk3y-margin-right, 0px); margin-bottom: var(--zlhk3y-margin-bottom, 0px); margin-left: var(--zlhk3y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zlhk3y-margin-top-tablet, 0px); margin-right: var(--zlhk3y-margin-right-tablet, 0px); margin-bottom: var(--zlhk3y-margin-bottom-tablet, 0px); margin-left: var(--zlhk3y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zlhk3y-margin-top-mobile, 0px); margin-right: var(--zlhk3y-margin-right-mobile, 0px); margin-bottom: var(--zlhk3y-margin-bottom-mobile, 0px); margin-left: var(--zlhk3y-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--zlhk3y-highlightColor,var(--beae-p-color)); top: var(--zlhk3y-highlightTop, 100%); } }[data-bnode="beae-2v5w94"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: center; --2v5w94-typography: p; --2v5w94-typography-tablet: p; --2v5w94-typography-mobile: p; --beae-p-text-align: center; --beae-p-font-size: 40px; --beae-p-font-weight: 400; --beae-p-font-size-mobile: 23px; }[data-bnode="beae-2v5w94"] { margin-top: var(--2v5w94-margin-top, 0px); margin-right: var(--2v5w94-margin-right, 0px); margin-bottom: var(--2v5w94-margin-bottom, 0px); margin-left: var(--2v5w94-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2v5w94-margin-top-tablet, 0px); margin-right: var(--2v5w94-margin-right-tablet, 0px); margin-bottom: var(--2v5w94-margin-bottom-tablet, 0px); margin-left: var(--2v5w94-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2v5w94-margin-top-mobile, 0px); margin-right: var(--2v5w94-margin-right-mobile, 0px); margin-bottom: var(--2v5w94-margin-bottom-mobile, 0px); margin-left: var(--2v5w94-margin-left-mobile, 0px); } &{ a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; } } }[data-bnode="beae-gp61zt"] { --gp61zt-width: var(--beae-section-width); --gp61zt-width-tablet: var(--beae-section-width); --gp61zt-width-mobile: var(--beae-section-width); --gp61zt-height: fit-content; --gp61zt-height-tablet: fit-content; --gp61zt-height-mobile: fit-content; --gp61zt-direction: row; --gp61zt-direction-tablet: row; --gp61zt-direction-mobile: row; --gp61zt-structure: columns; --gp61zt-structure-tablet: columns; --gp61zt-structure-mobile: columns; --gp61zt-padding-top: 0px; --gp61zt-padding-top-tablet: 0px; --gp61zt-padding-top-mobile: 0px; --gp61zt-padding-right: 384px; --gp61zt-padding-right-tablet: 384px; --gp61zt-padding-right-mobile: 0px; --gp61zt-padding-bottom: 0px; --gp61zt-padding-bottom-tablet: 0px; --gp61zt-padding-bottom-mobile: 0px; --gp61zt-padding-left: 384px; --gp61zt-padding-left-tablet: 384px; --gp61zt-padding-left-mobile: 0px; }[data-bnode="beae-gp61zt"] { padding-top: var(--gp61zt-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--gp61zt-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--gp61zt-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--gp61zt-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gp61zt-padding-top-tablet, var(--gp61zt-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--gp61zt-padding-right-tablet, var(--gp61zt-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--gp61zt-padding-bottom-tablet, var(--gp61zt-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--gp61zt-padding-left-tablet, var(--gp61zt-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gp61zt-padding-top-mobile, var(--gp61zt-padding-top-tablet, var(--gp61zt-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--gp61zt-padding-right-mobile, var(--gp61zt-padding-right-tablet, var(--gp61zt-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--gp61zt-padding-bottom-mobile, var(--gp61zt-padding-bottom-tablet, var(--gp61zt-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--gp61zt-padding-left-mobile, var(--gp61zt-padding-left-tablet, var(--gp61zt-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--gp61zt-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--gp61zt-height); width: 100%; max-width: var(--gp61zt-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(--gp61zt-height-tablet, auto); width: 100%; max-width: var(--gp61zt-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--gp61zt-height-mobile, auto); width: 100%; max-width: var(--gp61zt-width-mobile, 100%); } } } }[data-bnode="beae-gp61zt"] > .beae-section-container{     display: flex;     flex-direction: var(--gp61zt-direction, column);     flex-wrap: nowrap;     justify-content: var(--gp61zt-justify-content);     align-items: var(--gp61zt-align-items);     gap: var(--gp61zt-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--gp61zt-padding-right, 0px) - var(--gp61zt-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gp61zt"] > .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(--gp61zt-padding-right-tablet, 0px) - var(--gp61zt-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gp61zt"] > .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(--gp61zt-padding-right-mobile, 0px) - var(--gp61zt-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ksug0r"] { --ksug0r-padding-top: 0px; --ksug0r-padding-top-tablet: 0px; --ksug0r-padding-top-mobile: 0px; --ksug0r-padding-right: 0px; --ksug0r-padding-right-tablet: 0px; --ksug0r-padding-right-mobile: 0px; --ksug0r-padding-bottom: 0px; --ksug0r-padding-bottom-tablet: 0px; --ksug0r-padding-bottom-mobile: 0px; --ksug0r-padding-left: 0px; --ksug0r-padding-left-tablet: 0px; --ksug0r-padding-left-mobile: 0px; --ksug0r-direction-mobile: column; --ksug0r-justify-content-mobile: center; --ksug0r-align-items-mobile: center; }[data-bnode="beae-ksug0r"] { padding-top: var(--ksug0r-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ksug0r-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ksug0r-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ksug0r-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ksug0r-padding-top-tablet, var(--ksug0r-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ksug0r-padding-right-tablet, var(--ksug0r-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ksug0r-padding-bottom-tablet, var(--ksug0r-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ksug0r-padding-left-tablet, var(--ksug0r-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ksug0r-padding-top-mobile, var(--ksug0r-padding-top-tablet, var(--ksug0r-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ksug0r-padding-right-mobile, var(--ksug0r-padding-right-tablet, var(--ksug0r-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ksug0r-padding-bottom-mobile, var(--ksug0r-padding-bottom-tablet, var(--ksug0r-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ksug0r-padding-left-mobile, var(--ksug0r-padding-left-tablet, var(--ksug0r-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ksug0r-position, relative); top: var(--ksug0r-top, auto); right: var(--ksug0r-right, auto); bottom: var(--ksug0r-bottom, auto); left: var(--ksug0r-left, auto); transform: var(--ksug0r-transform, none); z-index: var(--ksug0r-z-index, 10); aspect-ratio: var(--ksug0r-background-imageRatio, auto); background: var(--ksug0r-background-color,transparent); border-style: var(--ksug0r-borderStyle,solid); border-color: var(--ksug0r-borderColor,#000000); border-width: var(--ksug0r-borderWidth-tl,0px) var(--ksug0r-borderWidth-tr,0px) var(--ksug0r-borderWidth-br,0px) var(--ksug0r-borderWidth-bl,0px); border-radius: var(--ksug0r-borderRadius-tl,0px) var(--ksug0r-borderRadius-tr,0px) var(--ksug0r-borderRadius-br,0px) var(--ksug0r-borderRadius-bl,0px); box-shadow: var(--ksug0r-shadowHorizontal, 0px) var(--ksug0r-shadowVertical, 0px) var(--ksug0r-shadowBlur, 0px) 1px color-mix( in srgb, var(--ksug0r-shadowColor, #000000) var(--ksug0r-shadowTransparent, 0%), transparent ); max-width: var(--ksug0r-max-width, 100%); width: 100%; height: if(style(--ksug0r-position: absolute): var(--ksug0r-height,100%); else: unset ); backdrop-filter:blur(var(--ksug0r-background-blur, none)) saturate(var(--ksug0r-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ksug0r-position-tablet, var(--ksug0r-position, relative)); top: var(--ksug0r-top-tablet, var(--ksug0r-top, auto)); right: var(--ksug0r-right-tablet, var(--ksug0r-right, auto)); bottom: var(--ksug0r-bottom-tablet, var(--ksug0r-bottom, auto)); left: var(--ksug0r-left-tablet, var(--ksug0r-left, auto)); transform: var(--ksug0r-transform-tablet, var(--ksug0r-transform, none)); z-index: var(--ksug0r-z-index-tablet, var(--ksug0r-z-index, 10)); aspect-ratio: var(--ksug0r-background-imageRatio-tablet, var(--ksug0r-background-imageRatio, auto)); border-width: var(--ksug0r-borderWidth-tl-tablet, var(--ksug0r-borderWidth-tl,0px)) var(--ksug0r-borderWidth-tr-tablet,var(--ksug0r-borderWidth-tr,0px)) var(--ksug0r-borderWidth-br-tablet,var(--ksug0r-borderWidth-br,0px)) var(--ksug0r-borderWidth-bl-tablet,var(--ksug0r-borderWidth-bl,0px)); border-radius: var(--ksug0r-borderRadius-tl-tablet,var(--ksug0r-borderRadius-tl,0px)) var(--ksug0r-borderRadius-tr-tablet,var(--ksug0r-borderRadius-tr,0px)) var(--ksug0r-borderRadius-br-tablet,var(--ksug0r-borderRadius-br,0px)) var(--ksug0r-borderRadius-bl-tablet,var(--ksug0r-borderRadius-bl,0px)); max-width: var(--ksug0r-max-width-tablet, var(--ksug0r-max-width, 100%)); height: if(style(--ksug0r-position-tablet: absolute): var(--ksug0r-height-tablet,var(--ksug0r-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ksug0r-position-mobile, var(--ksug0r-position-tablet, var(--ksug0r-position, relative))); top: var(--ksug0r-top-mobile, var(--ksug0r-top-tablet, var(--ksug0r-top, auto))); right: var(--ksug0r-right-mobile, var(--ksug0r-right-tablet, var(--ksug0r-right, auto))); bottom: var(--ksug0r-bottom-mobile, var(--ksug0r-bottom-tablet, var(--ksug0r-bottom, auto))); left: var(--ksug0r-left-mobile, var(--ksug0r-left-tablet, var(--ksug0r-left, auto))); transform: var(--ksug0r-transform-mobile, var(--ksug0r-transform-tablet, var(--ksug0r-transform, none))); z-index: var(--ksug0r-z-index-mobile, var(--ksug0r-z-index-tablet, var(--ksug0r-z-index, 10))); aspect-ratio: var(--ksug0r-background-imageRatio-mobile, var(--ksug0r-background-imageRatio, auto)); border-width: var(--ksug0r-borderWidth-tl-mobile, var(--ksug0r-borderWidth-tl,0px)) var(--ksug0r-borderWidth-tr-mobile,var(--ksug0r-borderWidth-tr,0px)) var(--ksug0r-borderWidth-br-mobile,var(--ksug0r-borderWidth-br,0px)) var(--ksug0r-borderWidth-bl-mobile,var(--ksug0r-borderWidth-bl,0px)); border-radius: var(--ksug0r-borderRadius-tl-mobile,var(--ksug0r-borderRadius-tl,0px)) var(--ksug0r-borderRadius-tr-mobile,var(--ksug0r-borderRadius-tr,0px)) var(--ksug0r-borderRadius-br-mobile,var(--ksug0r-borderRadius-br,0px)) var(--ksug0r-borderRadius-bl-mobile,var(--ksug0r-borderRadius-bl,0px)); max-width: var(--ksug0r-max-width-mobile, var(--ksug0r-max-width, 100%)); height: if(style(--ksug0r-position-mobile: absolute): var(--ksug0r-height-mobile,var(--ksug0r-height-tablet,,var(--ksug0r-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ksug0r-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ksug0r-gap,var(--beae-card-gap)); padding-top: var(--ksug0r-padding-top,var(--beae-card-padding)); padding-right: var(--ksug0r-padding-right,var(--beae-card-padding)); padding-bottom: var(--ksug0r-padding-bottom,var(--beae-card-padding)); padding-left: var(--ksug0r-padding-left,var(--beae-card-padding)); border-width: var(--ksug0r-borderWidth-tl,var(--beae-card-border-width)) var(--ksug0r-borderWidth-tr,var(--beae-card-border-width)) var(--ksug0r-borderWidth-br,var(--beae-card-border-width)) var(--ksug0r-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ksug0r-borderRadius-tl,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-tr,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-br,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ksug0r-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ksug0r-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ksug0r-gap-tablet,var(--beae-card-gap)); padding-top: var(--ksug0r-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ksug0r-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ksug0r-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ksug0r-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ksug0r-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ksug0r-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ksug0r-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ksug0r-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ksug0r-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ksug0r-gap-mobile,var(--beae-card-gap)); padding-top: var(--ksug0r-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ksug0r-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ksug0r-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ksug0r-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ksug0r-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ksug0r-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ksug0r-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ksug0r-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ksug0r-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ksug0r-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ksug0r-background-color,var(--beae-card-featured-background)); border-color: var(--ksug0r-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ksug0r-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksug0r-shadowVertical, var(--beae-card-shadow-y)) var(--ksug0r-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksug0r-shadowColor, var(--beae-card-featured-shadow-color)) var(--ksug0r-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ksug0r-background-color,var(--beae-card-prod-background)); border-color: var(--ksug0r-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ksug0r-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksug0r-shadowVertical, var(--beae-card-shadow-y)) var(--ksug0r-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksug0r-shadowColor, var(--beae-card-prod-shadow-color)) var(--ksug0r-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ksug0r-background-color,var(--beae-card-pricing-background)); border-color: var(--ksug0r-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ksug0r-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksug0r-shadowVertical, var(--beae-card-shadow-y)) var(--ksug0r-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksug0r-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ksug0r-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ksug0r-background-color,var(--beae-card-cta-background)); border-color: var(--ksug0r-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ksug0r-shadowHorizontal, var(--beae-card-shadow-x)) var(--ksug0r-shadowVertical, var(--beae-card-shadow-y)) var(--ksug0r-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ksug0r-shadowColor, var(--beae-card-cta-shadow-color)) var(--ksug0r-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ksug0r"] {     display: flex;     flex-direction: var(--ksug0r-direction, column);     flex-wrap: nowrap;     justify-content: var(--ksug0r-justify-content);     align-items: var(--ksug0r-align-items);     gap: var(--ksug0r-gap, var(--ksug0r-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ksug0r"] {                            gap: var(--ksug0r-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(--ksug0r-padding-right-tablet, 0px) - var(--ksug0r-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ksug0r"] {      flex-direction: var(--ksug0r-direction-mobile, column);           justify-content: var(--ksug0r-justify-content-mobile, inherit);      align-items: var(--ksug0r-align-items-mobile, inherit);      gap: var(--ksug0r-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-p8k1tg"] { --p8k1tg-width: 100%; --p8k1tg-width-tablet: 100%; --p8k1tg-width-mobile: 80%; --p8k1tg-imageRatio: auto; --p8k1tg-imageRatio-tablet: auto; --p8k1tg-imageRatio-mobile: auto; --p8k1tg-objFit: cover; --p8k1tg-objFit-tablet: cover; --p8k1tg-objFit-mobile: cover; --p8k1tg-borderStyle: none; --p8k1tg-borderStyle-tablet: none; --p8k1tg-borderStyle-mobile: none; --p8k1tg-margin-top-mobile: 0px; --p8k1tg-margin-right-mobile: 0px; --p8k1tg-margin-bottom-mobile: 1px; --p8k1tg-margin-left-mobile: 0px; }[data-bnode="beae-p8k1tg"] { margin-top: var(--p8k1tg-margin-top, 0px); margin-right: var(--p8k1tg-margin-right, 0px); margin-bottom: var(--p8k1tg-margin-bottom, 0px); margin-left: var(--p8k1tg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p8k1tg-margin-top-tablet, 0px); margin-right: var(--p8k1tg-margin-right-tablet, 0px); margin-bottom: var(--p8k1tg-margin-bottom-tablet, 0px); margin-left: var(--p8k1tg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p8k1tg-margin-top-mobile, 0px); margin-right: var(--p8k1tg-margin-right-mobile, 0px); margin-bottom: var(--p8k1tg-margin-bottom-mobile, 0px); margin-left: var(--p8k1tg-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--p8k1tg-width,100%) - var(--p8k1tg-margin-left,0px) - var(--p8k1tg-margin-right,0px)); min-height: min-content; border-color: var(--p8k1tg-borderColor,var(--beae-card-media-border-color)); border-style: var(--p8k1tg-borderStyle,solid); border-width: var(--p8k1tg-borderWidth-tl,var(--beae-card-border-width)) var(--p8k1tg-borderWidth-tr,var(--beae-card-border-width)) var(--p8k1tg-borderWidth-br,var(--beae-card-border-width)) var(--p8k1tg-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p8k1tg-borderRadius-tl,var(--beae-card-border-radius)) var(--p8k1tg-borderRadius-tr,var(--beae-card-border-radius)) var(--p8k1tg-borderRadius-br,var(--beae-card-border-radius)) var(--p8k1tg-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--p8k1tg-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--p8k1tg-borderWidth-tl-tablet, var(--p8k1tg-borderWidth-tl,var(--beae-card-border-width))) var(--p8k1tg-borderWidth-tr-tablet, var(--p8k1tg-borderWidth-tr,var(--beae-card-border-width))) var(--p8k1tg-borderWidth-br-tablet, var(--p8k1tg-borderWidth-br,var(--beae-card-border-width))) var(--p8k1tg-borderWidth-bl-tablet, var(--p8k1tg-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--p8k1tg-borderRadius-tl-tablet, var(--p8k1tg-borderRadius-tl,var(--beae-card-border-radius))) var(--p8k1tg-borderRadius-tr-tablet, var(--p8k1tg-borderRadius-tr,var(--beae-card-border-radius))) var(--p8k1tg-borderRadius-br-tablet, var(--p8k1tg-borderRadius-br,var(--beae-card-border-radius))) var(--p8k1tg-borderRadius-bl-tablet, var(--p8k1tg-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--p8k1tg-borderWidth-tl-mobile, var(--p8k1tg-borderWidth-tl,var(--beae-card-border-width))) var(--p8k1tg-borderWidth-tr-mobile, var(--p8k1tg-borderWidth-tr,var(--beae-card-border-width))) var(--p8k1tg-borderWidth-br-mobile, var(--p8k1tg-borderWidth-br,var(--beae-card-border-width))) var(--p8k1tg-borderWidth-bl-mobile, var(--p8k1tg-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--p8k1tg-borderRadius-tl-mobile, var(--p8k1tg-borderRadius-tl,var(--beae-card-border-radius))) var(--p8k1tg-borderRadius-tr-mobile, var(--p8k1tg-borderRadius-tr,var(--beae-card-border-radius))) var(--p8k1tg-borderRadius-br-mobile, var(--p8k1tg-borderRadius-br,var(--beae-card-border-radius))) var(--p8k1tg-borderRadius-bl-mobile, var(--p8k1tg-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--p8k1tg-shadowHorizontal, var(--beae-card-shadow-x)) var(--p8k1tg-shadowVertical, var(--beae-card-shadow-y)) var(--p8k1tg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p8k1tg-shadowColor, var(--beae-card-media-shadow-color)) var(--p8k1tg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--p8k1tg-overlayColor-color, #000); opacity: var(--p8k1tg-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--p8k1tg-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--p8k1tg-width-tablet,var(--p8k1tg-width,100%)) - var(--p8k1tg-margin-left-tablet,var(--p8k1tg-margin-left,0px)) - var(--p8k1tg-margin-right-tablet,var(--p8k1tg-margin-right,0px))); aspect-ratio: var(--p8k1tg-imageRatio-tablet, var(--p8k1tg-imageRatio, auto)); img { object-fit: var(--p8k1tg-objFit-tablet, var(--p8k1tg-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--p8k1tg-width-mobile,var(--p8k1tg-width,100%)) - var(--p8k1tg-margin-left-mobile,var(--p8k1tg-margin-left,0px)) - var(--p8k1tg-margin-right-mobile,var(--p8k1tg-margin-right,0px))); aspect-ratio: var(--p8k1tg-imageRatio-mobile, var(--p8k1tg-imageRatio, auto)); img { object-fit: var(--p8k1tg-objFit-mobile, var(--p8k1tg-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-pi5nx0"] { --pi5nx0-width: var(--beae-section-width); --pi5nx0-width-tablet: var(--beae-section-width); --pi5nx0-width-mobile: var(--beae-section-width); --pi5nx0-height: fit-content; --pi5nx0-height-tablet: fit-content; --pi5nx0-height-mobile: fit-content; --pi5nx0-direction: row; --pi5nx0-direction-tablet: row; --pi5nx0-direction-mobile: column; --pi5nx0-structure: columns; --pi5nx0-structure-tablet: columns; --pi5nx0-structure-mobile: columns; --pi5nx0-padding-top: 8px; --pi5nx0-padding-top-tablet: 8px; --pi5nx0-padding-top-mobile: 8px; --pi5nx0-padding-right: 40px; --pi5nx0-padding-right-tablet: 40px; --pi5nx0-padding-right-mobile: 40px; --pi5nx0-padding-bottom: 8px; --pi5nx0-padding-bottom-tablet: 8px; --pi5nx0-padding-bottom-mobile: 8px; --pi5nx0-padding-left: 40px; --pi5nx0-padding-left-tablet: 40px; --pi5nx0-padding-left-mobile: 40px; }[data-bnode="beae-pi5nx0"] { padding-top: var(--pi5nx0-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--pi5nx0-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--pi5nx0-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--pi5nx0-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pi5nx0-padding-top-tablet, var(--pi5nx0-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--pi5nx0-padding-right-tablet, var(--pi5nx0-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--pi5nx0-padding-bottom-tablet, var(--pi5nx0-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--pi5nx0-padding-left-tablet, var(--pi5nx0-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pi5nx0-padding-top-mobile, var(--pi5nx0-padding-top-tablet, var(--pi5nx0-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--pi5nx0-padding-right-mobile, var(--pi5nx0-padding-right-tablet, var(--pi5nx0-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--pi5nx0-padding-bottom-mobile, var(--pi5nx0-padding-bottom-tablet, var(--pi5nx0-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--pi5nx0-padding-left-mobile, var(--pi5nx0-padding-left-tablet, var(--pi5nx0-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--pi5nx0-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--pi5nx0-height); width: 100%; max-width: var(--pi5nx0-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(--pi5nx0-height-tablet, auto); width: 100%; max-width: var(--pi5nx0-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--pi5nx0-height-mobile, auto); width: 100%; max-width: var(--pi5nx0-width-mobile, 100%); } } } }[data-bnode="beae-pi5nx0"] > .beae-section-container{     display: flex;     flex-direction: var(--pi5nx0-direction, column);     flex-wrap: nowrap;     justify-content: var(--pi5nx0-justify-content);     align-items: var(--pi5nx0-align-items);     gap: var(--pi5nx0-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--pi5nx0-padding-right, 0px) - var(--pi5nx0-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pi5nx0"] > .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(--pi5nx0-padding-right-tablet, 0px) - var(--pi5nx0-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pi5nx0"] > .beae-section-container{      flex-direction: var(--pi5nx0-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-x3y0sw"] { --x3y0sw-padding-top: 0px; --x3y0sw-padding-top-tablet: 0px; --x3y0sw-padding-top-mobile: 0px; --x3y0sw-padding-right: 80px; --x3y0sw-padding-right-tablet: 80px; --x3y0sw-padding-right-mobile: 0px; --x3y0sw-padding-bottom: 0px; --x3y0sw-padding-bottom-tablet: 0px; --x3y0sw-padding-bottom-mobile: 0px; --x3y0sw-padding-left: 80px; --x3y0sw-padding-left-tablet: 80px; --x3y0sw-padding-left-mobile: 0px; --x3y0sw-max-width: 100%; --x3y0sw-max-width-tablet: 100%; }[data-bnode="beae-x3y0sw"] { padding-top: var(--x3y0sw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--x3y0sw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--x3y0sw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--x3y0sw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--x3y0sw-padding-top-tablet, var(--x3y0sw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--x3y0sw-padding-right-tablet, var(--x3y0sw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--x3y0sw-padding-bottom-tablet, var(--x3y0sw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--x3y0sw-padding-left-tablet, var(--x3y0sw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--x3y0sw-padding-top-mobile, var(--x3y0sw-padding-top-tablet, var(--x3y0sw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--x3y0sw-padding-right-mobile, var(--x3y0sw-padding-right-tablet, var(--x3y0sw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--x3y0sw-padding-bottom-mobile, var(--x3y0sw-padding-bottom-tablet, var(--x3y0sw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--x3y0sw-padding-left-mobile, var(--x3y0sw-padding-left-tablet, var(--x3y0sw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--x3y0sw-position, relative); top: var(--x3y0sw-top, auto); right: var(--x3y0sw-right, auto); bottom: var(--x3y0sw-bottom, auto); left: var(--x3y0sw-left, auto); transform: var(--x3y0sw-transform, none); z-index: var(--x3y0sw-z-index, 10); aspect-ratio: var(--x3y0sw-background-imageRatio, auto); background: var(--x3y0sw-background-color,transparent); border-style: var(--x3y0sw-borderStyle,solid); border-color: var(--x3y0sw-borderColor,#000000); border-width: var(--x3y0sw-borderWidth-tl,0px) var(--x3y0sw-borderWidth-tr,0px) var(--x3y0sw-borderWidth-br,0px) var(--x3y0sw-borderWidth-bl,0px); border-radius: var(--x3y0sw-borderRadius-tl,0px) var(--x3y0sw-borderRadius-tr,0px) var(--x3y0sw-borderRadius-br,0px) var(--x3y0sw-borderRadius-bl,0px); box-shadow: var(--x3y0sw-shadowHorizontal, 0px) var(--x3y0sw-shadowVertical, 0px) var(--x3y0sw-shadowBlur, 0px) 1px color-mix( in srgb, var(--x3y0sw-shadowColor, #000000) var(--x3y0sw-shadowTransparent, 0%), transparent ); max-width: var(--x3y0sw-max-width, 100%); width: 100%; height: if(style(--x3y0sw-position: absolute): var(--x3y0sw-height,100%); else: unset ); backdrop-filter:blur(var(--x3y0sw-background-blur, none)) saturate(var(--x3y0sw-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--x3y0sw-position-tablet, var(--x3y0sw-position, relative)); top: var(--x3y0sw-top-tablet, var(--x3y0sw-top, auto)); right: var(--x3y0sw-right-tablet, var(--x3y0sw-right, auto)); bottom: var(--x3y0sw-bottom-tablet, var(--x3y0sw-bottom, auto)); left: var(--x3y0sw-left-tablet, var(--x3y0sw-left, auto)); transform: var(--x3y0sw-transform-tablet, var(--x3y0sw-transform, none)); z-index: var(--x3y0sw-z-index-tablet, var(--x3y0sw-z-index, 10)); aspect-ratio: var(--x3y0sw-background-imageRatio-tablet, var(--x3y0sw-background-imageRatio, auto)); border-width: var(--x3y0sw-borderWidth-tl-tablet, var(--x3y0sw-borderWidth-tl,0px)) var(--x3y0sw-borderWidth-tr-tablet,var(--x3y0sw-borderWidth-tr,0px)) var(--x3y0sw-borderWidth-br-tablet,var(--x3y0sw-borderWidth-br,0px)) var(--x3y0sw-borderWidth-bl-tablet,var(--x3y0sw-borderWidth-bl,0px)); border-radius: var(--x3y0sw-borderRadius-tl-tablet,var(--x3y0sw-borderRadius-tl,0px)) var(--x3y0sw-borderRadius-tr-tablet,var(--x3y0sw-borderRadius-tr,0px)) var(--x3y0sw-borderRadius-br-tablet,var(--x3y0sw-borderRadius-br,0px)) var(--x3y0sw-borderRadius-bl-tablet,var(--x3y0sw-borderRadius-bl,0px)); max-width: var(--x3y0sw-max-width-tablet, var(--x3y0sw-max-width, 100%)); height: if(style(--x3y0sw-position-tablet: absolute): var(--x3y0sw-height-tablet,var(--x3y0sw-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--x3y0sw-position-mobile, var(--x3y0sw-position-tablet, var(--x3y0sw-position, relative))); top: var(--x3y0sw-top-mobile, var(--x3y0sw-top-tablet, var(--x3y0sw-top, auto))); right: var(--x3y0sw-right-mobile, var(--x3y0sw-right-tablet, var(--x3y0sw-right, auto))); bottom: var(--x3y0sw-bottom-mobile, var(--x3y0sw-bottom-tablet, var(--x3y0sw-bottom, auto))); left: var(--x3y0sw-left-mobile, var(--x3y0sw-left-tablet, var(--x3y0sw-left, auto))); transform: var(--x3y0sw-transform-mobile, var(--x3y0sw-transform-tablet, var(--x3y0sw-transform, none))); z-index: var(--x3y0sw-z-index-mobile, var(--x3y0sw-z-index-tablet, var(--x3y0sw-z-index, 10))); aspect-ratio: var(--x3y0sw-background-imageRatio-mobile, var(--x3y0sw-background-imageRatio, auto)); border-width: var(--x3y0sw-borderWidth-tl-mobile, var(--x3y0sw-borderWidth-tl,0px)) var(--x3y0sw-borderWidth-tr-mobile,var(--x3y0sw-borderWidth-tr,0px)) var(--x3y0sw-borderWidth-br-mobile,var(--x3y0sw-borderWidth-br,0px)) var(--x3y0sw-borderWidth-bl-mobile,var(--x3y0sw-borderWidth-bl,0px)); border-radius: var(--x3y0sw-borderRadius-tl-mobile,var(--x3y0sw-borderRadius-tl,0px)) var(--x3y0sw-borderRadius-tr-mobile,var(--x3y0sw-borderRadius-tr,0px)) var(--x3y0sw-borderRadius-br-mobile,var(--x3y0sw-borderRadius-br,0px)) var(--x3y0sw-borderRadius-bl-mobile,var(--x3y0sw-borderRadius-bl,0px)); max-width: var(--x3y0sw-max-width-mobile, var(--x3y0sw-max-width, 100%)); height: if(style(--x3y0sw-position-mobile: absolute): var(--x3y0sw-height-mobile,var(--x3y0sw-height-tablet,,var(--x3y0sw-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--x3y0sw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--x3y0sw-gap,var(--beae-card-gap)); padding-top: var(--x3y0sw-padding-top,var(--beae-card-padding)); padding-right: var(--x3y0sw-padding-right,var(--beae-card-padding)); padding-bottom: var(--x3y0sw-padding-bottom,var(--beae-card-padding)); padding-left: var(--x3y0sw-padding-left,var(--beae-card-padding)); border-width: var(--x3y0sw-borderWidth-tl,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-tr,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-br,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--x3y0sw-borderRadius-tl,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-tr,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-br,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--x3y0sw-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--x3y0sw-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--x3y0sw-gap-tablet,var(--beae-card-gap)); padding-top: var(--x3y0sw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--x3y0sw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--x3y0sw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--x3y0sw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--x3y0sw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--x3y0sw-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--x3y0sw-gap-mobile,var(--beae-card-gap)); padding-top: var(--x3y0sw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--x3y0sw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--x3y0sw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--x3y0sw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--x3y0sw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--x3y0sw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--x3y0sw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--x3y0sw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--x3y0sw-background-color,var(--beae-card-featured-background)); border-color: var(--x3y0sw-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--x3y0sw-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3y0sw-shadowVertical, var(--beae-card-shadow-y)) var(--x3y0sw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3y0sw-shadowColor, var(--beae-card-featured-shadow-color)) var(--x3y0sw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--x3y0sw-background-color,var(--beae-card-prod-background)); border-color: var(--x3y0sw-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--x3y0sw-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3y0sw-shadowVertical, var(--beae-card-shadow-y)) var(--x3y0sw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3y0sw-shadowColor, var(--beae-card-prod-shadow-color)) var(--x3y0sw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--x3y0sw-background-color,var(--beae-card-pricing-background)); border-color: var(--x3y0sw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--x3y0sw-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3y0sw-shadowVertical, var(--beae-card-shadow-y)) var(--x3y0sw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3y0sw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--x3y0sw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--x3y0sw-background-color,var(--beae-card-cta-background)); border-color: var(--x3y0sw-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--x3y0sw-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3y0sw-shadowVertical, var(--beae-card-shadow-y)) var(--x3y0sw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3y0sw-shadowColor, var(--beae-card-cta-shadow-color)) var(--x3y0sw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-x3y0sw"] {     display: flex;     flex-direction: var(--x3y0sw-direction, column);     flex-wrap: nowrap;     justify-content: var(--x3y0sw-justify-content);     align-items: var(--x3y0sw-align-items);     gap: var(--x3y0sw-gap, var(--x3y0sw-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-x3y0sw"] {                            gap: var(--x3y0sw-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(--x3y0sw-padding-right-tablet, 0px) - var(--x3y0sw-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-x3y0sw"] {                            gap: var(--x3y0sw-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(--x3y0sw-padding-right-mobile, 0px) - var(--x3y0sw-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-aa5sy4"] { --aa5sy4-width: 80%; --aa5sy4-width-tablet: 80%; --aa5sy4-width-mobile: 100%; --aa5sy4-imageRatio: 9/16; --aa5sy4-imageRatio-tablet: 9/16; --aa5sy4-imageRatio-mobile: 9/16; }[data-bnode="beae-aa5sy4"] { margin-top: var(--aa5sy4-margin-top, 0px); margin-right: var(--aa5sy4-margin-right, 0px); margin-bottom: var(--aa5sy4-margin-bottom, 0px); margin-left: var(--aa5sy4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--aa5sy4-margin-top-tablet, 0px); margin-right: var(--aa5sy4-margin-right-tablet, 0px); margin-bottom: var(--aa5sy4-margin-bottom-tablet, 0px); margin-left: var(--aa5sy4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--aa5sy4-margin-top-mobile, 0px); margin-right: var(--aa5sy4-margin-right-mobile, 0px); margin-bottom: var(--aa5sy4-margin-bottom-mobile, 0px); margin-left: var(--aa5sy4-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--aa5sy4-objFit, cover); width: var(--aa5sy4-width); aspect-ratio: var(--aa5sy4-imageRatio, auto); border-color: var(--aa5sy4-borderColor,var(--beae-card-media-border-color)); border-style: var(--aa5sy4-borderStyle,solid); border-width: var(--aa5sy4-borderWidth-tl,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-tr,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-br,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--aa5sy4-borderRadius-tl,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-tr,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-br,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-bl,var(--beae-card-border-radius)); box-shadow: var(--aa5sy4-shadowHorizontal, var(--beae-card-shadow-x)) var(--aa5sy4-shadowVertical, var(--beae-card-shadow-y)) var(--aa5sy4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--aa5sy4-shadowColor, var(--beae-card-media-shadow-color)) var(--aa5sy4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--aa5sy4-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-br-tablet,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-bl-tablet,var(--beae-card-border-width)); border-radius: var(--aa5sy4-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media(max-width: 767px){ border-width: var(--aa5sy4-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-br-mobile,var(--beae-card-border-width)) var(--aa5sy4-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--aa5sy4-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--aa5sy4-borderRadius-bl-mobile,var(--beae-card-border-radius)); } @media (max-width: 1180px) { width: var(--aa5sy4-width-tablet); aspect-ratio: var(--aa5sy4-imageRatio-tablet, var(--aa5sy4-imageRatio, auto)); } @media (max-width: 767px) { width: var(--aa5sy4-width-mobile); aspect-ratio: var(--aa5sy4-imageRatio-mobile, var(--aa5sy4-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--aa5sy4-objFit, cover); object-position: center; } .beae-video-play { position: absolute; background: #ffffff; width: 60px; height: 60px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; font-size: 32px; border-radius: 50%; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2); cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } }[data-bnode="beae-1k4bgv"] { --1k4bgv-padding-top: 0px; --1k4bgv-padding-top-tablet: 0px; --1k4bgv-padding-top-mobile: 0px; --1k4bgv-padding-right: 0px; --1k4bgv-padding-right-tablet: 0px; --1k4bgv-padding-right-mobile: 0px; --1k4bgv-padding-bottom: 0px; --1k4bgv-padding-bottom-tablet: 0px; --1k4bgv-padding-bottom-mobile: 0px; --1k4bgv-padding-left: 0px; --1k4bgv-padding-left-tablet: 0px; --1k4bgv-padding-left-mobile: 0px; --1k4bgv-direction: column; --1k4bgv-direction-tablet: column; --1k4bgv-direction-mobile: column; --1k4bgv-gap: 10px; --1k4bgv-gap-tablet: 10px; --1k4bgv-gap-mobile: 10px; }[data-bnode="beae-1k4bgv"] { padding-top: var(--1k4bgv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--1k4bgv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--1k4bgv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--1k4bgv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--1k4bgv-padding-top-tablet, var(--1k4bgv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--1k4bgv-padding-right-tablet, var(--1k4bgv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--1k4bgv-padding-bottom-tablet, var(--1k4bgv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--1k4bgv-padding-left-tablet, var(--1k4bgv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--1k4bgv-padding-top-mobile, var(--1k4bgv-padding-top-tablet, var(--1k4bgv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--1k4bgv-padding-right-mobile, var(--1k4bgv-padding-right-tablet, var(--1k4bgv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--1k4bgv-padding-bottom-mobile, var(--1k4bgv-padding-bottom-tablet, var(--1k4bgv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--1k4bgv-padding-left-mobile, var(--1k4bgv-padding-left-tablet, var(--1k4bgv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--1k4bgv-position, relative); top: var(--1k4bgv-top, auto); right: var(--1k4bgv-right, auto); bottom: var(--1k4bgv-bottom, auto); left: var(--1k4bgv-left, auto); transform: var(--1k4bgv-transform, none); z-index: var(--1k4bgv-z-index, 10); aspect-ratio: var(--1k4bgv-background-imageRatio, auto); background: var(--1k4bgv-background-color,transparent); border-style: var(--1k4bgv-borderStyle,solid); border-color: var(--1k4bgv-borderColor,#000000); border-width: var(--1k4bgv-borderWidth-tl,0px) var(--1k4bgv-borderWidth-tr,0px) var(--1k4bgv-borderWidth-br,0px) var(--1k4bgv-borderWidth-bl,0px); border-radius: var(--1k4bgv-borderRadius-tl,0px) var(--1k4bgv-borderRadius-tr,0px) var(--1k4bgv-borderRadius-br,0px) var(--1k4bgv-borderRadius-bl,0px); box-shadow: var(--1k4bgv-shadowHorizontal, 0px) var(--1k4bgv-shadowVertical, 0px) var(--1k4bgv-shadowBlur, 0px) 1px color-mix( in srgb, var(--1k4bgv-shadowColor, #000000) var(--1k4bgv-shadowTransparent, 0%), transparent ); max-width: var(--1k4bgv-max-width, 100%); width: 100%; height: if(style(--1k4bgv-position: absolute): var(--1k4bgv-height,100%); else: unset ); backdrop-filter:blur(var(--1k4bgv-background-blur, none)) saturate(var(--1k4bgv-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--1k4bgv-position-tablet, var(--1k4bgv-position, relative)); top: var(--1k4bgv-top-tablet, var(--1k4bgv-top, auto)); right: var(--1k4bgv-right-tablet, var(--1k4bgv-right, auto)); bottom: var(--1k4bgv-bottom-tablet, var(--1k4bgv-bottom, auto)); left: var(--1k4bgv-left-tablet, var(--1k4bgv-left, auto)); transform: var(--1k4bgv-transform-tablet, var(--1k4bgv-transform, none)); z-index: var(--1k4bgv-z-index-tablet, var(--1k4bgv-z-index, 10)); aspect-ratio: var(--1k4bgv-background-imageRatio-tablet, var(--1k4bgv-background-imageRatio, auto)); border-width: var(--1k4bgv-borderWidth-tl-tablet, var(--1k4bgv-borderWidth-tl,0px)) var(--1k4bgv-borderWidth-tr-tablet,var(--1k4bgv-borderWidth-tr,0px)) var(--1k4bgv-borderWidth-br-tablet,var(--1k4bgv-borderWidth-br,0px)) var(--1k4bgv-borderWidth-bl-tablet,var(--1k4bgv-borderWidth-bl,0px)); border-radius: var(--1k4bgv-borderRadius-tl-tablet,var(--1k4bgv-borderRadius-tl,0px)) var(--1k4bgv-borderRadius-tr-tablet,var(--1k4bgv-borderRadius-tr,0px)) var(--1k4bgv-borderRadius-br-tablet,var(--1k4bgv-borderRadius-br,0px)) var(--1k4bgv-borderRadius-bl-tablet,var(--1k4bgv-borderRadius-bl,0px)); max-width: var(--1k4bgv-max-width-tablet, var(--1k4bgv-max-width, 100%)); height: if(style(--1k4bgv-position-tablet: absolute): var(--1k4bgv-height-tablet,var(--1k4bgv-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--1k4bgv-position-mobile, var(--1k4bgv-position-tablet, var(--1k4bgv-position, relative))); top: var(--1k4bgv-top-mobile, var(--1k4bgv-top-tablet, var(--1k4bgv-top, auto))); right: var(--1k4bgv-right-mobile, var(--1k4bgv-right-tablet, var(--1k4bgv-right, auto))); bottom: var(--1k4bgv-bottom-mobile, var(--1k4bgv-bottom-tablet, var(--1k4bgv-bottom, auto))); left: var(--1k4bgv-left-mobile, var(--1k4bgv-left-tablet, var(--1k4bgv-left, auto))); transform: var(--1k4bgv-transform-mobile, var(--1k4bgv-transform-tablet, var(--1k4bgv-transform, none))); z-index: var(--1k4bgv-z-index-mobile, var(--1k4bgv-z-index-tablet, var(--1k4bgv-z-index, 10))); aspect-ratio: var(--1k4bgv-background-imageRatio-mobile, var(--1k4bgv-background-imageRatio, auto)); border-width: var(--1k4bgv-borderWidth-tl-mobile, var(--1k4bgv-borderWidth-tl,0px)) var(--1k4bgv-borderWidth-tr-mobile,var(--1k4bgv-borderWidth-tr,0px)) var(--1k4bgv-borderWidth-br-mobile,var(--1k4bgv-borderWidth-br,0px)) var(--1k4bgv-borderWidth-bl-mobile,var(--1k4bgv-borderWidth-bl,0px)); border-radius: var(--1k4bgv-borderRadius-tl-mobile,var(--1k4bgv-borderRadius-tl,0px)) var(--1k4bgv-borderRadius-tr-mobile,var(--1k4bgv-borderRadius-tr,0px)) var(--1k4bgv-borderRadius-br-mobile,var(--1k4bgv-borderRadius-br,0px)) var(--1k4bgv-borderRadius-bl-mobile,var(--1k4bgv-borderRadius-bl,0px)); max-width: var(--1k4bgv-max-width-mobile, var(--1k4bgv-max-width, 100%)); height: if(style(--1k4bgv-position-mobile: absolute): var(--1k4bgv-height-mobile,var(--1k4bgv-height-tablet,,var(--1k4bgv-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--1k4bgv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--1k4bgv-gap,var(--beae-card-gap)); padding-top: var(--1k4bgv-padding-top,var(--beae-card-padding)); padding-right: var(--1k4bgv-padding-right,var(--beae-card-padding)); padding-bottom: var(--1k4bgv-padding-bottom,var(--beae-card-padding)); padding-left: var(--1k4bgv-padding-left,var(--beae-card-padding)); border-width: var(--1k4bgv-borderWidth-tl,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-tr,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-br,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--1k4bgv-borderRadius-tl,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-tr,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-br,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--1k4bgv-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--1k4bgv-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--1k4bgv-gap-tablet,var(--beae-card-gap)); padding-top: var(--1k4bgv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--1k4bgv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--1k4bgv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--1k4bgv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--1k4bgv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--1k4bgv-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--1k4bgv-gap-mobile,var(--beae-card-gap)); padding-top: var(--1k4bgv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--1k4bgv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--1k4bgv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--1k4bgv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--1k4bgv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--1k4bgv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--1k4bgv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--1k4bgv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--1k4bgv-background-color,var(--beae-card-featured-background)); border-color: var(--1k4bgv-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--1k4bgv-shadowHorizontal, var(--beae-card-shadow-x)) var(--1k4bgv-shadowVertical, var(--beae-card-shadow-y)) var(--1k4bgv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1k4bgv-shadowColor, var(--beae-card-featured-shadow-color)) var(--1k4bgv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--1k4bgv-background-color,var(--beae-card-prod-background)); border-color: var(--1k4bgv-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--1k4bgv-shadowHorizontal, var(--beae-card-shadow-x)) var(--1k4bgv-shadowVertical, var(--beae-card-shadow-y)) var(--1k4bgv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1k4bgv-shadowColor, var(--beae-card-prod-shadow-color)) var(--1k4bgv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--1k4bgv-background-color,var(--beae-card-pricing-background)); border-color: var(--1k4bgv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--1k4bgv-shadowHorizontal, var(--beae-card-shadow-x)) var(--1k4bgv-shadowVertical, var(--beae-card-shadow-y)) var(--1k4bgv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1k4bgv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--1k4bgv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--1k4bgv-background-color,var(--beae-card-cta-background)); border-color: var(--1k4bgv-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--1k4bgv-shadowHorizontal, var(--beae-card-shadow-x)) var(--1k4bgv-shadowVertical, var(--beae-card-shadow-y)) var(--1k4bgv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1k4bgv-shadowColor, var(--beae-card-cta-shadow-color)) var(--1k4bgv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-1k4bgv"] {     display: flex;     flex-direction: var(--1k4bgv-direction, column);     flex-wrap: nowrap;     justify-content: var(--1k4bgv-justify-content);     align-items: var(--1k4bgv-align-items);     gap: var(--1k4bgv-gap, var(--1k4bgv-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-1k4bgv"] {                            gap: var(--1k4bgv-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(--1k4bgv-padding-right-tablet, 0px) - var(--1k4bgv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-1k4bgv"] {                            gap: var(--1k4bgv-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(--1k4bgv-padding-right-mobile, 0px) - var(--1k4bgv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-j7oord"] { --j7oord-typography: h3; --j7oord-typography-tablet: h3; --j7oord-typography-mobile: h3; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; --beae-h3-text-align: start; --j7oord-margin-top: 192px; --j7oord-margin-top-tablet: 192px; --j7oord-margin-top-mobile: 2px; --j7oord-margin-right: 0px; --j7oord-margin-right-tablet: 0px; --j7oord-margin-right-mobile: 0px; --j7oord-margin-bottom: 0px; --j7oord-margin-bottom-tablet: 0px; --j7oord-margin-bottom-mobile: 0px; --j7oord-margin-left: 0px; --j7oord-margin-left-tablet: 0px; --j7oord-margin-left-mobile: 0px; --beae-h3-font-weight: 700; --beae-h3-font-size: 43px; --beae-h3-font-size-mobile: 36px; }[data-bnode="beae-j7oord"] { margin-top: var(--j7oord-margin-top, 0px); margin-right: var(--j7oord-margin-right, 0px); margin-bottom: var(--j7oord-margin-bottom, 0px); margin-left: var(--j7oord-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--j7oord-margin-top-tablet, 0px); margin-right: var(--j7oord-margin-right-tablet, 0px); margin-bottom: var(--j7oord-margin-bottom-tablet, 0px); margin-left: var(--j7oord-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--j7oord-margin-top-mobile, 0px); margin-right: var(--j7oord-margin-right-mobile, 0px); margin-bottom: var(--j7oord-margin-bottom-mobile, 0px); margin-left: var(--j7oord-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--j7oord-highlightColor,var(--beae-p-color)); top: var(--j7oord-highlightTop, 100%); } }[data-bnode="beae-zr0fdm"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --zr0fdm-typography: p; --zr0fdm-typography-tablet: p; --zr0fdm-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 500; }[data-bnode="beae-zr0fdm"] { margin-top: var(--zr0fdm-margin-top, 0px); margin-right: var(--zr0fdm-margin-right, 0px); margin-bottom: var(--zr0fdm-margin-bottom, 0px); margin-left: var(--zr0fdm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zr0fdm-margin-top-tablet, 0px); margin-right: var(--zr0fdm-margin-right-tablet, 0px); margin-bottom: var(--zr0fdm-margin-bottom-tablet, 0px); margin-left: var(--zr0fdm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zr0fdm-margin-top-mobile, 0px); margin-right: var(--zr0fdm-margin-right-mobile, 0px); margin-bottom: var(--zr0fdm-margin-bottom-mobile, 0px); margin-left: var(--zr0fdm-margin-left-mobile, 0px); } }[data-bnode="beae-i7pdbm"] { --i7pdbm-width: var(--beae-section-width); --i7pdbm-width-tablet: var(--beae-section-width); --i7pdbm-width-mobile: var(--beae-section-width); --i7pdbm-height: fit-content; --i7pdbm-height-tablet: fit-content; --i7pdbm-height-mobile: fit-content; --i7pdbm-direction: row; --i7pdbm-direction-tablet: row; --i7pdbm-direction-mobile: column; --i7pdbm-structure: columns; --i7pdbm-structure-tablet: columns; --i7pdbm-structure-mobile: columns; --i7pdbm-padding-top: 8px; --i7pdbm-padding-top-tablet: 8px; --i7pdbm-padding-top-mobile: 8px; --i7pdbm-padding-right: 40px; --i7pdbm-padding-right-tablet: 40px; --i7pdbm-padding-right-mobile: 40px; --i7pdbm-padding-bottom: 8px; --i7pdbm-padding-bottom-tablet: 8px; --i7pdbm-padding-bottom-mobile: 8px; --i7pdbm-padding-left: 40px; --i7pdbm-padding-left-tablet: 40px; --i7pdbm-padding-left-mobile: 40px; }[data-bnode="beae-i7pdbm"] { padding-top: var(--i7pdbm-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--i7pdbm-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--i7pdbm-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--i7pdbm-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--i7pdbm-padding-top-tablet, var(--i7pdbm-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--i7pdbm-padding-right-tablet, var(--i7pdbm-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--i7pdbm-padding-bottom-tablet, var(--i7pdbm-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--i7pdbm-padding-left-tablet, var(--i7pdbm-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--i7pdbm-padding-top-mobile, var(--i7pdbm-padding-top-tablet, var(--i7pdbm-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--i7pdbm-padding-right-mobile, var(--i7pdbm-padding-right-tablet, var(--i7pdbm-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--i7pdbm-padding-bottom-mobile, var(--i7pdbm-padding-bottom-tablet, var(--i7pdbm-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--i7pdbm-padding-left-mobile, var(--i7pdbm-padding-left-tablet, var(--i7pdbm-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--i7pdbm-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--i7pdbm-height); width: 100%; max-width: var(--i7pdbm-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(--i7pdbm-height-tablet, auto); width: 100%; max-width: var(--i7pdbm-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--i7pdbm-height-mobile, auto); width: 100%; max-width: var(--i7pdbm-width-mobile, 100%); } } } }[data-bnode="beae-i7pdbm"] > .beae-section-container{     display: flex;     flex-direction: var(--i7pdbm-direction, column);     flex-wrap: nowrap;     justify-content: var(--i7pdbm-justify-content);     align-items: var(--i7pdbm-align-items);     gap: var(--i7pdbm-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--i7pdbm-padding-right, 0px) - var(--i7pdbm-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-i7pdbm"] > .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(--i7pdbm-padding-right-tablet, 0px) - var(--i7pdbm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-i7pdbm"] > .beae-section-container{      flex-direction: var(--i7pdbm-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-6g96eo"] { --6g96eo-padding-top: 0px; --6g96eo-padding-top-tablet: 0px; --6g96eo-padding-top-mobile: 0px; --6g96eo-padding-right: 80px; --6g96eo-padding-right-tablet: 80px; --6g96eo-padding-right-mobile: 0px; --6g96eo-padding-bottom: 0px; --6g96eo-padding-bottom-tablet: 0px; --6g96eo-padding-bottom-mobile: 0px; --6g96eo-padding-left: 80px; --6g96eo-padding-left-tablet: 80px; --6g96eo-padding-left-mobile: 0px; --6g96eo-max-width: 100%; --6g96eo-max-width-tablet: 100%; }[data-bnode="beae-6g96eo"] { padding-top: var(--6g96eo-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--6g96eo-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--6g96eo-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--6g96eo-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6g96eo-padding-top-tablet, var(--6g96eo-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--6g96eo-padding-right-tablet, var(--6g96eo-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--6g96eo-padding-bottom-tablet, var(--6g96eo-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--6g96eo-padding-left-tablet, var(--6g96eo-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6g96eo-padding-top-mobile, var(--6g96eo-padding-top-tablet, var(--6g96eo-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--6g96eo-padding-right-mobile, var(--6g96eo-padding-right-tablet, var(--6g96eo-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--6g96eo-padding-bottom-mobile, var(--6g96eo-padding-bottom-tablet, var(--6g96eo-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--6g96eo-padding-left-mobile, var(--6g96eo-padding-left-tablet, var(--6g96eo-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--6g96eo-position, relative); top: var(--6g96eo-top, auto); right: var(--6g96eo-right, auto); bottom: var(--6g96eo-bottom, auto); left: var(--6g96eo-left, auto); transform: var(--6g96eo-transform, none); z-index: var(--6g96eo-z-index, 10); aspect-ratio: var(--6g96eo-background-imageRatio, auto); background: var(--6g96eo-background-color,transparent); border-style: var(--6g96eo-borderStyle,solid); border-color: var(--6g96eo-borderColor,#000000); border-width: var(--6g96eo-borderWidth-tl,0px) var(--6g96eo-borderWidth-tr,0px) var(--6g96eo-borderWidth-br,0px) var(--6g96eo-borderWidth-bl,0px); border-radius: var(--6g96eo-borderRadius-tl,0px) var(--6g96eo-borderRadius-tr,0px) var(--6g96eo-borderRadius-br,0px) var(--6g96eo-borderRadius-bl,0px); box-shadow: var(--6g96eo-shadowHorizontal, 0px) var(--6g96eo-shadowVertical, 0px) var(--6g96eo-shadowBlur, 0px) 1px color-mix( in srgb, var(--6g96eo-shadowColor, #000000) var(--6g96eo-shadowTransparent, 0%), transparent ); max-width: var(--6g96eo-max-width, 100%); width: 100%; height: if(style(--6g96eo-position: absolute): var(--6g96eo-height,100%); else: unset ); backdrop-filter:blur(var(--6g96eo-background-blur, none)) saturate(var(--6g96eo-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--6g96eo-position-tablet, var(--6g96eo-position, relative)); top: var(--6g96eo-top-tablet, var(--6g96eo-top, auto)); right: var(--6g96eo-right-tablet, var(--6g96eo-right, auto)); bottom: var(--6g96eo-bottom-tablet, var(--6g96eo-bottom, auto)); left: var(--6g96eo-left-tablet, var(--6g96eo-left, auto)); transform: var(--6g96eo-transform-tablet, var(--6g96eo-transform, none)); z-index: var(--6g96eo-z-index-tablet, var(--6g96eo-z-index, 10)); aspect-ratio: var(--6g96eo-background-imageRatio-tablet, var(--6g96eo-background-imageRatio, auto)); border-width: var(--6g96eo-borderWidth-tl-tablet, var(--6g96eo-borderWidth-tl,0px)) var(--6g96eo-borderWidth-tr-tablet,var(--6g96eo-borderWidth-tr,0px)) var(--6g96eo-borderWidth-br-tablet,var(--6g96eo-borderWidth-br,0px)) var(--6g96eo-borderWidth-bl-tablet,var(--6g96eo-borderWidth-bl,0px)); border-radius: var(--6g96eo-borderRadius-tl-tablet,var(--6g96eo-borderRadius-tl,0px)) var(--6g96eo-borderRadius-tr-tablet,var(--6g96eo-borderRadius-tr,0px)) var(--6g96eo-borderRadius-br-tablet,var(--6g96eo-borderRadius-br,0px)) var(--6g96eo-borderRadius-bl-tablet,var(--6g96eo-borderRadius-bl,0px)); max-width: var(--6g96eo-max-width-tablet, var(--6g96eo-max-width, 100%)); height: if(style(--6g96eo-position-tablet: absolute): var(--6g96eo-height-tablet,var(--6g96eo-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--6g96eo-position-mobile, var(--6g96eo-position-tablet, var(--6g96eo-position, relative))); top: var(--6g96eo-top-mobile, var(--6g96eo-top-tablet, var(--6g96eo-top, auto))); right: var(--6g96eo-right-mobile, var(--6g96eo-right-tablet, var(--6g96eo-right, auto))); bottom: var(--6g96eo-bottom-mobile, var(--6g96eo-bottom-tablet, var(--6g96eo-bottom, auto))); left: var(--6g96eo-left-mobile, var(--6g96eo-left-tablet, var(--6g96eo-left, auto))); transform: var(--6g96eo-transform-mobile, var(--6g96eo-transform-tablet, var(--6g96eo-transform, none))); z-index: var(--6g96eo-z-index-mobile, var(--6g96eo-z-index-tablet, var(--6g96eo-z-index, 10))); aspect-ratio: var(--6g96eo-background-imageRatio-mobile, var(--6g96eo-background-imageRatio, auto)); border-width: var(--6g96eo-borderWidth-tl-mobile, var(--6g96eo-borderWidth-tl,0px)) var(--6g96eo-borderWidth-tr-mobile,var(--6g96eo-borderWidth-tr,0px)) var(--6g96eo-borderWidth-br-mobile,var(--6g96eo-borderWidth-br,0px)) var(--6g96eo-borderWidth-bl-mobile,var(--6g96eo-borderWidth-bl,0px)); border-radius: var(--6g96eo-borderRadius-tl-mobile,var(--6g96eo-borderRadius-tl,0px)) var(--6g96eo-borderRadius-tr-mobile,var(--6g96eo-borderRadius-tr,0px)) var(--6g96eo-borderRadius-br-mobile,var(--6g96eo-borderRadius-br,0px)) var(--6g96eo-borderRadius-bl-mobile,var(--6g96eo-borderRadius-bl,0px)); max-width: var(--6g96eo-max-width-mobile, var(--6g96eo-max-width, 100%)); height: if(style(--6g96eo-position-mobile: absolute): var(--6g96eo-height-mobile,var(--6g96eo-height-tablet,,var(--6g96eo-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--6g96eo-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--6g96eo-gap,var(--beae-card-gap)); padding-top: var(--6g96eo-padding-top,var(--beae-card-padding)); padding-right: var(--6g96eo-padding-right,var(--beae-card-padding)); padding-bottom: var(--6g96eo-padding-bottom,var(--beae-card-padding)); padding-left: var(--6g96eo-padding-left,var(--beae-card-padding)); border-width: var(--6g96eo-borderWidth-tl,var(--beae-card-border-width)) var(--6g96eo-borderWidth-tr,var(--beae-card-border-width)) var(--6g96eo-borderWidth-br,var(--beae-card-border-width)) var(--6g96eo-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6g96eo-borderRadius-tl,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-tr,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-br,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--6g96eo-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--6g96eo-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--6g96eo-gap-tablet,var(--beae-card-gap)); padding-top: var(--6g96eo-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--6g96eo-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--6g96eo-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--6g96eo-padding-left-tablet,var(--beae-card-padding)); border-width: var(--6g96eo-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--6g96eo-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--6g96eo-borderWidth-br-desktop,var(--beae-card-border-width)) var(--6g96eo-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--6g96eo-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--6g96eo-gap-mobile,var(--beae-card-gap)); padding-top: var(--6g96eo-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--6g96eo-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--6g96eo-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--6g96eo-padding-left-mobile,var(--beae-card-padding)); border-width: var(--6g96eo-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--6g96eo-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--6g96eo-borderWidth-br-mobile,var(--beae-card-border-width)) var(--6g96eo-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--6g96eo-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--6g96eo-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--6g96eo-background-color,var(--beae-card-featured-background)); border-color: var(--6g96eo-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--6g96eo-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g96eo-shadowVertical, var(--beae-card-shadow-y)) var(--6g96eo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g96eo-shadowColor, var(--beae-card-featured-shadow-color)) var(--6g96eo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--6g96eo-background-color,var(--beae-card-prod-background)); border-color: var(--6g96eo-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--6g96eo-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g96eo-shadowVertical, var(--beae-card-shadow-y)) var(--6g96eo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g96eo-shadowColor, var(--beae-card-prod-shadow-color)) var(--6g96eo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--6g96eo-background-color,var(--beae-card-pricing-background)); border-color: var(--6g96eo-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--6g96eo-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g96eo-shadowVertical, var(--beae-card-shadow-y)) var(--6g96eo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g96eo-shadowColor, var(--beae-card-pricing-shadow-color)) var(--6g96eo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--6g96eo-background-color,var(--beae-card-cta-background)); border-color: var(--6g96eo-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--6g96eo-shadowHorizontal, var(--beae-card-shadow-x)) var(--6g96eo-shadowVertical, var(--beae-card-shadow-y)) var(--6g96eo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6g96eo-shadowColor, var(--beae-card-cta-shadow-color)) var(--6g96eo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-6g96eo"] {     display: flex;     flex-direction: var(--6g96eo-direction, column);     flex-wrap: nowrap;     justify-content: var(--6g96eo-justify-content);     align-items: var(--6g96eo-align-items);     gap: var(--6g96eo-gap, var(--6g96eo-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6g96eo"] {                            gap: var(--6g96eo-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(--6g96eo-padding-right-tablet, 0px) - var(--6g96eo-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6g96eo"] {                            gap: var(--6g96eo-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(--6g96eo-padding-right-mobile, 0px) - var(--6g96eo-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-yx11p0"] { --yx11p0-width: 80%; --yx11p0-width-tablet: 80%; --yx11p0-width-mobile: 100%; --yx11p0-imageRatio: 9/16; --yx11p0-imageRatio-tablet: 9/16; --yx11p0-imageRatio-mobile: 9/16; }[data-bnode="beae-yx11p0"] { margin-top: var(--yx11p0-margin-top, 0px); margin-right: var(--yx11p0-margin-right, 0px); margin-bottom: var(--yx11p0-margin-bottom, 0px); margin-left: var(--yx11p0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yx11p0-margin-top-tablet, 0px); margin-right: var(--yx11p0-margin-right-tablet, 0px); margin-bottom: var(--yx11p0-margin-bottom-tablet, 0px); margin-left: var(--yx11p0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yx11p0-margin-top-mobile, 0px); margin-right: var(--yx11p0-margin-right-mobile, 0px); margin-bottom: var(--yx11p0-margin-bottom-mobile, 0px); margin-left: var(--yx11p0-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--yx11p0-objFit, cover); width: var(--yx11p0-width); aspect-ratio: var(--yx11p0-imageRatio, auto); border-color: var(--yx11p0-borderColor,var(--beae-card-media-border-color)); border-style: var(--yx11p0-borderStyle,solid); border-width: var(--yx11p0-borderWidth-tl,var(--beae-card-border-width)) var(--yx11p0-borderWidth-tr,var(--beae-card-border-width)) var(--yx11p0-borderWidth-br,var(--beae-card-border-width)) var(--yx11p0-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--yx11p0-borderRadius-tl,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-tr,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-br,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-bl,var(--beae-card-border-radius)); box-shadow: var(--yx11p0-shadowHorizontal, var(--beae-card-shadow-x)) var(--yx11p0-shadowVertical, var(--beae-card-shadow-y)) var(--yx11p0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yx11p0-shadowColor, var(--beae-card-media-shadow-color)) var(--yx11p0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--yx11p0-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--yx11p0-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--yx11p0-borderWidth-br-tablet,var(--beae-card-border-width)) var(--yx11p0-borderWidth-bl-tablet,var(--beae-card-border-width)); border-radius: var(--yx11p0-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media(max-width: 767px){ border-width: var(--yx11p0-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--yx11p0-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--yx11p0-borderWidth-br-mobile,var(--beae-card-border-width)) var(--yx11p0-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--yx11p0-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--yx11p0-borderRadius-bl-mobile,var(--beae-card-border-radius)); } @media (max-width: 1180px) { width: var(--yx11p0-width-tablet); aspect-ratio: var(--yx11p0-imageRatio-tablet, var(--yx11p0-imageRatio, auto)); } @media (max-width: 767px) { width: var(--yx11p0-width-mobile); aspect-ratio: var(--yx11p0-imageRatio-mobile, var(--yx11p0-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--yx11p0-objFit, cover); object-position: center; } .beae-video-play { position: absolute; background: #ffffff; width: 60px; height: 60px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; font-size: 32px; border-radius: 50%; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2); cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } }[data-bnode="beae-k4m0fg"] { --k4m0fg-padding-top: 0px; --k4m0fg-padding-top-tablet: 0px; --k4m0fg-padding-top-mobile: 0px; --k4m0fg-padding-right: 0px; --k4m0fg-padding-right-tablet: 0px; --k4m0fg-padding-right-mobile: 0px; --k4m0fg-padding-bottom: 0px; --k4m0fg-padding-bottom-tablet: 0px; --k4m0fg-padding-bottom-mobile: 0px; --k4m0fg-padding-left: 0px; --k4m0fg-padding-left-tablet: 0px; --k4m0fg-padding-left-mobile: 0px; --k4m0fg-direction: column; --k4m0fg-direction-tablet: column; --k4m0fg-direction-mobile: column; --k4m0fg-gap: 10px; --k4m0fg-gap-tablet: 10px; --k4m0fg-gap-mobile: 10px; }[data-bnode="beae-k4m0fg"] { padding-top: var(--k4m0fg-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--k4m0fg-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--k4m0fg-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--k4m0fg-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--k4m0fg-padding-top-tablet, var(--k4m0fg-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--k4m0fg-padding-right-tablet, var(--k4m0fg-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--k4m0fg-padding-bottom-tablet, var(--k4m0fg-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--k4m0fg-padding-left-tablet, var(--k4m0fg-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--k4m0fg-padding-top-mobile, var(--k4m0fg-padding-top-tablet, var(--k4m0fg-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--k4m0fg-padding-right-mobile, var(--k4m0fg-padding-right-tablet, var(--k4m0fg-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--k4m0fg-padding-bottom-mobile, var(--k4m0fg-padding-bottom-tablet, var(--k4m0fg-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--k4m0fg-padding-left-mobile, var(--k4m0fg-padding-left-tablet, var(--k4m0fg-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--k4m0fg-position, relative); top: var(--k4m0fg-top, auto); right: var(--k4m0fg-right, auto); bottom: var(--k4m0fg-bottom, auto); left: var(--k4m0fg-left, auto); transform: var(--k4m0fg-transform, none); z-index: var(--k4m0fg-z-index, 10); aspect-ratio: var(--k4m0fg-background-imageRatio, auto); background: var(--k4m0fg-background-color,transparent); border-style: var(--k4m0fg-borderStyle,solid); border-color: var(--k4m0fg-borderColor,#000000); border-width: var(--k4m0fg-borderWidth-tl,0px) var(--k4m0fg-borderWidth-tr,0px) var(--k4m0fg-borderWidth-br,0px) var(--k4m0fg-borderWidth-bl,0px); border-radius: var(--k4m0fg-borderRadius-tl,0px) var(--k4m0fg-borderRadius-tr,0px) var(--k4m0fg-borderRadius-br,0px) var(--k4m0fg-borderRadius-bl,0px); box-shadow: var(--k4m0fg-shadowHorizontal, 0px) var(--k4m0fg-shadowVertical, 0px) var(--k4m0fg-shadowBlur, 0px) 1px color-mix( in srgb, var(--k4m0fg-shadowColor, #000000) var(--k4m0fg-shadowTransparent, 0%), transparent ); max-width: var(--k4m0fg-max-width, 100%); width: 100%; height: if(style(--k4m0fg-position: absolute): var(--k4m0fg-height,100%); else: unset ); backdrop-filter:blur(var(--k4m0fg-background-blur, none)) saturate(var(--k4m0fg-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--k4m0fg-position-tablet, var(--k4m0fg-position, relative)); top: var(--k4m0fg-top-tablet, var(--k4m0fg-top, auto)); right: var(--k4m0fg-right-tablet, var(--k4m0fg-right, auto)); bottom: var(--k4m0fg-bottom-tablet, var(--k4m0fg-bottom, auto)); left: var(--k4m0fg-left-tablet, var(--k4m0fg-left, auto)); transform: var(--k4m0fg-transform-tablet, var(--k4m0fg-transform, none)); z-index: var(--k4m0fg-z-index-tablet, var(--k4m0fg-z-index, 10)); aspect-ratio: var(--k4m0fg-background-imageRatio-tablet, var(--k4m0fg-background-imageRatio, auto)); border-width: var(--k4m0fg-borderWidth-tl-tablet, var(--k4m0fg-borderWidth-tl,0px)) var(--k4m0fg-borderWidth-tr-tablet,var(--k4m0fg-borderWidth-tr,0px)) var(--k4m0fg-borderWidth-br-tablet,var(--k4m0fg-borderWidth-br,0px)) var(--k4m0fg-borderWidth-bl-tablet,var(--k4m0fg-borderWidth-bl,0px)); border-radius: var(--k4m0fg-borderRadius-tl-tablet,var(--k4m0fg-borderRadius-tl,0px)) var(--k4m0fg-borderRadius-tr-tablet,var(--k4m0fg-borderRadius-tr,0px)) var(--k4m0fg-borderRadius-br-tablet,var(--k4m0fg-borderRadius-br,0px)) var(--k4m0fg-borderRadius-bl-tablet,var(--k4m0fg-borderRadius-bl,0px)); max-width: var(--k4m0fg-max-width-tablet, var(--k4m0fg-max-width, 100%)); height: if(style(--k4m0fg-position-tablet: absolute): var(--k4m0fg-height-tablet,var(--k4m0fg-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--k4m0fg-position-mobile, var(--k4m0fg-position-tablet, var(--k4m0fg-position, relative))); top: var(--k4m0fg-top-mobile, var(--k4m0fg-top-tablet, var(--k4m0fg-top, auto))); right: var(--k4m0fg-right-mobile, var(--k4m0fg-right-tablet, var(--k4m0fg-right, auto))); bottom: var(--k4m0fg-bottom-mobile, var(--k4m0fg-bottom-tablet, var(--k4m0fg-bottom, auto))); left: var(--k4m0fg-left-mobile, var(--k4m0fg-left-tablet, var(--k4m0fg-left, auto))); transform: var(--k4m0fg-transform-mobile, var(--k4m0fg-transform-tablet, var(--k4m0fg-transform, none))); z-index: var(--k4m0fg-z-index-mobile, var(--k4m0fg-z-index-tablet, var(--k4m0fg-z-index, 10))); aspect-ratio: var(--k4m0fg-background-imageRatio-mobile, var(--k4m0fg-background-imageRatio, auto)); border-width: var(--k4m0fg-borderWidth-tl-mobile, var(--k4m0fg-borderWidth-tl,0px)) var(--k4m0fg-borderWidth-tr-mobile,var(--k4m0fg-borderWidth-tr,0px)) var(--k4m0fg-borderWidth-br-mobile,var(--k4m0fg-borderWidth-br,0px)) var(--k4m0fg-borderWidth-bl-mobile,var(--k4m0fg-borderWidth-bl,0px)); border-radius: var(--k4m0fg-borderRadius-tl-mobile,var(--k4m0fg-borderRadius-tl,0px)) var(--k4m0fg-borderRadius-tr-mobile,var(--k4m0fg-borderRadius-tr,0px)) var(--k4m0fg-borderRadius-br-mobile,var(--k4m0fg-borderRadius-br,0px)) var(--k4m0fg-borderRadius-bl-mobile,var(--k4m0fg-borderRadius-bl,0px)); max-width: var(--k4m0fg-max-width-mobile, var(--k4m0fg-max-width, 100%)); height: if(style(--k4m0fg-position-mobile: absolute): var(--k4m0fg-height-mobile,var(--k4m0fg-height-tablet,,var(--k4m0fg-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--k4m0fg-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--k4m0fg-gap,var(--beae-card-gap)); padding-top: var(--k4m0fg-padding-top,var(--beae-card-padding)); padding-right: var(--k4m0fg-padding-right,var(--beae-card-padding)); padding-bottom: var(--k4m0fg-padding-bottom,var(--beae-card-padding)); padding-left: var(--k4m0fg-padding-left,var(--beae-card-padding)); border-width: var(--k4m0fg-borderWidth-tl,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-tr,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-br,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--k4m0fg-borderRadius-tl,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-tr,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-br,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--k4m0fg-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--k4m0fg-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--k4m0fg-gap-tablet,var(--beae-card-gap)); padding-top: var(--k4m0fg-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--k4m0fg-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--k4m0fg-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--k4m0fg-padding-left-tablet,var(--beae-card-padding)); border-width: var(--k4m0fg-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-br-desktop,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--k4m0fg-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--k4m0fg-gap-mobile,var(--beae-card-gap)); padding-top: var(--k4m0fg-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--k4m0fg-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--k4m0fg-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--k4m0fg-padding-left-mobile,var(--beae-card-padding)); border-width: var(--k4m0fg-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-br-mobile,var(--beae-card-border-width)) var(--k4m0fg-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--k4m0fg-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--k4m0fg-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--k4m0fg-background-color,var(--beae-card-featured-background)); border-color: var(--k4m0fg-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--k4m0fg-shadowHorizontal, var(--beae-card-shadow-x)) var(--k4m0fg-shadowVertical, var(--beae-card-shadow-y)) var(--k4m0fg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k4m0fg-shadowColor, var(--beae-card-featured-shadow-color)) var(--k4m0fg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--k4m0fg-background-color,var(--beae-card-prod-background)); border-color: var(--k4m0fg-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--k4m0fg-shadowHorizontal, var(--beae-card-shadow-x)) var(--k4m0fg-shadowVertical, var(--beae-card-shadow-y)) var(--k4m0fg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k4m0fg-shadowColor, var(--beae-card-prod-shadow-color)) var(--k4m0fg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--k4m0fg-background-color,var(--beae-card-pricing-background)); border-color: var(--k4m0fg-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--k4m0fg-shadowHorizontal, var(--beae-card-shadow-x)) var(--k4m0fg-shadowVertical, var(--beae-card-shadow-y)) var(--k4m0fg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k4m0fg-shadowColor, var(--beae-card-pricing-shadow-color)) var(--k4m0fg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--k4m0fg-background-color,var(--beae-card-cta-background)); border-color: var(--k4m0fg-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--k4m0fg-shadowHorizontal, var(--beae-card-shadow-x)) var(--k4m0fg-shadowVertical, var(--beae-card-shadow-y)) var(--k4m0fg-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k4m0fg-shadowColor, var(--beae-card-cta-shadow-color)) var(--k4m0fg-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-k4m0fg"] {     display: flex;     flex-direction: var(--k4m0fg-direction, column);     flex-wrap: nowrap;     justify-content: var(--k4m0fg-justify-content);     align-items: var(--k4m0fg-align-items);     gap: var(--k4m0fg-gap, var(--k4m0fg-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-k4m0fg"] {                            gap: var(--k4m0fg-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(--k4m0fg-padding-right-tablet, 0px) - var(--k4m0fg-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-k4m0fg"] {                            gap: var(--k4m0fg-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(--k4m0fg-padding-right-mobile, 0px) - var(--k4m0fg-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4oaiv3"] { --4oaiv3-typography: h3; --4oaiv3-typography-tablet: h3; --4oaiv3-typography-mobile: h3; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; --beae-h3-text-align: start; --4oaiv3-margin-top: 192px; --4oaiv3-margin-top-tablet: 192px; --4oaiv3-margin-top-mobile: 2px; --4oaiv3-margin-right: 0px; --4oaiv3-margin-right-tablet: 0px; --4oaiv3-margin-right-mobile: 0px; --4oaiv3-margin-bottom: 0px; --4oaiv3-margin-bottom-tablet: 0px; --4oaiv3-margin-bottom-mobile: 0px; --4oaiv3-margin-left: 0px; --4oaiv3-margin-left-tablet: 0px; --4oaiv3-margin-left-mobile: 0px; --beae-h3-font-weight: 700; --beae-h3-font-size: 43px; --beae-h3-font-size-mobile: 35px; }[data-bnode="beae-4oaiv3"] { margin-top: var(--4oaiv3-margin-top, 0px); margin-right: var(--4oaiv3-margin-right, 0px); margin-bottom: var(--4oaiv3-margin-bottom, 0px); margin-left: var(--4oaiv3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4oaiv3-margin-top-tablet, 0px); margin-right: var(--4oaiv3-margin-right-tablet, 0px); margin-bottom: var(--4oaiv3-margin-bottom-tablet, 0px); margin-left: var(--4oaiv3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4oaiv3-margin-top-mobile, 0px); margin-right: var(--4oaiv3-margin-right-mobile, 0px); margin-bottom: var(--4oaiv3-margin-bottom-mobile, 0px); margin-left: var(--4oaiv3-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--4oaiv3-highlightColor,var(--beae-p-color)); top: var(--4oaiv3-highlightTop, 100%); } }[data-bnode="beae-faklk9"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --faklk9-typography: p; --faklk9-typography-tablet: p; --faklk9-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 500; }[data-bnode="beae-faklk9"] { margin-top: var(--faklk9-margin-top, 0px); margin-right: var(--faklk9-margin-right, 0px); margin-bottom: var(--faklk9-margin-bottom, 0px); margin-left: var(--faklk9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--faklk9-margin-top-tablet, 0px); margin-right: var(--faklk9-margin-right-tablet, 0px); margin-bottom: var(--faklk9-margin-bottom-tablet, 0px); margin-left: var(--faklk9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--faklk9-margin-top-mobile, 0px); margin-right: var(--faklk9-margin-right-mobile, 0px); margin-bottom: var(--faklk9-margin-bottom-mobile, 0px); margin-left: var(--faklk9-margin-left-mobile, 0px); } }[data-bnode="beae-ge8sje"] { --ge8sje-width: var(--beae-section-width); --ge8sje-width-tablet: var(--beae-section-width); --ge8sje-width-mobile: var(--beae-section-width); --ge8sje-height: fit-content; --ge8sje-height-tablet: fit-content; --ge8sje-height-mobile: fit-content; --ge8sje-direction: row; --ge8sje-direction-tablet: row; --ge8sje-direction-mobile: column; --ge8sje-structure: columns; --ge8sje-structure-tablet: columns; --ge8sje-structure-mobile: columns; --ge8sje-padding-top: 8px; --ge8sje-padding-top-tablet: 8px; --ge8sje-padding-top-mobile: 8px; --ge8sje-padding-right: 40px; --ge8sje-padding-right-tablet: 40px; --ge8sje-padding-right-mobile: 40px; --ge8sje-padding-bottom: 8px; --ge8sje-padding-bottom-tablet: 8px; --ge8sje-padding-bottom-mobile: 8px; --ge8sje-padding-left: 40px; --ge8sje-padding-left-tablet: 40px; --ge8sje-padding-left-mobile: 40px; }[data-bnode="beae-ge8sje"] { padding-top: var(--ge8sje-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--ge8sje-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--ge8sje-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--ge8sje-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ge8sje-padding-top-tablet, var(--ge8sje-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--ge8sje-padding-right-tablet, var(--ge8sje-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--ge8sje-padding-bottom-tablet, var(--ge8sje-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--ge8sje-padding-left-tablet, var(--ge8sje-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ge8sje-padding-top-mobile, var(--ge8sje-padding-top-tablet, var(--ge8sje-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--ge8sje-padding-right-mobile, var(--ge8sje-padding-right-tablet, var(--ge8sje-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--ge8sje-padding-bottom-mobile, var(--ge8sje-padding-bottom-tablet, var(--ge8sje-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--ge8sje-padding-left-mobile, var(--ge8sje-padding-left-tablet, var(--ge8sje-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--ge8sje-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--ge8sje-height); width: 100%; max-width: var(--ge8sje-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(--ge8sje-height-tablet, auto); width: 100%; max-width: var(--ge8sje-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--ge8sje-height-mobile, auto); width: 100%; max-width: var(--ge8sje-width-mobile, 100%); } } } }[data-bnode="beae-ge8sje"] > .beae-section-container{     display: flex;     flex-direction: var(--ge8sje-direction, column);     flex-wrap: nowrap;     justify-content: var(--ge8sje-justify-content);     align-items: var(--ge8sje-align-items);     gap: var(--ge8sje-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--ge8sje-padding-right, 0px) - var(--ge8sje-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ge8sje"] > .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(--ge8sje-padding-right-tablet, 0px) - var(--ge8sje-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ge8sje"] > .beae-section-container{      flex-direction: var(--ge8sje-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-ybdrkw"] { --ybdrkw-padding-top: 0px; --ybdrkw-padding-top-tablet: 0px; --ybdrkw-padding-top-mobile: 0px; --ybdrkw-padding-right: 80px; --ybdrkw-padding-right-tablet: 80px; --ybdrkw-padding-right-mobile: 0px; --ybdrkw-padding-bottom: 0px; --ybdrkw-padding-bottom-tablet: 0px; --ybdrkw-padding-bottom-mobile: 0px; --ybdrkw-padding-left: 80px; --ybdrkw-padding-left-tablet: 80px; --ybdrkw-padding-left-mobile: 0px; --ybdrkw-max-width: 100%; --ybdrkw-max-width-tablet: 100%; }[data-bnode="beae-ybdrkw"] { padding-top: var(--ybdrkw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ybdrkw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ybdrkw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ybdrkw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ybdrkw-padding-top-tablet, var(--ybdrkw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ybdrkw-padding-right-tablet, var(--ybdrkw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ybdrkw-padding-bottom-tablet, var(--ybdrkw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ybdrkw-padding-left-tablet, var(--ybdrkw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ybdrkw-padding-top-mobile, var(--ybdrkw-padding-top-tablet, var(--ybdrkw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ybdrkw-padding-right-mobile, var(--ybdrkw-padding-right-tablet, var(--ybdrkw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ybdrkw-padding-bottom-mobile, var(--ybdrkw-padding-bottom-tablet, var(--ybdrkw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ybdrkw-padding-left-mobile, var(--ybdrkw-padding-left-tablet, var(--ybdrkw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ybdrkw-position, relative); top: var(--ybdrkw-top, auto); right: var(--ybdrkw-right, auto); bottom: var(--ybdrkw-bottom, auto); left: var(--ybdrkw-left, auto); transform: var(--ybdrkw-transform, none); z-index: var(--ybdrkw-z-index, 10); aspect-ratio: var(--ybdrkw-background-imageRatio, auto); background: var(--ybdrkw-background-color,transparent); border-style: var(--ybdrkw-borderStyle,solid); border-color: var(--ybdrkw-borderColor,#000000); border-width: var(--ybdrkw-borderWidth-tl,0px) var(--ybdrkw-borderWidth-tr,0px) var(--ybdrkw-borderWidth-br,0px) var(--ybdrkw-borderWidth-bl,0px); border-radius: var(--ybdrkw-borderRadius-tl,0px) var(--ybdrkw-borderRadius-tr,0px) var(--ybdrkw-borderRadius-br,0px) var(--ybdrkw-borderRadius-bl,0px); box-shadow: var(--ybdrkw-shadowHorizontal, 0px) var(--ybdrkw-shadowVertical, 0px) var(--ybdrkw-shadowBlur, 0px) 1px color-mix( in srgb, var(--ybdrkw-shadowColor, #000000) var(--ybdrkw-shadowTransparent, 0%), transparent ); max-width: var(--ybdrkw-max-width, 100%); width: 100%; height: if(style(--ybdrkw-position: absolute): var(--ybdrkw-height,100%); else: unset ); backdrop-filter:blur(var(--ybdrkw-background-blur, none)) saturate(var(--ybdrkw-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ybdrkw-position-tablet, var(--ybdrkw-position, relative)); top: var(--ybdrkw-top-tablet, var(--ybdrkw-top, auto)); right: var(--ybdrkw-right-tablet, var(--ybdrkw-right, auto)); bottom: var(--ybdrkw-bottom-tablet, var(--ybdrkw-bottom, auto)); left: var(--ybdrkw-left-tablet, var(--ybdrkw-left, auto)); transform: var(--ybdrkw-transform-tablet, var(--ybdrkw-transform, none)); z-index: var(--ybdrkw-z-index-tablet, var(--ybdrkw-z-index, 10)); aspect-ratio: var(--ybdrkw-background-imageRatio-tablet, var(--ybdrkw-background-imageRatio, auto)); border-width: var(--ybdrkw-borderWidth-tl-tablet, var(--ybdrkw-borderWidth-tl,0px)) var(--ybdrkw-borderWidth-tr-tablet,var(--ybdrkw-borderWidth-tr,0px)) var(--ybdrkw-borderWidth-br-tablet,var(--ybdrkw-borderWidth-br,0px)) var(--ybdrkw-borderWidth-bl-tablet,var(--ybdrkw-borderWidth-bl,0px)); border-radius: var(--ybdrkw-borderRadius-tl-tablet,var(--ybdrkw-borderRadius-tl,0px)) var(--ybdrkw-borderRadius-tr-tablet,var(--ybdrkw-borderRadius-tr,0px)) var(--ybdrkw-borderRadius-br-tablet,var(--ybdrkw-borderRadius-br,0px)) var(--ybdrkw-borderRadius-bl-tablet,var(--ybdrkw-borderRadius-bl,0px)); max-width: var(--ybdrkw-max-width-tablet, var(--ybdrkw-max-width, 100%)); height: if(style(--ybdrkw-position-tablet: absolute): var(--ybdrkw-height-tablet,var(--ybdrkw-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ybdrkw-position-mobile, var(--ybdrkw-position-tablet, var(--ybdrkw-position, relative))); top: var(--ybdrkw-top-mobile, var(--ybdrkw-top-tablet, var(--ybdrkw-top, auto))); right: var(--ybdrkw-right-mobile, var(--ybdrkw-right-tablet, var(--ybdrkw-right, auto))); bottom: var(--ybdrkw-bottom-mobile, var(--ybdrkw-bottom-tablet, var(--ybdrkw-bottom, auto))); left: var(--ybdrkw-left-mobile, var(--ybdrkw-left-tablet, var(--ybdrkw-left, auto))); transform: var(--ybdrkw-transform-mobile, var(--ybdrkw-transform-tablet, var(--ybdrkw-transform, none))); z-index: var(--ybdrkw-z-index-mobile, var(--ybdrkw-z-index-tablet, var(--ybdrkw-z-index, 10))); aspect-ratio: var(--ybdrkw-background-imageRatio-mobile, var(--ybdrkw-background-imageRatio, auto)); border-width: var(--ybdrkw-borderWidth-tl-mobile, var(--ybdrkw-borderWidth-tl,0px)) var(--ybdrkw-borderWidth-tr-mobile,var(--ybdrkw-borderWidth-tr,0px)) var(--ybdrkw-borderWidth-br-mobile,var(--ybdrkw-borderWidth-br,0px)) var(--ybdrkw-borderWidth-bl-mobile,var(--ybdrkw-borderWidth-bl,0px)); border-radius: var(--ybdrkw-borderRadius-tl-mobile,var(--ybdrkw-borderRadius-tl,0px)) var(--ybdrkw-borderRadius-tr-mobile,var(--ybdrkw-borderRadius-tr,0px)) var(--ybdrkw-borderRadius-br-mobile,var(--ybdrkw-borderRadius-br,0px)) var(--ybdrkw-borderRadius-bl-mobile,var(--ybdrkw-borderRadius-bl,0px)); max-width: var(--ybdrkw-max-width-mobile, var(--ybdrkw-max-width, 100%)); height: if(style(--ybdrkw-position-mobile: absolute): var(--ybdrkw-height-mobile,var(--ybdrkw-height-tablet,,var(--ybdrkw-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ybdrkw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ybdrkw-gap,var(--beae-card-gap)); padding-top: var(--ybdrkw-padding-top,var(--beae-card-padding)); padding-right: var(--ybdrkw-padding-right,var(--beae-card-padding)); padding-bottom: var(--ybdrkw-padding-bottom,var(--beae-card-padding)); padding-left: var(--ybdrkw-padding-left,var(--beae-card-padding)); border-width: var(--ybdrkw-borderWidth-tl,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-tr,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-br,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ybdrkw-borderRadius-tl,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-tr,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-br,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ybdrkw-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ybdrkw-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ybdrkw-gap-tablet,var(--beae-card-gap)); padding-top: var(--ybdrkw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ybdrkw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ybdrkw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ybdrkw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ybdrkw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ybdrkw-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ybdrkw-gap-mobile,var(--beae-card-gap)); padding-top: var(--ybdrkw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ybdrkw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ybdrkw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ybdrkw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ybdrkw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ybdrkw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ybdrkw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ybdrkw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ybdrkw-background-color,var(--beae-card-featured-background)); border-color: var(--ybdrkw-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ybdrkw-shadowHorizontal, var(--beae-card-shadow-x)) var(--ybdrkw-shadowVertical, var(--beae-card-shadow-y)) var(--ybdrkw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ybdrkw-shadowColor, var(--beae-card-featured-shadow-color)) var(--ybdrkw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ybdrkw-background-color,var(--beae-card-prod-background)); border-color: var(--ybdrkw-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ybdrkw-shadowHorizontal, var(--beae-card-shadow-x)) var(--ybdrkw-shadowVertical, var(--beae-card-shadow-y)) var(--ybdrkw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ybdrkw-shadowColor, var(--beae-card-prod-shadow-color)) var(--ybdrkw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ybdrkw-background-color,var(--beae-card-pricing-background)); border-color: var(--ybdrkw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ybdrkw-shadowHorizontal, var(--beae-card-shadow-x)) var(--ybdrkw-shadowVertical, var(--beae-card-shadow-y)) var(--ybdrkw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ybdrkw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ybdrkw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ybdrkw-background-color,var(--beae-card-cta-background)); border-color: var(--ybdrkw-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ybdrkw-shadowHorizontal, var(--beae-card-shadow-x)) var(--ybdrkw-shadowVertical, var(--beae-card-shadow-y)) var(--ybdrkw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ybdrkw-shadowColor, var(--beae-card-cta-shadow-color)) var(--ybdrkw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ybdrkw"] {     display: flex;     flex-direction: var(--ybdrkw-direction, column);     flex-wrap: nowrap;     justify-content: var(--ybdrkw-justify-content);     align-items: var(--ybdrkw-align-items);     gap: var(--ybdrkw-gap, var(--ybdrkw-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ybdrkw"] {                            gap: var(--ybdrkw-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(--ybdrkw-padding-right-tablet, 0px) - var(--ybdrkw-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ybdrkw"] {                            gap: var(--ybdrkw-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(--ybdrkw-padding-right-mobile, 0px) - var(--ybdrkw-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-brrgv7"] { --brrgv7-width: 80%; --brrgv7-width-tablet: 80%; --brrgv7-width-mobile: 100%; --brrgv7-imageRatio: 9/16; --brrgv7-imageRatio-tablet: 9/16; --brrgv7-imageRatio-mobile: 9/16; }[data-bnode="beae-brrgv7"] { margin-top: var(--brrgv7-margin-top, 0px); margin-right: var(--brrgv7-margin-right, 0px); margin-bottom: var(--brrgv7-margin-bottom, 0px); margin-left: var(--brrgv7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--brrgv7-margin-top-tablet, 0px); margin-right: var(--brrgv7-margin-right-tablet, 0px); margin-bottom: var(--brrgv7-margin-bottom-tablet, 0px); margin-left: var(--brrgv7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--brrgv7-margin-top-mobile, 0px); margin-right: var(--brrgv7-margin-right-mobile, 0px); margin-bottom: var(--brrgv7-margin-bottom-mobile, 0px); margin-left: var(--brrgv7-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--brrgv7-objFit, cover); width: var(--brrgv7-width); aspect-ratio: var(--brrgv7-imageRatio, auto); border-color: var(--brrgv7-borderColor,var(--beae-card-media-border-color)); border-style: var(--brrgv7-borderStyle,solid); border-width: var(--brrgv7-borderWidth-tl,var(--beae-card-border-width)) var(--brrgv7-borderWidth-tr,var(--beae-card-border-width)) var(--brrgv7-borderWidth-br,var(--beae-card-border-width)) var(--brrgv7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--brrgv7-borderRadius-tl,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-tr,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-br,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-bl,var(--beae-card-border-radius)); box-shadow: var(--brrgv7-shadowHorizontal, var(--beae-card-shadow-x)) var(--brrgv7-shadowVertical, var(--beae-card-shadow-y)) var(--brrgv7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--brrgv7-shadowColor, var(--beae-card-media-shadow-color)) var(--brrgv7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--brrgv7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--brrgv7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--brrgv7-borderWidth-br-tablet,var(--beae-card-border-width)) var(--brrgv7-borderWidth-bl-tablet,var(--beae-card-border-width)); border-radius: var(--brrgv7-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media(max-width: 767px){ border-width: var(--brrgv7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--brrgv7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--brrgv7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--brrgv7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--brrgv7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--brrgv7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } @media (max-width: 1180px) { width: var(--brrgv7-width-tablet); aspect-ratio: var(--brrgv7-imageRatio-tablet, var(--brrgv7-imageRatio, auto)); } @media (max-width: 767px) { width: var(--brrgv7-width-mobile); aspect-ratio: var(--brrgv7-imageRatio-mobile, var(--brrgv7-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--brrgv7-objFit, cover); object-position: center; } .beae-video-play { position: absolute; background: #ffffff; width: 60px; height: 60px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; font-size: 32px; border-radius: 50%; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2); cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } }[data-bnode="beae-tkhtb6"] { --tkhtb6-padding-top: 0px; --tkhtb6-padding-top-tablet: 0px; --tkhtb6-padding-top-mobile: 0px; --tkhtb6-padding-right: 0px; --tkhtb6-padding-right-tablet: 0px; --tkhtb6-padding-right-mobile: 0px; --tkhtb6-padding-bottom: 0px; --tkhtb6-padding-bottom-tablet: 0px; --tkhtb6-padding-bottom-mobile: 0px; --tkhtb6-padding-left: 0px; --tkhtb6-padding-left-tablet: 0px; --tkhtb6-padding-left-mobile: 0px; --tkhtb6-direction: column; --tkhtb6-direction-tablet: column; --tkhtb6-direction-mobile: column; --tkhtb6-gap: 10px; --tkhtb6-gap-tablet: 10px; --tkhtb6-gap-mobile: 10px; }[data-bnode="beae-tkhtb6"] { padding-top: var(--tkhtb6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--tkhtb6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--tkhtb6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--tkhtb6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--tkhtb6-padding-top-tablet, var(--tkhtb6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--tkhtb6-padding-right-tablet, var(--tkhtb6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--tkhtb6-padding-bottom-tablet, var(--tkhtb6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--tkhtb6-padding-left-tablet, var(--tkhtb6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--tkhtb6-padding-top-mobile, var(--tkhtb6-padding-top-tablet, var(--tkhtb6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--tkhtb6-padding-right-mobile, var(--tkhtb6-padding-right-tablet, var(--tkhtb6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--tkhtb6-padding-bottom-mobile, var(--tkhtb6-padding-bottom-tablet, var(--tkhtb6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--tkhtb6-padding-left-mobile, var(--tkhtb6-padding-left-tablet, var(--tkhtb6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--tkhtb6-position, relative); top: var(--tkhtb6-top, auto); right: var(--tkhtb6-right, auto); bottom: var(--tkhtb6-bottom, auto); left: var(--tkhtb6-left, auto); transform: var(--tkhtb6-transform, none); z-index: var(--tkhtb6-z-index, 10); aspect-ratio: var(--tkhtb6-background-imageRatio, auto); background: var(--tkhtb6-background-color,transparent); border-style: var(--tkhtb6-borderStyle,solid); border-color: var(--tkhtb6-borderColor,#000000); border-width: var(--tkhtb6-borderWidth-tl,0px) var(--tkhtb6-borderWidth-tr,0px) var(--tkhtb6-borderWidth-br,0px) var(--tkhtb6-borderWidth-bl,0px); border-radius: var(--tkhtb6-borderRadius-tl,0px) var(--tkhtb6-borderRadius-tr,0px) var(--tkhtb6-borderRadius-br,0px) var(--tkhtb6-borderRadius-bl,0px); box-shadow: var(--tkhtb6-shadowHorizontal, 0px) var(--tkhtb6-shadowVertical, 0px) var(--tkhtb6-shadowBlur, 0px) 1px color-mix( in srgb, var(--tkhtb6-shadowColor, #000000) var(--tkhtb6-shadowTransparent, 0%), transparent ); max-width: var(--tkhtb6-max-width, 100%); width: 100%; height: if(style(--tkhtb6-position: absolute): var(--tkhtb6-height,100%); else: unset ); backdrop-filter:blur(var(--tkhtb6-background-blur, none)) saturate(var(--tkhtb6-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--tkhtb6-position-tablet, var(--tkhtb6-position, relative)); top: var(--tkhtb6-top-tablet, var(--tkhtb6-top, auto)); right: var(--tkhtb6-right-tablet, var(--tkhtb6-right, auto)); bottom: var(--tkhtb6-bottom-tablet, var(--tkhtb6-bottom, auto)); left: var(--tkhtb6-left-tablet, var(--tkhtb6-left, auto)); transform: var(--tkhtb6-transform-tablet, var(--tkhtb6-transform, none)); z-index: var(--tkhtb6-z-index-tablet, var(--tkhtb6-z-index, 10)); aspect-ratio: var(--tkhtb6-background-imageRatio-tablet, var(--tkhtb6-background-imageRatio, auto)); border-width: var(--tkhtb6-borderWidth-tl-tablet, var(--tkhtb6-borderWidth-tl,0px)) var(--tkhtb6-borderWidth-tr-tablet,var(--tkhtb6-borderWidth-tr,0px)) var(--tkhtb6-borderWidth-br-tablet,var(--tkhtb6-borderWidth-br,0px)) var(--tkhtb6-borderWidth-bl-tablet,var(--tkhtb6-borderWidth-bl,0px)); border-radius: var(--tkhtb6-borderRadius-tl-tablet,var(--tkhtb6-borderRadius-tl,0px)) var(--tkhtb6-borderRadius-tr-tablet,var(--tkhtb6-borderRadius-tr,0px)) var(--tkhtb6-borderRadius-br-tablet,var(--tkhtb6-borderRadius-br,0px)) var(--tkhtb6-borderRadius-bl-tablet,var(--tkhtb6-borderRadius-bl,0px)); max-width: var(--tkhtb6-max-width-tablet, var(--tkhtb6-max-width, 100%)); height: if(style(--tkhtb6-position-tablet: absolute): var(--tkhtb6-height-tablet,var(--tkhtb6-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--tkhtb6-position-mobile, var(--tkhtb6-position-tablet, var(--tkhtb6-position, relative))); top: var(--tkhtb6-top-mobile, var(--tkhtb6-top-tablet, var(--tkhtb6-top, auto))); right: var(--tkhtb6-right-mobile, var(--tkhtb6-right-tablet, var(--tkhtb6-right, auto))); bottom: var(--tkhtb6-bottom-mobile, var(--tkhtb6-bottom-tablet, var(--tkhtb6-bottom, auto))); left: var(--tkhtb6-left-mobile, var(--tkhtb6-left-tablet, var(--tkhtb6-left, auto))); transform: var(--tkhtb6-transform-mobile, var(--tkhtb6-transform-tablet, var(--tkhtb6-transform, none))); z-index: var(--tkhtb6-z-index-mobile, var(--tkhtb6-z-index-tablet, var(--tkhtb6-z-index, 10))); aspect-ratio: var(--tkhtb6-background-imageRatio-mobile, var(--tkhtb6-background-imageRatio, auto)); border-width: var(--tkhtb6-borderWidth-tl-mobile, var(--tkhtb6-borderWidth-tl,0px)) var(--tkhtb6-borderWidth-tr-mobile,var(--tkhtb6-borderWidth-tr,0px)) var(--tkhtb6-borderWidth-br-mobile,var(--tkhtb6-borderWidth-br,0px)) var(--tkhtb6-borderWidth-bl-mobile,var(--tkhtb6-borderWidth-bl,0px)); border-radius: var(--tkhtb6-borderRadius-tl-mobile,var(--tkhtb6-borderRadius-tl,0px)) var(--tkhtb6-borderRadius-tr-mobile,var(--tkhtb6-borderRadius-tr,0px)) var(--tkhtb6-borderRadius-br-mobile,var(--tkhtb6-borderRadius-br,0px)) var(--tkhtb6-borderRadius-bl-mobile,var(--tkhtb6-borderRadius-bl,0px)); max-width: var(--tkhtb6-max-width-mobile, var(--tkhtb6-max-width, 100%)); height: if(style(--tkhtb6-position-mobile: absolute): var(--tkhtb6-height-mobile,var(--tkhtb6-height-tablet,,var(--tkhtb6-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--tkhtb6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--tkhtb6-gap,var(--beae-card-gap)); padding-top: var(--tkhtb6-padding-top,var(--beae-card-padding)); padding-right: var(--tkhtb6-padding-right,var(--beae-card-padding)); padding-bottom: var(--tkhtb6-padding-bottom,var(--beae-card-padding)); padding-left: var(--tkhtb6-padding-left,var(--beae-card-padding)); border-width: var(--tkhtb6-borderWidth-tl,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-tr,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-br,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--tkhtb6-borderRadius-tl,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-tr,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-br,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--tkhtb6-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--tkhtb6-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--tkhtb6-gap-tablet,var(--beae-card-gap)); padding-top: var(--tkhtb6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--tkhtb6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--tkhtb6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--tkhtb6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--tkhtb6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--tkhtb6-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--tkhtb6-gap-mobile,var(--beae-card-gap)); padding-top: var(--tkhtb6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--tkhtb6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--tkhtb6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--tkhtb6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--tkhtb6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--tkhtb6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--tkhtb6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--tkhtb6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--tkhtb6-background-color,var(--beae-card-featured-background)); border-color: var(--tkhtb6-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--tkhtb6-shadowHorizontal, var(--beae-card-shadow-x)) var(--tkhtb6-shadowVertical, var(--beae-card-shadow-y)) var(--tkhtb6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tkhtb6-shadowColor, var(--beae-card-featured-shadow-color)) var(--tkhtb6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--tkhtb6-background-color,var(--beae-card-prod-background)); border-color: var(--tkhtb6-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--tkhtb6-shadowHorizontal, var(--beae-card-shadow-x)) var(--tkhtb6-shadowVertical, var(--beae-card-shadow-y)) var(--tkhtb6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tkhtb6-shadowColor, var(--beae-card-prod-shadow-color)) var(--tkhtb6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--tkhtb6-background-color,var(--beae-card-pricing-background)); border-color: var(--tkhtb6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--tkhtb6-shadowHorizontal, var(--beae-card-shadow-x)) var(--tkhtb6-shadowVertical, var(--beae-card-shadow-y)) var(--tkhtb6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tkhtb6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--tkhtb6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--tkhtb6-background-color,var(--beae-card-cta-background)); border-color: var(--tkhtb6-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--tkhtb6-shadowHorizontal, var(--beae-card-shadow-x)) var(--tkhtb6-shadowVertical, var(--beae-card-shadow-y)) var(--tkhtb6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tkhtb6-shadowColor, var(--beae-card-cta-shadow-color)) var(--tkhtb6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-tkhtb6"] {     display: flex;     flex-direction: var(--tkhtb6-direction, column);     flex-wrap: nowrap;     justify-content: var(--tkhtb6-justify-content);     align-items: var(--tkhtb6-align-items);     gap: var(--tkhtb6-gap, var(--tkhtb6-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-tkhtb6"] {                            gap: var(--tkhtb6-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(--tkhtb6-padding-right-tablet, 0px) - var(--tkhtb6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-tkhtb6"] {                            gap: var(--tkhtb6-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(--tkhtb6-padding-right-mobile, 0px) - var(--tkhtb6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-z9jk13"] { --z9jk13-typography: h3; --z9jk13-typography-tablet: h3; --z9jk13-typography-mobile: h3; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; --beae-h3-text-align: start; --z9jk13-margin-top: 192px; --z9jk13-margin-top-tablet: 192px; --z9jk13-margin-top-mobile: 2px; --z9jk13-margin-right: 0px; --z9jk13-margin-right-tablet: 0px; --z9jk13-margin-right-mobile: 0px; --z9jk13-margin-bottom: 0px; --z9jk13-margin-bottom-tablet: 0px; --z9jk13-margin-bottom-mobile: 0px; --z9jk13-margin-left: 0px; --z9jk13-margin-left-tablet: 0px; --z9jk13-margin-left-mobile: 0px; --beae-h3-font-weight: 700; --beae-h3-font-size: 43px; --beae-h3-font-size-mobile: 36px; }[data-bnode="beae-z9jk13"] { margin-top: var(--z9jk13-margin-top, 0px); margin-right: var(--z9jk13-margin-right, 0px); margin-bottom: var(--z9jk13-margin-bottom, 0px); margin-left: var(--z9jk13-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--z9jk13-margin-top-tablet, 0px); margin-right: var(--z9jk13-margin-right-tablet, 0px); margin-bottom: var(--z9jk13-margin-bottom-tablet, 0px); margin-left: var(--z9jk13-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--z9jk13-margin-top-mobile, 0px); margin-right: var(--z9jk13-margin-right-mobile, 0px); margin-bottom: var(--z9jk13-margin-bottom-mobile, 0px); margin-left: var(--z9jk13-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--z9jk13-highlightColor,var(--beae-p-color)); top: var(--z9jk13-highlightTop, 100%); } }[data-bnode="beae-cebjyz"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --cebjyz-typography: p; --cebjyz-typography-tablet: p; --cebjyz-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 500; }[data-bnode="beae-cebjyz"] { margin-top: var(--cebjyz-margin-top, 0px); margin-right: var(--cebjyz-margin-right, 0px); margin-bottom: var(--cebjyz-margin-bottom, 0px); margin-left: var(--cebjyz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cebjyz-margin-top-tablet, 0px); margin-right: var(--cebjyz-margin-right-tablet, 0px); margin-bottom: var(--cebjyz-margin-bottom-tablet, 0px); margin-left: var(--cebjyz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cebjyz-margin-top-mobile, 0px); margin-right: var(--cebjyz-margin-right-mobile, 0px); margin-bottom: var(--cebjyz-margin-bottom-mobile, 0px); margin-left: var(--cebjyz-margin-left-mobile, 0px); } }[data-bnode="beae-i3cuxm"] { --i3cuxm-width: var(--beae-section-width); --i3cuxm-width-tablet: var(--beae-section-width); --i3cuxm-width-mobile: var(--beae-section-width); --i3cuxm-height: fit-content; --i3cuxm-height-tablet: fit-content; --i3cuxm-height-mobile: fit-content; --i3cuxm-direction: row; --i3cuxm-direction-tablet: row; --i3cuxm-direction-mobile: column; --i3cuxm-structure: columns; --i3cuxm-structure-tablet: columns; --i3cuxm-structure-mobile: columns; --i3cuxm-padding-top: 0px; --i3cuxm-padding-top-tablet: 0px; --i3cuxm-padding-top-mobile: 0px; --i3cuxm-padding-right: 40px; --i3cuxm-padding-right-tablet: 40px; --i3cuxm-padding-right-mobile: 40px; --i3cuxm-padding-bottom: 0px; --i3cuxm-padding-bottom-tablet: 0px; --i3cuxm-padding-bottom-mobile: 0px; --i3cuxm-padding-left: 40px; --i3cuxm-padding-left-tablet: 40px; --i3cuxm-padding-left-mobile: 40px; }[data-bnode="beae-i3cuxm"] { padding-top: var(--i3cuxm-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--i3cuxm-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--i3cuxm-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--i3cuxm-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--i3cuxm-padding-top-tablet, var(--i3cuxm-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--i3cuxm-padding-right-tablet, var(--i3cuxm-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--i3cuxm-padding-bottom-tablet, var(--i3cuxm-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--i3cuxm-padding-left-tablet, var(--i3cuxm-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--i3cuxm-padding-top-mobile, var(--i3cuxm-padding-top-tablet, var(--i3cuxm-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--i3cuxm-padding-right-mobile, var(--i3cuxm-padding-right-tablet, var(--i3cuxm-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--i3cuxm-padding-bottom-mobile, var(--i3cuxm-padding-bottom-tablet, var(--i3cuxm-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--i3cuxm-padding-left-mobile, var(--i3cuxm-padding-left-tablet, var(--i3cuxm-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--i3cuxm-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--i3cuxm-height); width: 100%; max-width: var(--i3cuxm-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(--i3cuxm-height-tablet, auto); width: 100%; max-width: var(--i3cuxm-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--i3cuxm-height-mobile, auto); width: 100%; max-width: var(--i3cuxm-width-mobile, 100%); } } } }[data-bnode="beae-i3cuxm"] > .beae-section-container{     display: flex;     flex-direction: var(--i3cuxm-direction, column);     flex-wrap: nowrap;     justify-content: var(--i3cuxm-justify-content);     align-items: var(--i3cuxm-align-items);     gap: var(--i3cuxm-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--i3cuxm-padding-right, 0px) - var(--i3cuxm-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-i3cuxm"] > .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(--i3cuxm-padding-right-tablet, 0px) - var(--i3cuxm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-i3cuxm"] > .beae-section-container{      flex-direction: var(--i3cuxm-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-6iy2xs"] { --6iy2xs-padding-top: 0px; --6iy2xs-padding-top-tablet: 0px; --6iy2xs-padding-top-mobile: 0px; --6iy2xs-padding-right: 80px; --6iy2xs-padding-right-tablet: 80px; --6iy2xs-padding-right-mobile: 0px; --6iy2xs-padding-bottom: 0px; --6iy2xs-padding-bottom-tablet: 0px; --6iy2xs-padding-bottom-mobile: 0px; --6iy2xs-padding-left: 80px; --6iy2xs-padding-left-tablet: 80px; --6iy2xs-padding-left-mobile: 0px; --6iy2xs-max-width: 100%; --6iy2xs-max-width-tablet: 100%; }[data-bnode="beae-6iy2xs"] { padding-top: var(--6iy2xs-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--6iy2xs-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--6iy2xs-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--6iy2xs-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6iy2xs-padding-top-tablet, var(--6iy2xs-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--6iy2xs-padding-right-tablet, var(--6iy2xs-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--6iy2xs-padding-bottom-tablet, var(--6iy2xs-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--6iy2xs-padding-left-tablet, var(--6iy2xs-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6iy2xs-padding-top-mobile, var(--6iy2xs-padding-top-tablet, var(--6iy2xs-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--6iy2xs-padding-right-mobile, var(--6iy2xs-padding-right-tablet, var(--6iy2xs-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--6iy2xs-padding-bottom-mobile, var(--6iy2xs-padding-bottom-tablet, var(--6iy2xs-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--6iy2xs-padding-left-mobile, var(--6iy2xs-padding-left-tablet, var(--6iy2xs-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--6iy2xs-position, relative); top: var(--6iy2xs-top, auto); right: var(--6iy2xs-right, auto); bottom: var(--6iy2xs-bottom, auto); left: var(--6iy2xs-left, auto); transform: var(--6iy2xs-transform, none); z-index: var(--6iy2xs-z-index, 10); aspect-ratio: var(--6iy2xs-background-imageRatio, auto); background: var(--6iy2xs-background-color,transparent); border-style: var(--6iy2xs-borderStyle,solid); border-color: var(--6iy2xs-borderColor,#000000); border-width: var(--6iy2xs-borderWidth-tl,0px) var(--6iy2xs-borderWidth-tr,0px) var(--6iy2xs-borderWidth-br,0px) var(--6iy2xs-borderWidth-bl,0px); border-radius: var(--6iy2xs-borderRadius-tl,0px) var(--6iy2xs-borderRadius-tr,0px) var(--6iy2xs-borderRadius-br,0px) var(--6iy2xs-borderRadius-bl,0px); box-shadow: var(--6iy2xs-shadowHorizontal, 0px) var(--6iy2xs-shadowVertical, 0px) var(--6iy2xs-shadowBlur, 0px) 1px color-mix( in srgb, var(--6iy2xs-shadowColor, #000000) var(--6iy2xs-shadowTransparent, 0%), transparent ); max-width: var(--6iy2xs-max-width, 100%); width: 100%; height: if(style(--6iy2xs-position: absolute): var(--6iy2xs-height,100%); else: unset ); backdrop-filter:blur(var(--6iy2xs-background-blur, none)) saturate(var(--6iy2xs-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--6iy2xs-position-tablet, var(--6iy2xs-position, relative)); top: var(--6iy2xs-top-tablet, var(--6iy2xs-top, auto)); right: var(--6iy2xs-right-tablet, var(--6iy2xs-right, auto)); bottom: var(--6iy2xs-bottom-tablet, var(--6iy2xs-bottom, auto)); left: var(--6iy2xs-left-tablet, var(--6iy2xs-left, auto)); transform: var(--6iy2xs-transform-tablet, var(--6iy2xs-transform, none)); z-index: var(--6iy2xs-z-index-tablet, var(--6iy2xs-z-index, 10)); aspect-ratio: var(--6iy2xs-background-imageRatio-tablet, var(--6iy2xs-background-imageRatio, auto)); border-width: var(--6iy2xs-borderWidth-tl-tablet, var(--6iy2xs-borderWidth-tl,0px)) var(--6iy2xs-borderWidth-tr-tablet,var(--6iy2xs-borderWidth-tr,0px)) var(--6iy2xs-borderWidth-br-tablet,var(--6iy2xs-borderWidth-br,0px)) var(--6iy2xs-borderWidth-bl-tablet,var(--6iy2xs-borderWidth-bl,0px)); border-radius: var(--6iy2xs-borderRadius-tl-tablet,var(--6iy2xs-borderRadius-tl,0px)) var(--6iy2xs-borderRadius-tr-tablet,var(--6iy2xs-borderRadius-tr,0px)) var(--6iy2xs-borderRadius-br-tablet,var(--6iy2xs-borderRadius-br,0px)) var(--6iy2xs-borderRadius-bl-tablet,var(--6iy2xs-borderRadius-bl,0px)); max-width: var(--6iy2xs-max-width-tablet, var(--6iy2xs-max-width, 100%)); height: if(style(--6iy2xs-position-tablet: absolute): var(--6iy2xs-height-tablet,var(--6iy2xs-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--6iy2xs-position-mobile, var(--6iy2xs-position-tablet, var(--6iy2xs-position, relative))); top: var(--6iy2xs-top-mobile, var(--6iy2xs-top-tablet, var(--6iy2xs-top, auto))); right: var(--6iy2xs-right-mobile, var(--6iy2xs-right-tablet, var(--6iy2xs-right, auto))); bottom: var(--6iy2xs-bottom-mobile, var(--6iy2xs-bottom-tablet, var(--6iy2xs-bottom, auto))); left: var(--6iy2xs-left-mobile, var(--6iy2xs-left-tablet, var(--6iy2xs-left, auto))); transform: var(--6iy2xs-transform-mobile, var(--6iy2xs-transform-tablet, var(--6iy2xs-transform, none))); z-index: var(--6iy2xs-z-index-mobile, var(--6iy2xs-z-index-tablet, var(--6iy2xs-z-index, 10))); aspect-ratio: var(--6iy2xs-background-imageRatio-mobile, var(--6iy2xs-background-imageRatio, auto)); border-width: var(--6iy2xs-borderWidth-tl-mobile, var(--6iy2xs-borderWidth-tl,0px)) var(--6iy2xs-borderWidth-tr-mobile,var(--6iy2xs-borderWidth-tr,0px)) var(--6iy2xs-borderWidth-br-mobile,var(--6iy2xs-borderWidth-br,0px)) var(--6iy2xs-borderWidth-bl-mobile,var(--6iy2xs-borderWidth-bl,0px)); border-radius: var(--6iy2xs-borderRadius-tl-mobile,var(--6iy2xs-borderRadius-tl,0px)) var(--6iy2xs-borderRadius-tr-mobile,var(--6iy2xs-borderRadius-tr,0px)) var(--6iy2xs-borderRadius-br-mobile,var(--6iy2xs-borderRadius-br,0px)) var(--6iy2xs-borderRadius-bl-mobile,var(--6iy2xs-borderRadius-bl,0px)); max-width: var(--6iy2xs-max-width-mobile, var(--6iy2xs-max-width, 100%)); height: if(style(--6iy2xs-position-mobile: absolute): var(--6iy2xs-height-mobile,var(--6iy2xs-height-tablet,,var(--6iy2xs-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--6iy2xs-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--6iy2xs-gap,var(--beae-card-gap)); padding-top: var(--6iy2xs-padding-top,var(--beae-card-padding)); padding-right: var(--6iy2xs-padding-right,var(--beae-card-padding)); padding-bottom: var(--6iy2xs-padding-bottom,var(--beae-card-padding)); padding-left: var(--6iy2xs-padding-left,var(--beae-card-padding)); border-width: var(--6iy2xs-borderWidth-tl,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-tr,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-br,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6iy2xs-borderRadius-tl,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-tr,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-br,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--6iy2xs-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--6iy2xs-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--6iy2xs-gap-tablet,var(--beae-card-gap)); padding-top: var(--6iy2xs-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--6iy2xs-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--6iy2xs-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--6iy2xs-padding-left-tablet,var(--beae-card-padding)); border-width: var(--6iy2xs-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-br-desktop,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--6iy2xs-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--6iy2xs-gap-mobile,var(--beae-card-gap)); padding-top: var(--6iy2xs-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--6iy2xs-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--6iy2xs-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--6iy2xs-padding-left-mobile,var(--beae-card-padding)); border-width: var(--6iy2xs-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-br-mobile,var(--beae-card-border-width)) var(--6iy2xs-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--6iy2xs-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--6iy2xs-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--6iy2xs-background-color,var(--beae-card-featured-background)); border-color: var(--6iy2xs-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--6iy2xs-shadowHorizontal, var(--beae-card-shadow-x)) var(--6iy2xs-shadowVertical, var(--beae-card-shadow-y)) var(--6iy2xs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6iy2xs-shadowColor, var(--beae-card-featured-shadow-color)) var(--6iy2xs-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--6iy2xs-background-color,var(--beae-card-prod-background)); border-color: var(--6iy2xs-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--6iy2xs-shadowHorizontal, var(--beae-card-shadow-x)) var(--6iy2xs-shadowVertical, var(--beae-card-shadow-y)) var(--6iy2xs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6iy2xs-shadowColor, var(--beae-card-prod-shadow-color)) var(--6iy2xs-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--6iy2xs-background-color,var(--beae-card-pricing-background)); border-color: var(--6iy2xs-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--6iy2xs-shadowHorizontal, var(--beae-card-shadow-x)) var(--6iy2xs-shadowVertical, var(--beae-card-shadow-y)) var(--6iy2xs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6iy2xs-shadowColor, var(--beae-card-pricing-shadow-color)) var(--6iy2xs-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--6iy2xs-background-color,var(--beae-card-cta-background)); border-color: var(--6iy2xs-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--6iy2xs-shadowHorizontal, var(--beae-card-shadow-x)) var(--6iy2xs-shadowVertical, var(--beae-card-shadow-y)) var(--6iy2xs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6iy2xs-shadowColor, var(--beae-card-cta-shadow-color)) var(--6iy2xs-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-6iy2xs"] {     display: flex;     flex-direction: var(--6iy2xs-direction, column);     flex-wrap: nowrap;     justify-content: var(--6iy2xs-justify-content);     align-items: var(--6iy2xs-align-items);     gap: var(--6iy2xs-gap, var(--6iy2xs-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6iy2xs"] {                            gap: var(--6iy2xs-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(--6iy2xs-padding-right-tablet, 0px) - var(--6iy2xs-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6iy2xs"] {                            gap: var(--6iy2xs-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(--6iy2xs-padding-right-mobile, 0px) - var(--6iy2xs-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-erdqa4"] { --erdqa4-width: 80%; --erdqa4-width-tablet: 80%; --erdqa4-width-mobile: 100%; --erdqa4-imageRatio: 9/16; --erdqa4-imageRatio-tablet: 9/16; --erdqa4-imageRatio-mobile: 9/16; }[data-bnode="beae-erdqa4"] { margin-top: var(--erdqa4-margin-top, 0px); margin-right: var(--erdqa4-margin-right, 0px); margin-bottom: var(--erdqa4-margin-bottom, 0px); margin-left: var(--erdqa4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--erdqa4-margin-top-tablet, 0px); margin-right: var(--erdqa4-margin-right-tablet, 0px); margin-bottom: var(--erdqa4-margin-bottom-tablet, 0px); margin-left: var(--erdqa4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--erdqa4-margin-top-mobile, 0px); margin-right: var(--erdqa4-margin-right-mobile, 0px); margin-bottom: var(--erdqa4-margin-bottom-mobile, 0px); margin-left: var(--erdqa4-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--erdqa4-objFit, cover); width: var(--erdqa4-width); aspect-ratio: var(--erdqa4-imageRatio, auto); border-color: var(--erdqa4-borderColor,var(--beae-card-media-border-color)); border-style: var(--erdqa4-borderStyle,solid); border-width: var(--erdqa4-borderWidth-tl,var(--beae-card-border-width)) var(--erdqa4-borderWidth-tr,var(--beae-card-border-width)) var(--erdqa4-borderWidth-br,var(--beae-card-border-width)) var(--erdqa4-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--erdqa4-borderRadius-tl,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-tr,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-br,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-bl,var(--beae-card-border-radius)); box-shadow: var(--erdqa4-shadowHorizontal, var(--beae-card-shadow-x)) var(--erdqa4-shadowVertical, var(--beae-card-shadow-y)) var(--erdqa4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--erdqa4-shadowColor, var(--beae-card-media-shadow-color)) var(--erdqa4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--erdqa4-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--erdqa4-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--erdqa4-borderWidth-br-tablet,var(--beae-card-border-width)) var(--erdqa4-borderWidth-bl-tablet,var(--beae-card-border-width)); border-radius: var(--erdqa4-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media(max-width: 767px){ border-width: var(--erdqa4-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--erdqa4-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--erdqa4-borderWidth-br-mobile,var(--beae-card-border-width)) var(--erdqa4-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--erdqa4-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--erdqa4-borderRadius-bl-mobile,var(--beae-card-border-radius)); } @media (max-width: 1180px) { width: var(--erdqa4-width-tablet); aspect-ratio: var(--erdqa4-imageRatio-tablet, var(--erdqa4-imageRatio, auto)); } @media (max-width: 767px) { width: var(--erdqa4-width-mobile); aspect-ratio: var(--erdqa4-imageRatio-mobile, var(--erdqa4-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--erdqa4-objFit, cover); object-position: center; } .beae-video-play { position: absolute; background: #ffffff; width: 60px; height: 60px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; font-size: 32px; border-radius: 50%; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2); cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } }[data-bnode="beae-xvp54k"] { --xvp54k-padding-top: 0px; --xvp54k-padding-top-tablet: 0px; --xvp54k-padding-top-mobile: 0px; --xvp54k-padding-right: 0px; --xvp54k-padding-right-tablet: 0px; --xvp54k-padding-right-mobile: 0px; --xvp54k-padding-bottom: 0px; --xvp54k-padding-bottom-tablet: 0px; --xvp54k-padding-bottom-mobile: 0px; --xvp54k-padding-left: 0px; --xvp54k-padding-left-tablet: 0px; --xvp54k-padding-left-mobile: 0px; --xvp54k-direction: column; --xvp54k-direction-tablet: column; --xvp54k-direction-mobile: column; --xvp54k-gap: 10px; --xvp54k-gap-tablet: 10px; --xvp54k-gap-mobile: 10px; }[data-bnode="beae-xvp54k"] { padding-top: var(--xvp54k-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xvp54k-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xvp54k-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xvp54k-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xvp54k-padding-top-tablet, var(--xvp54k-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xvp54k-padding-right-tablet, var(--xvp54k-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xvp54k-padding-bottom-tablet, var(--xvp54k-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xvp54k-padding-left-tablet, var(--xvp54k-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xvp54k-padding-top-mobile, var(--xvp54k-padding-top-tablet, var(--xvp54k-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xvp54k-padding-right-mobile, var(--xvp54k-padding-right-tablet, var(--xvp54k-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xvp54k-padding-bottom-mobile, var(--xvp54k-padding-bottom-tablet, var(--xvp54k-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xvp54k-padding-left-mobile, var(--xvp54k-padding-left-tablet, var(--xvp54k-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--xvp54k-position, relative); top: var(--xvp54k-top, auto); right: var(--xvp54k-right, auto); bottom: var(--xvp54k-bottom, auto); left: var(--xvp54k-left, auto); transform: var(--xvp54k-transform, none); z-index: var(--xvp54k-z-index, 10); aspect-ratio: var(--xvp54k-background-imageRatio, auto); background: var(--xvp54k-background-color,transparent); border-style: var(--xvp54k-borderStyle,solid); border-color: var(--xvp54k-borderColor,#000000); border-width: var(--xvp54k-borderWidth-tl,0px) var(--xvp54k-borderWidth-tr,0px) var(--xvp54k-borderWidth-br,0px) var(--xvp54k-borderWidth-bl,0px); border-radius: var(--xvp54k-borderRadius-tl,0px) var(--xvp54k-borderRadius-tr,0px) var(--xvp54k-borderRadius-br,0px) var(--xvp54k-borderRadius-bl,0px); box-shadow: var(--xvp54k-shadowHorizontal, 0px) var(--xvp54k-shadowVertical, 0px) var(--xvp54k-shadowBlur, 0px) 1px color-mix( in srgb, var(--xvp54k-shadowColor, #000000) var(--xvp54k-shadowTransparent, 0%), transparent ); max-width: var(--xvp54k-max-width, 100%); width: 100%; height: if(style(--xvp54k-position: absolute): var(--xvp54k-height,100%); else: unset ); backdrop-filter:blur(var(--xvp54k-background-blur, none)) saturate(var(--xvp54k-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--xvp54k-position-tablet, var(--xvp54k-position, relative)); top: var(--xvp54k-top-tablet, var(--xvp54k-top, auto)); right: var(--xvp54k-right-tablet, var(--xvp54k-right, auto)); bottom: var(--xvp54k-bottom-tablet, var(--xvp54k-bottom, auto)); left: var(--xvp54k-left-tablet, var(--xvp54k-left, auto)); transform: var(--xvp54k-transform-tablet, var(--xvp54k-transform, none)); z-index: var(--xvp54k-z-index-tablet, var(--xvp54k-z-index, 10)); aspect-ratio: var(--xvp54k-background-imageRatio-tablet, var(--xvp54k-background-imageRatio, auto)); border-width: var(--xvp54k-borderWidth-tl-tablet, var(--xvp54k-borderWidth-tl,0px)) var(--xvp54k-borderWidth-tr-tablet,var(--xvp54k-borderWidth-tr,0px)) var(--xvp54k-borderWidth-br-tablet,var(--xvp54k-borderWidth-br,0px)) var(--xvp54k-borderWidth-bl-tablet,var(--xvp54k-borderWidth-bl,0px)); border-radius: var(--xvp54k-borderRadius-tl-tablet,var(--xvp54k-borderRadius-tl,0px)) var(--xvp54k-borderRadius-tr-tablet,var(--xvp54k-borderRadius-tr,0px)) var(--xvp54k-borderRadius-br-tablet,var(--xvp54k-borderRadius-br,0px)) var(--xvp54k-borderRadius-bl-tablet,var(--xvp54k-borderRadius-bl,0px)); max-width: var(--xvp54k-max-width-tablet, var(--xvp54k-max-width, 100%)); height: if(style(--xvp54k-position-tablet: absolute): var(--xvp54k-height-tablet,var(--xvp54k-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--xvp54k-position-mobile, var(--xvp54k-position-tablet, var(--xvp54k-position, relative))); top: var(--xvp54k-top-mobile, var(--xvp54k-top-tablet, var(--xvp54k-top, auto))); right: var(--xvp54k-right-mobile, var(--xvp54k-right-tablet, var(--xvp54k-right, auto))); bottom: var(--xvp54k-bottom-mobile, var(--xvp54k-bottom-tablet, var(--xvp54k-bottom, auto))); left: var(--xvp54k-left-mobile, var(--xvp54k-left-tablet, var(--xvp54k-left, auto))); transform: var(--xvp54k-transform-mobile, var(--xvp54k-transform-tablet, var(--xvp54k-transform, none))); z-index: var(--xvp54k-z-index-mobile, var(--xvp54k-z-index-tablet, var(--xvp54k-z-index, 10))); aspect-ratio: var(--xvp54k-background-imageRatio-mobile, var(--xvp54k-background-imageRatio, auto)); border-width: var(--xvp54k-borderWidth-tl-mobile, var(--xvp54k-borderWidth-tl,0px)) var(--xvp54k-borderWidth-tr-mobile,var(--xvp54k-borderWidth-tr,0px)) var(--xvp54k-borderWidth-br-mobile,var(--xvp54k-borderWidth-br,0px)) var(--xvp54k-borderWidth-bl-mobile,var(--xvp54k-borderWidth-bl,0px)); border-radius: var(--xvp54k-borderRadius-tl-mobile,var(--xvp54k-borderRadius-tl,0px)) var(--xvp54k-borderRadius-tr-mobile,var(--xvp54k-borderRadius-tr,0px)) var(--xvp54k-borderRadius-br-mobile,var(--xvp54k-borderRadius-br,0px)) var(--xvp54k-borderRadius-bl-mobile,var(--xvp54k-borderRadius-bl,0px)); max-width: var(--xvp54k-max-width-mobile, var(--xvp54k-max-width, 100%)); height: if(style(--xvp54k-position-mobile: absolute): var(--xvp54k-height-mobile,var(--xvp54k-height-tablet,,var(--xvp54k-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xvp54k-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--xvp54k-gap,var(--beae-card-gap)); padding-top: var(--xvp54k-padding-top,var(--beae-card-padding)); padding-right: var(--xvp54k-padding-right,var(--beae-card-padding)); padding-bottom: var(--xvp54k-padding-bottom,var(--beae-card-padding)); padding-left: var(--xvp54k-padding-left,var(--beae-card-padding)); border-width: var(--xvp54k-borderWidth-tl,var(--beae-card-border-width)) var(--xvp54k-borderWidth-tr,var(--beae-card-border-width)) var(--xvp54k-borderWidth-br,var(--beae-card-border-width)) var(--xvp54k-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xvp54k-borderRadius-tl,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-tr,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-br,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--xvp54k-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--xvp54k-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--xvp54k-gap-tablet,var(--beae-card-gap)); padding-top: var(--xvp54k-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xvp54k-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xvp54k-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xvp54k-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xvp54k-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xvp54k-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xvp54k-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xvp54k-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xvp54k-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--xvp54k-gap-mobile,var(--beae-card-gap)); padding-top: var(--xvp54k-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xvp54k-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xvp54k-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xvp54k-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xvp54k-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xvp54k-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xvp54k-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xvp54k-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xvp54k-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xvp54k-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xvp54k-background-color,var(--beae-card-featured-background)); border-color: var(--xvp54k-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--xvp54k-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvp54k-shadowVertical, var(--beae-card-shadow-y)) var(--xvp54k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvp54k-shadowColor, var(--beae-card-featured-shadow-color)) var(--xvp54k-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--xvp54k-background-color,var(--beae-card-prod-background)); border-color: var(--xvp54k-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--xvp54k-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvp54k-shadowVertical, var(--beae-card-shadow-y)) var(--xvp54k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvp54k-shadowColor, var(--beae-card-prod-shadow-color)) var(--xvp54k-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--xvp54k-background-color,var(--beae-card-pricing-background)); border-color: var(--xvp54k-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--xvp54k-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvp54k-shadowVertical, var(--beae-card-shadow-y)) var(--xvp54k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvp54k-shadowColor, var(--beae-card-pricing-shadow-color)) var(--xvp54k-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--xvp54k-background-color,var(--beae-card-cta-background)); border-color: var(--xvp54k-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--xvp54k-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvp54k-shadowVertical, var(--beae-card-shadow-y)) var(--xvp54k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvp54k-shadowColor, var(--beae-card-cta-shadow-color)) var(--xvp54k-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-xvp54k"] {     display: flex;     flex-direction: var(--xvp54k-direction, column);     flex-wrap: nowrap;     justify-content: var(--xvp54k-justify-content);     align-items: var(--xvp54k-align-items);     gap: var(--xvp54k-gap, var(--xvp54k-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xvp54k"] {                            gap: var(--xvp54k-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(--xvp54k-padding-right-tablet, 0px) - var(--xvp54k-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xvp54k"] {                            gap: var(--xvp54k-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(--xvp54k-padding-right-mobile, 0px) - var(--xvp54k-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-uvn72y"] { --uvn72y-typography: h3; --uvn72y-typography-tablet: h3; --uvn72y-typography-mobile: h3; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; --beae-h3-text-align: start; --uvn72y-margin-top: 192px; --uvn72y-margin-top-tablet: 192px; --uvn72y-margin-top-mobile: 2px; --uvn72y-margin-right: 0px; --uvn72y-margin-right-tablet: 0px; --uvn72y-margin-right-mobile: 0px; --uvn72y-margin-bottom: 0px; --uvn72y-margin-bottom-tablet: 0px; --uvn72y-margin-bottom-mobile: 0px; --uvn72y-margin-left: 0px; --uvn72y-margin-left-tablet: 0px; --uvn72y-margin-left-mobile: 0px; --beae-h3-font-weight: 700; --beae-h3-font-size: 43px; --beae-h3-font-size-mobile: 38px; }[data-bnode="beae-uvn72y"] { margin-top: var(--uvn72y-margin-top, 0px); margin-right: var(--uvn72y-margin-right, 0px); margin-bottom: var(--uvn72y-margin-bottom, 0px); margin-left: var(--uvn72y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uvn72y-margin-top-tablet, 0px); margin-right: var(--uvn72y-margin-right-tablet, 0px); margin-bottom: var(--uvn72y-margin-bottom-tablet, 0px); margin-left: var(--uvn72y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uvn72y-margin-top-mobile, 0px); margin-right: var(--uvn72y-margin-right-mobile, 0px); margin-bottom: var(--uvn72y-margin-bottom-mobile, 0px); margin-left: var(--uvn72y-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--uvn72y-highlightColor,var(--beae-p-color)); top: var(--uvn72y-highlightTop, 100%); } }[data-bnode="beae-5l47to"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --5l47to-typography: p; --5l47to-typography-tablet: p; --5l47to-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 500; }[data-bnode="beae-5l47to"] { margin-top: var(--5l47to-margin-top, 0px); margin-right: var(--5l47to-margin-right, 0px); margin-bottom: var(--5l47to-margin-bottom, 0px); margin-left: var(--5l47to-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5l47to-margin-top-tablet, 0px); margin-right: var(--5l47to-margin-right-tablet, 0px); margin-bottom: var(--5l47to-margin-bottom-tablet, 0px); margin-left: var(--5l47to-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5l47to-margin-top-mobile, 0px); margin-right: var(--5l47to-margin-right-mobile, 0px); margin-bottom: var(--5l47to-margin-bottom-mobile, 0px); margin-left: var(--5l47to-margin-left-mobile, 0px); } }[data-bnode="beae-sydd9o"] { --sydd9o-width: var(--beae-section-width); --sydd9o-width-tablet: var(--beae-section-width); --sydd9o-width-mobile: var(--beae-section-width); --sydd9o-height: fit-content; --sydd9o-height-tablet: fit-content; --sydd9o-height-mobile: fit-content; --sydd9o-direction: row; --sydd9o-direction-tablet: row; --sydd9o-direction-mobile: column; --sydd9o-structure: columns; --sydd9o-structure-tablet: columns; --sydd9o-structure-mobile: columns; --sydd9o-padding-top: 6px; --sydd9o-padding-top-tablet: 6px; --sydd9o-padding-top-mobile: 6px; --sydd9o-padding-right: 40px; --sydd9o-padding-right-tablet: 40px; --sydd9o-padding-right-mobile: 40px; --sydd9o-padding-bottom: 6px; --sydd9o-padding-bottom-tablet: 6px; --sydd9o-padding-bottom-mobile: 6px; --sydd9o-padding-left: 40px; --sydd9o-padding-left-tablet: 40px; --sydd9o-padding-left-mobile: 40px; }[data-bnode="beae-sydd9o"] { padding-top: var(--sydd9o-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--sydd9o-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--sydd9o-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--sydd9o-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--sydd9o-padding-top-tablet, var(--sydd9o-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--sydd9o-padding-right-tablet, var(--sydd9o-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--sydd9o-padding-bottom-tablet, var(--sydd9o-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--sydd9o-padding-left-tablet, var(--sydd9o-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--sydd9o-padding-top-mobile, var(--sydd9o-padding-top-tablet, var(--sydd9o-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--sydd9o-padding-right-mobile, var(--sydd9o-padding-right-tablet, var(--sydd9o-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--sydd9o-padding-bottom-mobile, var(--sydd9o-padding-bottom-tablet, var(--sydd9o-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--sydd9o-padding-left-mobile, var(--sydd9o-padding-left-tablet, var(--sydd9o-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--sydd9o-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--sydd9o-height); width: 100%; max-width: var(--sydd9o-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(--sydd9o-height-tablet, auto); width: 100%; max-width: var(--sydd9o-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--sydd9o-height-mobile, auto); width: 100%; max-width: var(--sydd9o-width-mobile, 100%); } } } }[data-bnode="beae-sydd9o"] > .beae-section-container{     display: flex;     flex-direction: var(--sydd9o-direction, column);     flex-wrap: nowrap;     justify-content: var(--sydd9o-justify-content);     align-items: var(--sydd9o-align-items);     gap: var(--sydd9o-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--sydd9o-padding-right, 0px) - var(--sydd9o-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-sydd9o"] > .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(--sydd9o-padding-right-tablet, 0px) - var(--sydd9o-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-sydd9o"] > .beae-section-container{      flex-direction: var(--sydd9o-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-4v3iu2"] { --4v3iu2-padding-top: 0px; --4v3iu2-padding-top-tablet: 0px; --4v3iu2-padding-top-mobile: 0px; --4v3iu2-padding-right: 80px; --4v3iu2-padding-right-tablet: 80px; --4v3iu2-padding-right-mobile: 0px; --4v3iu2-padding-bottom: 0px; --4v3iu2-padding-bottom-tablet: 0px; --4v3iu2-padding-bottom-mobile: 0px; --4v3iu2-padding-left: 80px; --4v3iu2-padding-left-tablet: 80px; --4v3iu2-padding-left-mobile: 0px; --4v3iu2-max-width: 100%; --4v3iu2-max-width-tablet: 100%; }[data-bnode="beae-4v3iu2"] { padding-top: var(--4v3iu2-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--4v3iu2-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--4v3iu2-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--4v3iu2-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--4v3iu2-padding-top-tablet, var(--4v3iu2-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--4v3iu2-padding-right-tablet, var(--4v3iu2-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--4v3iu2-padding-bottom-tablet, var(--4v3iu2-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--4v3iu2-padding-left-tablet, var(--4v3iu2-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--4v3iu2-padding-top-mobile, var(--4v3iu2-padding-top-tablet, var(--4v3iu2-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--4v3iu2-padding-right-mobile, var(--4v3iu2-padding-right-tablet, var(--4v3iu2-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--4v3iu2-padding-bottom-mobile, var(--4v3iu2-padding-bottom-tablet, var(--4v3iu2-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--4v3iu2-padding-left-mobile, var(--4v3iu2-padding-left-tablet, var(--4v3iu2-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--4v3iu2-position, relative); top: var(--4v3iu2-top, auto); right: var(--4v3iu2-right, auto); bottom: var(--4v3iu2-bottom, auto); left: var(--4v3iu2-left, auto); transform: var(--4v3iu2-transform, none); z-index: var(--4v3iu2-z-index, 10); aspect-ratio: var(--4v3iu2-background-imageRatio, auto); background: var(--4v3iu2-background-color,transparent); border-style: var(--4v3iu2-borderStyle,solid); border-color: var(--4v3iu2-borderColor,#000000); border-width: var(--4v3iu2-borderWidth-tl,0px) var(--4v3iu2-borderWidth-tr,0px) var(--4v3iu2-borderWidth-br,0px) var(--4v3iu2-borderWidth-bl,0px); border-radius: var(--4v3iu2-borderRadius-tl,0px) var(--4v3iu2-borderRadius-tr,0px) var(--4v3iu2-borderRadius-br,0px) var(--4v3iu2-borderRadius-bl,0px); box-shadow: var(--4v3iu2-shadowHorizontal, 0px) var(--4v3iu2-shadowVertical, 0px) var(--4v3iu2-shadowBlur, 0px) 1px color-mix( in srgb, var(--4v3iu2-shadowColor, #000000) var(--4v3iu2-shadowTransparent, 0%), transparent ); max-width: var(--4v3iu2-max-width, 100%); width: 100%; height: if(style(--4v3iu2-position: absolute): var(--4v3iu2-height,100%); else: unset ); backdrop-filter:blur(var(--4v3iu2-background-blur, none)) saturate(var(--4v3iu2-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--4v3iu2-position-tablet, var(--4v3iu2-position, relative)); top: var(--4v3iu2-top-tablet, var(--4v3iu2-top, auto)); right: var(--4v3iu2-right-tablet, var(--4v3iu2-right, auto)); bottom: var(--4v3iu2-bottom-tablet, var(--4v3iu2-bottom, auto)); left: var(--4v3iu2-left-tablet, var(--4v3iu2-left, auto)); transform: var(--4v3iu2-transform-tablet, var(--4v3iu2-transform, none)); z-index: var(--4v3iu2-z-index-tablet, var(--4v3iu2-z-index, 10)); aspect-ratio: var(--4v3iu2-background-imageRatio-tablet, var(--4v3iu2-background-imageRatio, auto)); border-width: var(--4v3iu2-borderWidth-tl-tablet, var(--4v3iu2-borderWidth-tl,0px)) var(--4v3iu2-borderWidth-tr-tablet,var(--4v3iu2-borderWidth-tr,0px)) var(--4v3iu2-borderWidth-br-tablet,var(--4v3iu2-borderWidth-br,0px)) var(--4v3iu2-borderWidth-bl-tablet,var(--4v3iu2-borderWidth-bl,0px)); border-radius: var(--4v3iu2-borderRadius-tl-tablet,var(--4v3iu2-borderRadius-tl,0px)) var(--4v3iu2-borderRadius-tr-tablet,var(--4v3iu2-borderRadius-tr,0px)) var(--4v3iu2-borderRadius-br-tablet,var(--4v3iu2-borderRadius-br,0px)) var(--4v3iu2-borderRadius-bl-tablet,var(--4v3iu2-borderRadius-bl,0px)); max-width: var(--4v3iu2-max-width-tablet, var(--4v3iu2-max-width, 100%)); height: if(style(--4v3iu2-position-tablet: absolute): var(--4v3iu2-height-tablet,var(--4v3iu2-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--4v3iu2-position-mobile, var(--4v3iu2-position-tablet, var(--4v3iu2-position, relative))); top: var(--4v3iu2-top-mobile, var(--4v3iu2-top-tablet, var(--4v3iu2-top, auto))); right: var(--4v3iu2-right-mobile, var(--4v3iu2-right-tablet, var(--4v3iu2-right, auto))); bottom: var(--4v3iu2-bottom-mobile, var(--4v3iu2-bottom-tablet, var(--4v3iu2-bottom, auto))); left: var(--4v3iu2-left-mobile, var(--4v3iu2-left-tablet, var(--4v3iu2-left, auto))); transform: var(--4v3iu2-transform-mobile, var(--4v3iu2-transform-tablet, var(--4v3iu2-transform, none))); z-index: var(--4v3iu2-z-index-mobile, var(--4v3iu2-z-index-tablet, var(--4v3iu2-z-index, 10))); aspect-ratio: var(--4v3iu2-background-imageRatio-mobile, var(--4v3iu2-background-imageRatio, auto)); border-width: var(--4v3iu2-borderWidth-tl-mobile, var(--4v3iu2-borderWidth-tl,0px)) var(--4v3iu2-borderWidth-tr-mobile,var(--4v3iu2-borderWidth-tr,0px)) var(--4v3iu2-borderWidth-br-mobile,var(--4v3iu2-borderWidth-br,0px)) var(--4v3iu2-borderWidth-bl-mobile,var(--4v3iu2-borderWidth-bl,0px)); border-radius: var(--4v3iu2-borderRadius-tl-mobile,var(--4v3iu2-borderRadius-tl,0px)) var(--4v3iu2-borderRadius-tr-mobile,var(--4v3iu2-borderRadius-tr,0px)) var(--4v3iu2-borderRadius-br-mobile,var(--4v3iu2-borderRadius-br,0px)) var(--4v3iu2-borderRadius-bl-mobile,var(--4v3iu2-borderRadius-bl,0px)); max-width: var(--4v3iu2-max-width-mobile, var(--4v3iu2-max-width, 100%)); height: if(style(--4v3iu2-position-mobile: absolute): var(--4v3iu2-height-mobile,var(--4v3iu2-height-tablet,,var(--4v3iu2-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--4v3iu2-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--4v3iu2-gap,var(--beae-card-gap)); padding-top: var(--4v3iu2-padding-top,var(--beae-card-padding)); padding-right: var(--4v3iu2-padding-right,var(--beae-card-padding)); padding-bottom: var(--4v3iu2-padding-bottom,var(--beae-card-padding)); padding-left: var(--4v3iu2-padding-left,var(--beae-card-padding)); border-width: var(--4v3iu2-borderWidth-tl,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-tr,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-br,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--4v3iu2-borderRadius-tl,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-tr,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-br,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--4v3iu2-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--4v3iu2-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--4v3iu2-gap-tablet,var(--beae-card-gap)); padding-top: var(--4v3iu2-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--4v3iu2-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--4v3iu2-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--4v3iu2-padding-left-tablet,var(--beae-card-padding)); border-width: var(--4v3iu2-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-br-desktop,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--4v3iu2-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--4v3iu2-gap-mobile,var(--beae-card-gap)); padding-top: var(--4v3iu2-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--4v3iu2-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--4v3iu2-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--4v3iu2-padding-left-mobile,var(--beae-card-padding)); border-width: var(--4v3iu2-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-br-mobile,var(--beae-card-border-width)) var(--4v3iu2-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--4v3iu2-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--4v3iu2-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--4v3iu2-background-color,var(--beae-card-featured-background)); border-color: var(--4v3iu2-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--4v3iu2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4v3iu2-shadowVertical, var(--beae-card-shadow-y)) var(--4v3iu2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4v3iu2-shadowColor, var(--beae-card-featured-shadow-color)) var(--4v3iu2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--4v3iu2-background-color,var(--beae-card-prod-background)); border-color: var(--4v3iu2-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--4v3iu2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4v3iu2-shadowVertical, var(--beae-card-shadow-y)) var(--4v3iu2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4v3iu2-shadowColor, var(--beae-card-prod-shadow-color)) var(--4v3iu2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--4v3iu2-background-color,var(--beae-card-pricing-background)); border-color: var(--4v3iu2-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--4v3iu2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4v3iu2-shadowVertical, var(--beae-card-shadow-y)) var(--4v3iu2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4v3iu2-shadowColor, var(--beae-card-pricing-shadow-color)) var(--4v3iu2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--4v3iu2-background-color,var(--beae-card-cta-background)); border-color: var(--4v3iu2-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--4v3iu2-shadowHorizontal, var(--beae-card-shadow-x)) var(--4v3iu2-shadowVertical, var(--beae-card-shadow-y)) var(--4v3iu2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4v3iu2-shadowColor, var(--beae-card-cta-shadow-color)) var(--4v3iu2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-4v3iu2"] {     display: flex;     flex-direction: var(--4v3iu2-direction, column);     flex-wrap: nowrap;     justify-content: var(--4v3iu2-justify-content);     align-items: var(--4v3iu2-align-items);     gap: var(--4v3iu2-gap, var(--4v3iu2-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-4v3iu2"] {                            gap: var(--4v3iu2-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(--4v3iu2-padding-right-tablet, 0px) - var(--4v3iu2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-4v3iu2"] {                            gap: var(--4v3iu2-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(--4v3iu2-padding-right-mobile, 0px) - var(--4v3iu2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-a0evy3"] { --a0evy3-width: 80%; --a0evy3-width-tablet: 80%; --a0evy3-width-mobile: 100%; --a0evy3-imageRatio: 9/16; --a0evy3-imageRatio-tablet: 9/16; --a0evy3-imageRatio-mobile: 9/16; }[data-bnode="beae-a0evy3"] { margin-top: var(--a0evy3-margin-top, 0px); margin-right: var(--a0evy3-margin-right, 0px); margin-bottom: var(--a0evy3-margin-bottom, 0px); margin-left: var(--a0evy3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--a0evy3-margin-top-tablet, 0px); margin-right: var(--a0evy3-margin-right-tablet, 0px); margin-bottom: var(--a0evy3-margin-bottom-tablet, 0px); margin-left: var(--a0evy3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--a0evy3-margin-top-mobile, 0px); margin-right: var(--a0evy3-margin-right-mobile, 0px); margin-bottom: var(--a0evy3-margin-bottom-mobile, 0px); margin-left: var(--a0evy3-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--a0evy3-objFit, cover); width: var(--a0evy3-width); aspect-ratio: var(--a0evy3-imageRatio, auto); border-color: var(--a0evy3-borderColor,var(--beae-card-media-border-color)); border-style: var(--a0evy3-borderStyle,solid); border-width: var(--a0evy3-borderWidth-tl,var(--beae-card-border-width)) var(--a0evy3-borderWidth-tr,var(--beae-card-border-width)) var(--a0evy3-borderWidth-br,var(--beae-card-border-width)) var(--a0evy3-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--a0evy3-borderRadius-tl,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-tr,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-br,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-bl,var(--beae-card-border-radius)); box-shadow: var(--a0evy3-shadowHorizontal, var(--beae-card-shadow-x)) var(--a0evy3-shadowVertical, var(--beae-card-shadow-y)) var(--a0evy3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a0evy3-shadowColor, var(--beae-card-media-shadow-color)) var(--a0evy3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--a0evy3-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--a0evy3-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--a0evy3-borderWidth-br-tablet,var(--beae-card-border-width)) var(--a0evy3-borderWidth-bl-tablet,var(--beae-card-border-width)); border-radius: var(--a0evy3-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media(max-width: 767px){ border-width: var(--a0evy3-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--a0evy3-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--a0evy3-borderWidth-br-mobile,var(--beae-card-border-width)) var(--a0evy3-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--a0evy3-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--a0evy3-borderRadius-bl-mobile,var(--beae-card-border-radius)); } @media (max-width: 1180px) { width: var(--a0evy3-width-tablet); aspect-ratio: var(--a0evy3-imageRatio-tablet, var(--a0evy3-imageRatio, auto)); } @media (max-width: 767px) { width: var(--a0evy3-width-mobile); aspect-ratio: var(--a0evy3-imageRatio-mobile, var(--a0evy3-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--a0evy3-objFit, cover); object-position: center; } .beae-video-play { position: absolute; background: #ffffff; width: 60px; height: 60px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; font-size: 32px; border-radius: 50%; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2); cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } }[data-bnode="beae-mnq1no"] { --mnq1no-padding-top: 0px; --mnq1no-padding-top-tablet: 0px; --mnq1no-padding-top-mobile: 0px; --mnq1no-padding-right: 0px; --mnq1no-padding-right-tablet: 0px; --mnq1no-padding-right-mobile: 0px; --mnq1no-padding-bottom: 0px; --mnq1no-padding-bottom-tablet: 0px; --mnq1no-padding-bottom-mobile: 0px; --mnq1no-padding-left: 0px; --mnq1no-padding-left-tablet: 0px; --mnq1no-padding-left-mobile: 0px; --mnq1no-direction: column; --mnq1no-direction-tablet: column; --mnq1no-direction-mobile: column; --mnq1no-gap: 10px; --mnq1no-gap-tablet: 10px; --mnq1no-gap-mobile: 10px; }[data-bnode="beae-mnq1no"] { padding-top: var(--mnq1no-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--mnq1no-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--mnq1no-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--mnq1no-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mnq1no-padding-top-tablet, var(--mnq1no-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--mnq1no-padding-right-tablet, var(--mnq1no-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--mnq1no-padding-bottom-tablet, var(--mnq1no-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--mnq1no-padding-left-tablet, var(--mnq1no-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mnq1no-padding-top-mobile, var(--mnq1no-padding-top-tablet, var(--mnq1no-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--mnq1no-padding-right-mobile, var(--mnq1no-padding-right-tablet, var(--mnq1no-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--mnq1no-padding-bottom-mobile, var(--mnq1no-padding-bottom-tablet, var(--mnq1no-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--mnq1no-padding-left-mobile, var(--mnq1no-padding-left-tablet, var(--mnq1no-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--mnq1no-position, relative); top: var(--mnq1no-top, auto); right: var(--mnq1no-right, auto); bottom: var(--mnq1no-bottom, auto); left: var(--mnq1no-left, auto); transform: var(--mnq1no-transform, none); z-index: var(--mnq1no-z-index, 10); aspect-ratio: var(--mnq1no-background-imageRatio, auto); background: var(--mnq1no-background-color,transparent); border-style: var(--mnq1no-borderStyle,solid); border-color: var(--mnq1no-borderColor,#000000); border-width: var(--mnq1no-borderWidth-tl,0px) var(--mnq1no-borderWidth-tr,0px) var(--mnq1no-borderWidth-br,0px) var(--mnq1no-borderWidth-bl,0px); border-radius: var(--mnq1no-borderRadius-tl,0px) var(--mnq1no-borderRadius-tr,0px) var(--mnq1no-borderRadius-br,0px) var(--mnq1no-borderRadius-bl,0px); box-shadow: var(--mnq1no-shadowHorizontal, 0px) var(--mnq1no-shadowVertical, 0px) var(--mnq1no-shadowBlur, 0px) 1px color-mix( in srgb, var(--mnq1no-shadowColor, #000000) var(--mnq1no-shadowTransparent, 0%), transparent ); max-width: var(--mnq1no-max-width, 100%); width: 100%; height: if(style(--mnq1no-position: absolute): var(--mnq1no-height,100%); else: unset ); backdrop-filter:blur(var(--mnq1no-background-blur, none)) saturate(var(--mnq1no-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--mnq1no-position-tablet, var(--mnq1no-position, relative)); top: var(--mnq1no-top-tablet, var(--mnq1no-top, auto)); right: var(--mnq1no-right-tablet, var(--mnq1no-right, auto)); bottom: var(--mnq1no-bottom-tablet, var(--mnq1no-bottom, auto)); left: var(--mnq1no-left-tablet, var(--mnq1no-left, auto)); transform: var(--mnq1no-transform-tablet, var(--mnq1no-transform, none)); z-index: var(--mnq1no-z-index-tablet, var(--mnq1no-z-index, 10)); aspect-ratio: var(--mnq1no-background-imageRatio-tablet, var(--mnq1no-background-imageRatio, auto)); border-width: var(--mnq1no-borderWidth-tl-tablet, var(--mnq1no-borderWidth-tl,0px)) var(--mnq1no-borderWidth-tr-tablet,var(--mnq1no-borderWidth-tr,0px)) var(--mnq1no-borderWidth-br-tablet,var(--mnq1no-borderWidth-br,0px)) var(--mnq1no-borderWidth-bl-tablet,var(--mnq1no-borderWidth-bl,0px)); border-radius: var(--mnq1no-borderRadius-tl-tablet,var(--mnq1no-borderRadius-tl,0px)) var(--mnq1no-borderRadius-tr-tablet,var(--mnq1no-borderRadius-tr,0px)) var(--mnq1no-borderRadius-br-tablet,var(--mnq1no-borderRadius-br,0px)) var(--mnq1no-borderRadius-bl-tablet,var(--mnq1no-borderRadius-bl,0px)); max-width: var(--mnq1no-max-width-tablet, var(--mnq1no-max-width, 100%)); height: if(style(--mnq1no-position-tablet: absolute): var(--mnq1no-height-tablet,var(--mnq1no-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--mnq1no-position-mobile, var(--mnq1no-position-tablet, var(--mnq1no-position, relative))); top: var(--mnq1no-top-mobile, var(--mnq1no-top-tablet, var(--mnq1no-top, auto))); right: var(--mnq1no-right-mobile, var(--mnq1no-right-tablet, var(--mnq1no-right, auto))); bottom: var(--mnq1no-bottom-mobile, var(--mnq1no-bottom-tablet, var(--mnq1no-bottom, auto))); left: var(--mnq1no-left-mobile, var(--mnq1no-left-tablet, var(--mnq1no-left, auto))); transform: var(--mnq1no-transform-mobile, var(--mnq1no-transform-tablet, var(--mnq1no-transform, none))); z-index: var(--mnq1no-z-index-mobile, var(--mnq1no-z-index-tablet, var(--mnq1no-z-index, 10))); aspect-ratio: var(--mnq1no-background-imageRatio-mobile, var(--mnq1no-background-imageRatio, auto)); border-width: var(--mnq1no-borderWidth-tl-mobile, var(--mnq1no-borderWidth-tl,0px)) var(--mnq1no-borderWidth-tr-mobile,var(--mnq1no-borderWidth-tr,0px)) var(--mnq1no-borderWidth-br-mobile,var(--mnq1no-borderWidth-br,0px)) var(--mnq1no-borderWidth-bl-mobile,var(--mnq1no-borderWidth-bl,0px)); border-radius: var(--mnq1no-borderRadius-tl-mobile,var(--mnq1no-borderRadius-tl,0px)) var(--mnq1no-borderRadius-tr-mobile,var(--mnq1no-borderRadius-tr,0px)) var(--mnq1no-borderRadius-br-mobile,var(--mnq1no-borderRadius-br,0px)) var(--mnq1no-borderRadius-bl-mobile,var(--mnq1no-borderRadius-bl,0px)); max-width: var(--mnq1no-max-width-mobile, var(--mnq1no-max-width, 100%)); height: if(style(--mnq1no-position-mobile: absolute): var(--mnq1no-height-mobile,var(--mnq1no-height-tablet,,var(--mnq1no-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--mnq1no-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--mnq1no-gap,var(--beae-card-gap)); padding-top: var(--mnq1no-padding-top,var(--beae-card-padding)); padding-right: var(--mnq1no-padding-right,var(--beae-card-padding)); padding-bottom: var(--mnq1no-padding-bottom,var(--beae-card-padding)); padding-left: var(--mnq1no-padding-left,var(--beae-card-padding)); border-width: var(--mnq1no-borderWidth-tl,var(--beae-card-border-width)) var(--mnq1no-borderWidth-tr,var(--beae-card-border-width)) var(--mnq1no-borderWidth-br,var(--beae-card-border-width)) var(--mnq1no-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--mnq1no-borderRadius-tl,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-tr,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-br,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--mnq1no-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--mnq1no-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--mnq1no-gap-tablet,var(--beae-card-gap)); padding-top: var(--mnq1no-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--mnq1no-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--mnq1no-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--mnq1no-padding-left-tablet,var(--beae-card-padding)); border-width: var(--mnq1no-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--mnq1no-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--mnq1no-borderWidth-br-desktop,var(--beae-card-border-width)) var(--mnq1no-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--mnq1no-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--mnq1no-gap-mobile,var(--beae-card-gap)); padding-top: var(--mnq1no-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--mnq1no-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--mnq1no-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--mnq1no-padding-left-mobile,var(--beae-card-padding)); border-width: var(--mnq1no-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--mnq1no-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--mnq1no-borderWidth-br-mobile,var(--beae-card-border-width)) var(--mnq1no-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--mnq1no-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--mnq1no-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--mnq1no-background-color,var(--beae-card-featured-background)); border-color: var(--mnq1no-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--mnq1no-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnq1no-shadowVertical, var(--beae-card-shadow-y)) var(--mnq1no-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnq1no-shadowColor, var(--beae-card-featured-shadow-color)) var(--mnq1no-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--mnq1no-background-color,var(--beae-card-prod-background)); border-color: var(--mnq1no-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--mnq1no-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnq1no-shadowVertical, var(--beae-card-shadow-y)) var(--mnq1no-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnq1no-shadowColor, var(--beae-card-prod-shadow-color)) var(--mnq1no-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--mnq1no-background-color,var(--beae-card-pricing-background)); border-color: var(--mnq1no-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--mnq1no-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnq1no-shadowVertical, var(--beae-card-shadow-y)) var(--mnq1no-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnq1no-shadowColor, var(--beae-card-pricing-shadow-color)) var(--mnq1no-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--mnq1no-background-color,var(--beae-card-cta-background)); border-color: var(--mnq1no-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--mnq1no-shadowHorizontal, var(--beae-card-shadow-x)) var(--mnq1no-shadowVertical, var(--beae-card-shadow-y)) var(--mnq1no-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mnq1no-shadowColor, var(--beae-card-cta-shadow-color)) var(--mnq1no-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-mnq1no"] {     display: flex;     flex-direction: var(--mnq1no-direction, column);     flex-wrap: nowrap;     justify-content: var(--mnq1no-justify-content);     align-items: var(--mnq1no-align-items);     gap: var(--mnq1no-gap, var(--mnq1no-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-mnq1no"] {                            gap: var(--mnq1no-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(--mnq1no-padding-right-tablet, 0px) - var(--mnq1no-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mnq1no"] {                            gap: var(--mnq1no-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(--mnq1no-padding-right-mobile, 0px) - var(--mnq1no-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-9hsk6c"] { --9hsk6c-typography: h3; --9hsk6c-typography-tablet: h3; --9hsk6c-typography-mobile: h3; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; --beae-h3-text-align: start; --9hsk6c-margin-top: 192px; --9hsk6c-margin-top-tablet: 192px; --9hsk6c-margin-top-mobile: 2px; --9hsk6c-margin-right: 0px; --9hsk6c-margin-right-tablet: 0px; --9hsk6c-margin-right-mobile: 0px; --9hsk6c-margin-bottom: 0px; --9hsk6c-margin-bottom-tablet: 0px; --9hsk6c-margin-bottom-mobile: 0px; --9hsk6c-margin-left: 0px; --9hsk6c-margin-left-tablet: 0px; --9hsk6c-margin-left-mobile: 0px; --beae-h3-font-weight: 700; --beae-h3-font-size: 43px; --beae-h3-font-size-mobile: 26px; --beae-h3-line-height-mobile: 1.25; --beae-h3-letter-spacing-mobile: -0.01px; }[data-bnode="beae-9hsk6c"] { margin-top: var(--9hsk6c-margin-top, 0px); margin-right: var(--9hsk6c-margin-right, 0px); margin-bottom: var(--9hsk6c-margin-bottom, 0px); margin-left: var(--9hsk6c-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9hsk6c-margin-top-tablet, 0px); margin-right: var(--9hsk6c-margin-right-tablet, 0px); margin-bottom: var(--9hsk6c-margin-bottom-tablet, 0px); margin-left: var(--9hsk6c-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9hsk6c-margin-top-mobile, 0px); margin-right: var(--9hsk6c-margin-right-mobile, 0px); margin-bottom: var(--9hsk6c-margin-bottom-mobile, 0px); margin-left: var(--9hsk6c-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--9hsk6c-highlightColor,var(--beae-p-color)); top: var(--9hsk6c-highlightTop, 100%); } }[data-bnode="beae-syag07"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --syag07-typography: p; --syag07-typography-tablet: p; --syag07-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 500; }[data-bnode="beae-syag07"] { margin-top: var(--syag07-margin-top, 0px); margin-right: var(--syag07-margin-right, 0px); margin-bottom: var(--syag07-margin-bottom, 0px); margin-left: var(--syag07-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--syag07-margin-top-tablet, 0px); margin-right: var(--syag07-margin-right-tablet, 0px); margin-bottom: var(--syag07-margin-bottom-tablet, 0px); margin-left: var(--syag07-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--syag07-margin-top-mobile, 0px); margin-right: var(--syag07-margin-right-mobile, 0px); margin-bottom: var(--syag07-margin-bottom-mobile, 0px); margin-left: var(--syag07-margin-left-mobile, 0px); } }[data-bnode="beae-9c9air"] { --9c9air-width: var(--beae-section-width); --9c9air-width-tablet: var(--beae-section-width); --9c9air-width-mobile: var(--beae-section-width); --9c9air-height: fit-content; --9c9air-height-tablet: fit-content; --9c9air-height-mobile: fit-content; --9c9air-direction: row; --9c9air-direction-tablet: row; --9c9air-direction-mobile: column; --9c9air-structure: columns; --9c9air-structure-tablet: columns; --9c9air-structure-mobile: columns; --9c9air-padding-top: 6px; --9c9air-padding-top-tablet: 6px; --9c9air-padding-top-mobile: 6px; --9c9air-padding-right: 40px; --9c9air-padding-right-tablet: 40px; --9c9air-padding-right-mobile: 40px; --9c9air-padding-bottom: 6px; --9c9air-padding-bottom-tablet: 6px; --9c9air-padding-bottom-mobile: 6px; --9c9air-padding-left: 40px; --9c9air-padding-left-tablet: 40px; --9c9air-padding-left-mobile: 40px; }[data-bnode="beae-9c9air"] { padding-top: var(--9c9air-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--9c9air-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--9c9air-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--9c9air-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9c9air-padding-top-tablet, var(--9c9air-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--9c9air-padding-right-tablet, var(--9c9air-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--9c9air-padding-bottom-tablet, var(--9c9air-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--9c9air-padding-left-tablet, var(--9c9air-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9c9air-padding-top-mobile, var(--9c9air-padding-top-tablet, var(--9c9air-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--9c9air-padding-right-mobile, var(--9c9air-padding-right-tablet, var(--9c9air-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--9c9air-padding-bottom-mobile, var(--9c9air-padding-bottom-tablet, var(--9c9air-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--9c9air-padding-left-mobile, var(--9c9air-padding-left-tablet, var(--9c9air-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--9c9air-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--9c9air-height); width: 100%; max-width: var(--9c9air-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(--9c9air-height-tablet, auto); width: 100%; max-width: var(--9c9air-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--9c9air-height-mobile, auto); width: 100%; max-width: var(--9c9air-width-mobile, 100%); } } } }[data-bnode="beae-9c9air"] > .beae-section-container{     display: flex;     flex-direction: var(--9c9air-direction, column);     flex-wrap: nowrap;     justify-content: var(--9c9air-justify-content);     align-items: var(--9c9air-align-items);     gap: var(--9c9air-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--9c9air-padding-right, 0px) - var(--9c9air-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9c9air"] > .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(--9c9air-padding-right-tablet, 0px) - var(--9c9air-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9c9air"] > .beae-section-container{      flex-direction: var(--9c9air-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-gnvr48"] { --gnvr48-padding-top: 0px; --gnvr48-padding-top-tablet: 0px; --gnvr48-padding-top-mobile: 0px; --gnvr48-padding-right: 80px; --gnvr48-padding-right-tablet: 80px; --gnvr48-padding-right-mobile: 0px; --gnvr48-padding-bottom: 0px; --gnvr48-padding-bottom-tablet: 0px; --gnvr48-padding-bottom-mobile: 0px; --gnvr48-padding-left: 80px; --gnvr48-padding-left-tablet: 80px; --gnvr48-padding-left-mobile: 0px; --gnvr48-max-width: 100%; --gnvr48-max-width-tablet: 100%; }[data-bnode="beae-gnvr48"] { padding-top: var(--gnvr48-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--gnvr48-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--gnvr48-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--gnvr48-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gnvr48-padding-top-tablet, var(--gnvr48-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--gnvr48-padding-right-tablet, var(--gnvr48-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--gnvr48-padding-bottom-tablet, var(--gnvr48-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--gnvr48-padding-left-tablet, var(--gnvr48-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gnvr48-padding-top-mobile, var(--gnvr48-padding-top-tablet, var(--gnvr48-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--gnvr48-padding-right-mobile, var(--gnvr48-padding-right-tablet, var(--gnvr48-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--gnvr48-padding-bottom-mobile, var(--gnvr48-padding-bottom-tablet, var(--gnvr48-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--gnvr48-padding-left-mobile, var(--gnvr48-padding-left-tablet, var(--gnvr48-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--gnvr48-position, relative); top: var(--gnvr48-top, auto); right: var(--gnvr48-right, auto); bottom: var(--gnvr48-bottom, auto); left: var(--gnvr48-left, auto); transform: var(--gnvr48-transform, none); z-index: var(--gnvr48-z-index, 10); aspect-ratio: var(--gnvr48-background-imageRatio, auto); background: var(--gnvr48-background-color,transparent); border-style: var(--gnvr48-borderStyle,solid); border-color: var(--gnvr48-borderColor,#000000); border-width: var(--gnvr48-borderWidth-tl,0px) var(--gnvr48-borderWidth-tr,0px) var(--gnvr48-borderWidth-br,0px) var(--gnvr48-borderWidth-bl,0px); border-radius: var(--gnvr48-borderRadius-tl,0px) var(--gnvr48-borderRadius-tr,0px) var(--gnvr48-borderRadius-br,0px) var(--gnvr48-borderRadius-bl,0px); box-shadow: var(--gnvr48-shadowHorizontal, 0px) var(--gnvr48-shadowVertical, 0px) var(--gnvr48-shadowBlur, 0px) 1px color-mix( in srgb, var(--gnvr48-shadowColor, #000000) var(--gnvr48-shadowTransparent, 0%), transparent ); max-width: var(--gnvr48-max-width, 100%); width: 100%; height: if(style(--gnvr48-position: absolute): var(--gnvr48-height,100%); else: unset ); backdrop-filter:blur(var(--gnvr48-background-blur, none)) saturate(var(--gnvr48-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--gnvr48-position-tablet, var(--gnvr48-position, relative)); top: var(--gnvr48-top-tablet, var(--gnvr48-top, auto)); right: var(--gnvr48-right-tablet, var(--gnvr48-right, auto)); bottom: var(--gnvr48-bottom-tablet, var(--gnvr48-bottom, auto)); left: var(--gnvr48-left-tablet, var(--gnvr48-left, auto)); transform: var(--gnvr48-transform-tablet, var(--gnvr48-transform, none)); z-index: var(--gnvr48-z-index-tablet, var(--gnvr48-z-index, 10)); aspect-ratio: var(--gnvr48-background-imageRatio-tablet, var(--gnvr48-background-imageRatio, auto)); border-width: var(--gnvr48-borderWidth-tl-tablet, var(--gnvr48-borderWidth-tl,0px)) var(--gnvr48-borderWidth-tr-tablet,var(--gnvr48-borderWidth-tr,0px)) var(--gnvr48-borderWidth-br-tablet,var(--gnvr48-borderWidth-br,0px)) var(--gnvr48-borderWidth-bl-tablet,var(--gnvr48-borderWidth-bl,0px)); border-radius: var(--gnvr48-borderRadius-tl-tablet,var(--gnvr48-borderRadius-tl,0px)) var(--gnvr48-borderRadius-tr-tablet,var(--gnvr48-borderRadius-tr,0px)) var(--gnvr48-borderRadius-br-tablet,var(--gnvr48-borderRadius-br,0px)) var(--gnvr48-borderRadius-bl-tablet,var(--gnvr48-borderRadius-bl,0px)); max-width: var(--gnvr48-max-width-tablet, var(--gnvr48-max-width, 100%)); height: if(style(--gnvr48-position-tablet: absolute): var(--gnvr48-height-tablet,var(--gnvr48-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--gnvr48-position-mobile, var(--gnvr48-position-tablet, var(--gnvr48-position, relative))); top: var(--gnvr48-top-mobile, var(--gnvr48-top-tablet, var(--gnvr48-top, auto))); right: var(--gnvr48-right-mobile, var(--gnvr48-right-tablet, var(--gnvr48-right, auto))); bottom: var(--gnvr48-bottom-mobile, var(--gnvr48-bottom-tablet, var(--gnvr48-bottom, auto))); left: var(--gnvr48-left-mobile, var(--gnvr48-left-tablet, var(--gnvr48-left, auto))); transform: var(--gnvr48-transform-mobile, var(--gnvr48-transform-tablet, var(--gnvr48-transform, none))); z-index: var(--gnvr48-z-index-mobile, var(--gnvr48-z-index-tablet, var(--gnvr48-z-index, 10))); aspect-ratio: var(--gnvr48-background-imageRatio-mobile, var(--gnvr48-background-imageRatio, auto)); border-width: var(--gnvr48-borderWidth-tl-mobile, var(--gnvr48-borderWidth-tl,0px)) var(--gnvr48-borderWidth-tr-mobile,var(--gnvr48-borderWidth-tr,0px)) var(--gnvr48-borderWidth-br-mobile,var(--gnvr48-borderWidth-br,0px)) var(--gnvr48-borderWidth-bl-mobile,var(--gnvr48-borderWidth-bl,0px)); border-radius: var(--gnvr48-borderRadius-tl-mobile,var(--gnvr48-borderRadius-tl,0px)) var(--gnvr48-borderRadius-tr-mobile,var(--gnvr48-borderRadius-tr,0px)) var(--gnvr48-borderRadius-br-mobile,var(--gnvr48-borderRadius-br,0px)) var(--gnvr48-borderRadius-bl-mobile,var(--gnvr48-borderRadius-bl,0px)); max-width: var(--gnvr48-max-width-mobile, var(--gnvr48-max-width, 100%)); height: if(style(--gnvr48-position-mobile: absolute): var(--gnvr48-height-mobile,var(--gnvr48-height-tablet,,var(--gnvr48-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--gnvr48-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--gnvr48-gap,var(--beae-card-gap)); padding-top: var(--gnvr48-padding-top,var(--beae-card-padding)); padding-right: var(--gnvr48-padding-right,var(--beae-card-padding)); padding-bottom: var(--gnvr48-padding-bottom,var(--beae-card-padding)); padding-left: var(--gnvr48-padding-left,var(--beae-card-padding)); border-width: var(--gnvr48-borderWidth-tl,var(--beae-card-border-width)) var(--gnvr48-borderWidth-tr,var(--beae-card-border-width)) var(--gnvr48-borderWidth-br,var(--beae-card-border-width)) var(--gnvr48-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--gnvr48-borderRadius-tl,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-tr,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-br,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--gnvr48-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--gnvr48-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--gnvr48-gap-tablet,var(--beae-card-gap)); padding-top: var(--gnvr48-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--gnvr48-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--gnvr48-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--gnvr48-padding-left-tablet,var(--beae-card-padding)); border-width: var(--gnvr48-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--gnvr48-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--gnvr48-borderWidth-br-desktop,var(--beae-card-border-width)) var(--gnvr48-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--gnvr48-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--gnvr48-gap-mobile,var(--beae-card-gap)); padding-top: var(--gnvr48-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--gnvr48-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--gnvr48-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--gnvr48-padding-left-mobile,var(--beae-card-padding)); border-width: var(--gnvr48-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--gnvr48-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--gnvr48-borderWidth-br-mobile,var(--beae-card-border-width)) var(--gnvr48-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--gnvr48-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--gnvr48-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--gnvr48-background-color,var(--beae-card-featured-background)); border-color: var(--gnvr48-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--gnvr48-shadowHorizontal, var(--beae-card-shadow-x)) var(--gnvr48-shadowVertical, var(--beae-card-shadow-y)) var(--gnvr48-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gnvr48-shadowColor, var(--beae-card-featured-shadow-color)) var(--gnvr48-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--gnvr48-background-color,var(--beae-card-prod-background)); border-color: var(--gnvr48-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--gnvr48-shadowHorizontal, var(--beae-card-shadow-x)) var(--gnvr48-shadowVertical, var(--beae-card-shadow-y)) var(--gnvr48-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gnvr48-shadowColor, var(--beae-card-prod-shadow-color)) var(--gnvr48-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--gnvr48-background-color,var(--beae-card-pricing-background)); border-color: var(--gnvr48-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--gnvr48-shadowHorizontal, var(--beae-card-shadow-x)) var(--gnvr48-shadowVertical, var(--beae-card-shadow-y)) var(--gnvr48-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gnvr48-shadowColor, var(--beae-card-pricing-shadow-color)) var(--gnvr48-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--gnvr48-background-color,var(--beae-card-cta-background)); border-color: var(--gnvr48-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--gnvr48-shadowHorizontal, var(--beae-card-shadow-x)) var(--gnvr48-shadowVertical, var(--beae-card-shadow-y)) var(--gnvr48-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gnvr48-shadowColor, var(--beae-card-cta-shadow-color)) var(--gnvr48-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-gnvr48"] {     display: flex;     flex-direction: var(--gnvr48-direction, column);     flex-wrap: nowrap;     justify-content: var(--gnvr48-justify-content);     align-items: var(--gnvr48-align-items);     gap: var(--gnvr48-gap, var(--gnvr48-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gnvr48"] {                            gap: var(--gnvr48-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(--gnvr48-padding-right-tablet, 0px) - var(--gnvr48-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gnvr48"] {                            gap: var(--gnvr48-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(--gnvr48-padding-right-mobile, 0px) - var(--gnvr48-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7gd39x"] { --7gd39x-width: 80%; --7gd39x-width-tablet: 80%; --7gd39x-width-mobile: 100%; --7gd39x-imageRatio: 9/16; --7gd39x-imageRatio-tablet: 9/16; --7gd39x-imageRatio-mobile: 9/16; }[data-bnode="beae-7gd39x"] { margin-top: var(--7gd39x-margin-top, 0px); margin-right: var(--7gd39x-margin-right, 0px); margin-bottom: var(--7gd39x-margin-bottom, 0px); margin-left: var(--7gd39x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7gd39x-margin-top-tablet, 0px); margin-right: var(--7gd39x-margin-right-tablet, 0px); margin-bottom: var(--7gd39x-margin-bottom-tablet, 0px); margin-left: var(--7gd39x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7gd39x-margin-top-mobile, 0px); margin-right: var(--7gd39x-margin-right-mobile, 0px); margin-bottom: var(--7gd39x-margin-bottom-mobile, 0px); margin-left: var(--7gd39x-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--7gd39x-objFit, cover); width: var(--7gd39x-width); aspect-ratio: var(--7gd39x-imageRatio, auto); border-color: var(--7gd39x-borderColor,var(--beae-card-media-border-color)); border-style: var(--7gd39x-borderStyle,solid); border-width: var(--7gd39x-borderWidth-tl,var(--beae-card-border-width)) var(--7gd39x-borderWidth-tr,var(--beae-card-border-width)) var(--7gd39x-borderWidth-br,var(--beae-card-border-width)) var(--7gd39x-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7gd39x-borderRadius-tl,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-tr,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-br,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-bl,var(--beae-card-border-radius)); box-shadow: var(--7gd39x-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gd39x-shadowVertical, var(--beae-card-shadow-y)) var(--7gd39x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gd39x-shadowColor, var(--beae-card-media-shadow-color)) var(--7gd39x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--7gd39x-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7gd39x-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7gd39x-borderWidth-br-tablet,var(--beae-card-border-width)) var(--7gd39x-borderWidth-bl-tablet,var(--beae-card-border-width)); border-radius: var(--7gd39x-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media(max-width: 767px){ border-width: var(--7gd39x-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7gd39x-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7gd39x-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7gd39x-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7gd39x-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7gd39x-borderRadius-bl-mobile,var(--beae-card-border-radius)); } @media (max-width: 1180px) { width: var(--7gd39x-width-tablet); aspect-ratio: var(--7gd39x-imageRatio-tablet, var(--7gd39x-imageRatio, auto)); } @media (max-width: 767px) { width: var(--7gd39x-width-mobile); aspect-ratio: var(--7gd39x-imageRatio-mobile, var(--7gd39x-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--7gd39x-objFit, cover); object-position: center; } .beae-video-play { position: absolute; background: #ffffff; width: 60px; height: 60px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; font-size: 32px; border-radius: 50%; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2); cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } }[data-bnode="beae-p3jljf"] { --p3jljf-padding-top: 0px; --p3jljf-padding-top-tablet: 0px; --p3jljf-padding-top-mobile: 0px; --p3jljf-padding-right: 0px; --p3jljf-padding-right-tablet: 0px; --p3jljf-padding-right-mobile: 0px; --p3jljf-padding-bottom: 0px; --p3jljf-padding-bottom-tablet: 0px; --p3jljf-padding-bottom-mobile: 0px; --p3jljf-padding-left: 0px; --p3jljf-padding-left-tablet: 0px; --p3jljf-padding-left-mobile: 0px; --p3jljf-direction: column; --p3jljf-direction-tablet: column; --p3jljf-direction-mobile: column; --p3jljf-gap: 10px; --p3jljf-gap-tablet: 10px; --p3jljf-gap-mobile: 10px; }[data-bnode="beae-p3jljf"] { padding-top: var(--p3jljf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--p3jljf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--p3jljf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--p3jljf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p3jljf-padding-top-tablet, var(--p3jljf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--p3jljf-padding-right-tablet, var(--p3jljf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--p3jljf-padding-bottom-tablet, var(--p3jljf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--p3jljf-padding-left-tablet, var(--p3jljf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p3jljf-padding-top-mobile, var(--p3jljf-padding-top-tablet, var(--p3jljf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--p3jljf-padding-right-mobile, var(--p3jljf-padding-right-tablet, var(--p3jljf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--p3jljf-padding-bottom-mobile, var(--p3jljf-padding-bottom-tablet, var(--p3jljf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--p3jljf-padding-left-mobile, var(--p3jljf-padding-left-tablet, var(--p3jljf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--p3jljf-position, relative); top: var(--p3jljf-top, auto); right: var(--p3jljf-right, auto); bottom: var(--p3jljf-bottom, auto); left: var(--p3jljf-left, auto); transform: var(--p3jljf-transform, none); z-index: var(--p3jljf-z-index, 10); aspect-ratio: var(--p3jljf-background-imageRatio, auto); background: var(--p3jljf-background-color,transparent); border-style: var(--p3jljf-borderStyle,solid); border-color: var(--p3jljf-borderColor,#000000); border-width: var(--p3jljf-borderWidth-tl,0px) var(--p3jljf-borderWidth-tr,0px) var(--p3jljf-borderWidth-br,0px) var(--p3jljf-borderWidth-bl,0px); border-radius: var(--p3jljf-borderRadius-tl,0px) var(--p3jljf-borderRadius-tr,0px) var(--p3jljf-borderRadius-br,0px) var(--p3jljf-borderRadius-bl,0px); box-shadow: var(--p3jljf-shadowHorizontal, 0px) var(--p3jljf-shadowVertical, 0px) var(--p3jljf-shadowBlur, 0px) 1px color-mix( in srgb, var(--p3jljf-shadowColor, #000000) var(--p3jljf-shadowTransparent, 0%), transparent ); max-width: var(--p3jljf-max-width, 100%); width: 100%; height: if(style(--p3jljf-position: absolute): var(--p3jljf-height,100%); else: unset ); backdrop-filter:blur(var(--p3jljf-background-blur, none)) saturate(var(--p3jljf-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--p3jljf-position-tablet, var(--p3jljf-position, relative)); top: var(--p3jljf-top-tablet, var(--p3jljf-top, auto)); right: var(--p3jljf-right-tablet, var(--p3jljf-right, auto)); bottom: var(--p3jljf-bottom-tablet, var(--p3jljf-bottom, auto)); left: var(--p3jljf-left-tablet, var(--p3jljf-left, auto)); transform: var(--p3jljf-transform-tablet, var(--p3jljf-transform, none)); z-index: var(--p3jljf-z-index-tablet, var(--p3jljf-z-index, 10)); aspect-ratio: var(--p3jljf-background-imageRatio-tablet, var(--p3jljf-background-imageRatio, auto)); border-width: var(--p3jljf-borderWidth-tl-tablet, var(--p3jljf-borderWidth-tl,0px)) var(--p3jljf-borderWidth-tr-tablet,var(--p3jljf-borderWidth-tr,0px)) var(--p3jljf-borderWidth-br-tablet,var(--p3jljf-borderWidth-br,0px)) var(--p3jljf-borderWidth-bl-tablet,var(--p3jljf-borderWidth-bl,0px)); border-radius: var(--p3jljf-borderRadius-tl-tablet,var(--p3jljf-borderRadius-tl,0px)) var(--p3jljf-borderRadius-tr-tablet,var(--p3jljf-borderRadius-tr,0px)) var(--p3jljf-borderRadius-br-tablet,var(--p3jljf-borderRadius-br,0px)) var(--p3jljf-borderRadius-bl-tablet,var(--p3jljf-borderRadius-bl,0px)); max-width: var(--p3jljf-max-width-tablet, var(--p3jljf-max-width, 100%)); height: if(style(--p3jljf-position-tablet: absolute): var(--p3jljf-height-tablet,var(--p3jljf-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--p3jljf-position-mobile, var(--p3jljf-position-tablet, var(--p3jljf-position, relative))); top: var(--p3jljf-top-mobile, var(--p3jljf-top-tablet, var(--p3jljf-top, auto))); right: var(--p3jljf-right-mobile, var(--p3jljf-right-tablet, var(--p3jljf-right, auto))); bottom: var(--p3jljf-bottom-mobile, var(--p3jljf-bottom-tablet, var(--p3jljf-bottom, auto))); left: var(--p3jljf-left-mobile, var(--p3jljf-left-tablet, var(--p3jljf-left, auto))); transform: var(--p3jljf-transform-mobile, var(--p3jljf-transform-tablet, var(--p3jljf-transform, none))); z-index: var(--p3jljf-z-index-mobile, var(--p3jljf-z-index-tablet, var(--p3jljf-z-index, 10))); aspect-ratio: var(--p3jljf-background-imageRatio-mobile, var(--p3jljf-background-imageRatio, auto)); border-width: var(--p3jljf-borderWidth-tl-mobile, var(--p3jljf-borderWidth-tl,0px)) var(--p3jljf-borderWidth-tr-mobile,var(--p3jljf-borderWidth-tr,0px)) var(--p3jljf-borderWidth-br-mobile,var(--p3jljf-borderWidth-br,0px)) var(--p3jljf-borderWidth-bl-mobile,var(--p3jljf-borderWidth-bl,0px)); border-radius: var(--p3jljf-borderRadius-tl-mobile,var(--p3jljf-borderRadius-tl,0px)) var(--p3jljf-borderRadius-tr-mobile,var(--p3jljf-borderRadius-tr,0px)) var(--p3jljf-borderRadius-br-mobile,var(--p3jljf-borderRadius-br,0px)) var(--p3jljf-borderRadius-bl-mobile,var(--p3jljf-borderRadius-bl,0px)); max-width: var(--p3jljf-max-width-mobile, var(--p3jljf-max-width, 100%)); height: if(style(--p3jljf-position-mobile: absolute): var(--p3jljf-height-mobile,var(--p3jljf-height-tablet,,var(--p3jljf-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--p3jljf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--p3jljf-gap,var(--beae-card-gap)); padding-top: var(--p3jljf-padding-top,var(--beae-card-padding)); padding-right: var(--p3jljf-padding-right,var(--beae-card-padding)); padding-bottom: var(--p3jljf-padding-bottom,var(--beae-card-padding)); padding-left: var(--p3jljf-padding-left,var(--beae-card-padding)); border-width: var(--p3jljf-borderWidth-tl,var(--beae-card-border-width)) var(--p3jljf-borderWidth-tr,var(--beae-card-border-width)) var(--p3jljf-borderWidth-br,var(--beae-card-border-width)) var(--p3jljf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p3jljf-borderRadius-tl,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-tr,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-br,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--p3jljf-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--p3jljf-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--p3jljf-gap-tablet,var(--beae-card-gap)); padding-top: var(--p3jljf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--p3jljf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--p3jljf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--p3jljf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--p3jljf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--p3jljf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--p3jljf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--p3jljf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--p3jljf-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--p3jljf-gap-mobile,var(--beae-card-gap)); padding-top: var(--p3jljf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--p3jljf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--p3jljf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--p3jljf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--p3jljf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--p3jljf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--p3jljf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--p3jljf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--p3jljf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--p3jljf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--p3jljf-background-color,var(--beae-card-featured-background)); border-color: var(--p3jljf-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--p3jljf-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3jljf-shadowVertical, var(--beae-card-shadow-y)) var(--p3jljf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3jljf-shadowColor, var(--beae-card-featured-shadow-color)) var(--p3jljf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--p3jljf-background-color,var(--beae-card-prod-background)); border-color: var(--p3jljf-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--p3jljf-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3jljf-shadowVertical, var(--beae-card-shadow-y)) var(--p3jljf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3jljf-shadowColor, var(--beae-card-prod-shadow-color)) var(--p3jljf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--p3jljf-background-color,var(--beae-card-pricing-background)); border-color: var(--p3jljf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--p3jljf-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3jljf-shadowVertical, var(--beae-card-shadow-y)) var(--p3jljf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3jljf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--p3jljf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--p3jljf-background-color,var(--beae-card-cta-background)); border-color: var(--p3jljf-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--p3jljf-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3jljf-shadowVertical, var(--beae-card-shadow-y)) var(--p3jljf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3jljf-shadowColor, var(--beae-card-cta-shadow-color)) var(--p3jljf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-p3jljf"] {     display: flex;     flex-direction: var(--p3jljf-direction, column);     flex-wrap: nowrap;     justify-content: var(--p3jljf-justify-content);     align-items: var(--p3jljf-align-items);     gap: var(--p3jljf-gap, var(--p3jljf-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-p3jljf"] {                            gap: var(--p3jljf-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(--p3jljf-padding-right-tablet, 0px) - var(--p3jljf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-p3jljf"] {                            gap: var(--p3jljf-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(--p3jljf-padding-right-mobile, 0px) - var(--p3jljf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6imtb1"] { --6imtb1-typography: h3; --6imtb1-typography-tablet: h3; --6imtb1-typography-mobile: h3; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; --beae-h3-text-align: start; --6imtb1-margin-top: 192px; --6imtb1-margin-top-tablet: 192px; --6imtb1-margin-top-mobile: 2px; --6imtb1-margin-right: 0px; --6imtb1-margin-right-tablet: 0px; --6imtb1-margin-right-mobile: 0px; --6imtb1-margin-bottom: 0px; --6imtb1-margin-bottom-tablet: 0px; --6imtb1-margin-bottom-mobile: 0px; --6imtb1-margin-left: 0px; --6imtb1-margin-left-tablet: 0px; --6imtb1-margin-left-mobile: 0px; --beae-h3-font-weight: 700; --beae-h3-font-size: 43px; --beae-h3-font-size-mobile: 38px; }[data-bnode="beae-6imtb1"] { margin-top: var(--6imtb1-margin-top, 0px); margin-right: var(--6imtb1-margin-right, 0px); margin-bottom: var(--6imtb1-margin-bottom, 0px); margin-left: var(--6imtb1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6imtb1-margin-top-tablet, 0px); margin-right: var(--6imtb1-margin-right-tablet, 0px); margin-bottom: var(--6imtb1-margin-bottom-tablet, 0px); margin-left: var(--6imtb1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6imtb1-margin-top-mobile, 0px); margin-right: var(--6imtb1-margin-right-mobile, 0px); margin-bottom: var(--6imtb1-margin-bottom-mobile, 0px); margin-left: var(--6imtb1-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--6imtb1-highlightColor,var(--beae-p-color)); top: var(--6imtb1-highlightTop, 100%); } }[data-bnode="beae-xapyho"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --xapyho-typography: p; --xapyho-typography-tablet: p; --xapyho-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 500; }[data-bnode="beae-xapyho"] { margin-top: var(--xapyho-margin-top, 0px); margin-right: var(--xapyho-margin-right, 0px); margin-bottom: var(--xapyho-margin-bottom, 0px); margin-left: var(--xapyho-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xapyho-margin-top-tablet, 0px); margin-right: var(--xapyho-margin-right-tablet, 0px); margin-bottom: var(--xapyho-margin-bottom-tablet, 0px); margin-left: var(--xapyho-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xapyho-margin-top-mobile, 0px); margin-right: var(--xapyho-margin-right-mobile, 0px); margin-bottom: var(--xapyho-margin-bottom-mobile, 0px); margin-left: var(--xapyho-margin-left-mobile, 0px); } }[data-bnode="beae-ns7l9s"] { --ns7l9s-width: var(--beae-section-width); --ns7l9s-width-tablet: var(--beae-section-width); --ns7l9s-width-mobile: var(--beae-section-width); --ns7l9s-height: fit-content; --ns7l9s-height-tablet: fit-content; --ns7l9s-height-mobile: fit-content; --ns7l9s-direction: row; --ns7l9s-direction-tablet: row; --ns7l9s-direction-mobile: column; --ns7l9s-structure: columns; --ns7l9s-structure-tablet: columns; --ns7l9s-structure-mobile: columns; --ns7l9s-padding-top: 6px; --ns7l9s-padding-top-tablet: 6px; --ns7l9s-padding-top-mobile: 6px; --ns7l9s-padding-right: 40px; --ns7l9s-padding-right-tablet: 40px; --ns7l9s-padding-right-mobile: 40px; --ns7l9s-padding-bottom: 6px; --ns7l9s-padding-bottom-tablet: 6px; --ns7l9s-padding-bottom-mobile: 6px; --ns7l9s-padding-left: 40px; --ns7l9s-padding-left-tablet: 40px; --ns7l9s-padding-left-mobile: 40px; }[data-bnode="beae-ns7l9s"] { padding-top: var(--ns7l9s-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--ns7l9s-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--ns7l9s-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--ns7l9s-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ns7l9s-padding-top-tablet, var(--ns7l9s-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--ns7l9s-padding-right-tablet, var(--ns7l9s-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--ns7l9s-padding-bottom-tablet, var(--ns7l9s-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--ns7l9s-padding-left-tablet, var(--ns7l9s-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ns7l9s-padding-top-mobile, var(--ns7l9s-padding-top-tablet, var(--ns7l9s-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--ns7l9s-padding-right-mobile, var(--ns7l9s-padding-right-tablet, var(--ns7l9s-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--ns7l9s-padding-bottom-mobile, var(--ns7l9s-padding-bottom-tablet, var(--ns7l9s-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--ns7l9s-padding-left-mobile, var(--ns7l9s-padding-left-tablet, var(--ns7l9s-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--ns7l9s-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--ns7l9s-height); width: 100%; max-width: var(--ns7l9s-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(--ns7l9s-height-tablet, auto); width: 100%; max-width: var(--ns7l9s-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--ns7l9s-height-mobile, auto); width: 100%; max-width: var(--ns7l9s-width-mobile, 100%); } } } }[data-bnode="beae-ns7l9s"] > .beae-section-container{     display: flex;     flex-direction: var(--ns7l9s-direction, column);     flex-wrap: nowrap;     justify-content: var(--ns7l9s-justify-content);     align-items: var(--ns7l9s-align-items);     gap: var(--ns7l9s-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--ns7l9s-padding-right, 0px) - var(--ns7l9s-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ns7l9s"] > .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(--ns7l9s-padding-right-tablet, 0px) - var(--ns7l9s-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ns7l9s"] > .beae-section-container{      flex-direction: var(--ns7l9s-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-mgr5uf"] { --mgr5uf-padding-top: 0px; --mgr5uf-padding-top-tablet: 0px; --mgr5uf-padding-top-mobile: 0px; --mgr5uf-padding-right: 80px; --mgr5uf-padding-right-tablet: 80px; --mgr5uf-padding-right-mobile: 0px; --mgr5uf-padding-bottom: 0px; --mgr5uf-padding-bottom-tablet: 0px; --mgr5uf-padding-bottom-mobile: 0px; --mgr5uf-padding-left: 80px; --mgr5uf-padding-left-tablet: 80px; --mgr5uf-padding-left-mobile: 0px; --mgr5uf-max-width: 100%; --mgr5uf-max-width-tablet: 100%; }[data-bnode="beae-mgr5uf"] { padding-top: var(--mgr5uf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--mgr5uf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--mgr5uf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--mgr5uf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mgr5uf-padding-top-tablet, var(--mgr5uf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--mgr5uf-padding-right-tablet, var(--mgr5uf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--mgr5uf-padding-bottom-tablet, var(--mgr5uf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--mgr5uf-padding-left-tablet, var(--mgr5uf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mgr5uf-padding-top-mobile, var(--mgr5uf-padding-top-tablet, var(--mgr5uf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--mgr5uf-padding-right-mobile, var(--mgr5uf-padding-right-tablet, var(--mgr5uf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--mgr5uf-padding-bottom-mobile, var(--mgr5uf-padding-bottom-tablet, var(--mgr5uf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--mgr5uf-padding-left-mobile, var(--mgr5uf-padding-left-tablet, var(--mgr5uf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--mgr5uf-position, relative); top: var(--mgr5uf-top, auto); right: var(--mgr5uf-right, auto); bottom: var(--mgr5uf-bottom, auto); left: var(--mgr5uf-left, auto); transform: var(--mgr5uf-transform, none); z-index: var(--mgr5uf-z-index, 10); aspect-ratio: var(--mgr5uf-background-imageRatio, auto); background: var(--mgr5uf-background-color,transparent); border-style: var(--mgr5uf-borderStyle,solid); border-color: var(--mgr5uf-borderColor,#000000); border-width: var(--mgr5uf-borderWidth-tl,0px) var(--mgr5uf-borderWidth-tr,0px) var(--mgr5uf-borderWidth-br,0px) var(--mgr5uf-borderWidth-bl,0px); border-radius: var(--mgr5uf-borderRadius-tl,0px) var(--mgr5uf-borderRadius-tr,0px) var(--mgr5uf-borderRadius-br,0px) var(--mgr5uf-borderRadius-bl,0px); box-shadow: var(--mgr5uf-shadowHorizontal, 0px) var(--mgr5uf-shadowVertical, 0px) var(--mgr5uf-shadowBlur, 0px) 1px color-mix( in srgb, var(--mgr5uf-shadowColor, #000000) var(--mgr5uf-shadowTransparent, 0%), transparent ); max-width: var(--mgr5uf-max-width, 100%); width: 100%; height: if(style(--mgr5uf-position: absolute): var(--mgr5uf-height,100%); else: unset ); backdrop-filter:blur(var(--mgr5uf-background-blur, none)) saturate(var(--mgr5uf-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--mgr5uf-position-tablet, var(--mgr5uf-position, relative)); top: var(--mgr5uf-top-tablet, var(--mgr5uf-top, auto)); right: var(--mgr5uf-right-tablet, var(--mgr5uf-right, auto)); bottom: var(--mgr5uf-bottom-tablet, var(--mgr5uf-bottom, auto)); left: var(--mgr5uf-left-tablet, var(--mgr5uf-left, auto)); transform: var(--mgr5uf-transform-tablet, var(--mgr5uf-transform, none)); z-index: var(--mgr5uf-z-index-tablet, var(--mgr5uf-z-index, 10)); aspect-ratio: var(--mgr5uf-background-imageRatio-tablet, var(--mgr5uf-background-imageRatio, auto)); border-width: var(--mgr5uf-borderWidth-tl-tablet, var(--mgr5uf-borderWidth-tl,0px)) var(--mgr5uf-borderWidth-tr-tablet,var(--mgr5uf-borderWidth-tr,0px)) var(--mgr5uf-borderWidth-br-tablet,var(--mgr5uf-borderWidth-br,0px)) var(--mgr5uf-borderWidth-bl-tablet,var(--mgr5uf-borderWidth-bl,0px)); border-radius: var(--mgr5uf-borderRadius-tl-tablet,var(--mgr5uf-borderRadius-tl,0px)) var(--mgr5uf-borderRadius-tr-tablet,var(--mgr5uf-borderRadius-tr,0px)) var(--mgr5uf-borderRadius-br-tablet,var(--mgr5uf-borderRadius-br,0px)) var(--mgr5uf-borderRadius-bl-tablet,var(--mgr5uf-borderRadius-bl,0px)); max-width: var(--mgr5uf-max-width-tablet, var(--mgr5uf-max-width, 100%)); height: if(style(--mgr5uf-position-tablet: absolute): var(--mgr5uf-height-tablet,var(--mgr5uf-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--mgr5uf-position-mobile, var(--mgr5uf-position-tablet, var(--mgr5uf-position, relative))); top: var(--mgr5uf-top-mobile, var(--mgr5uf-top-tablet, var(--mgr5uf-top, auto))); right: var(--mgr5uf-right-mobile, var(--mgr5uf-right-tablet, var(--mgr5uf-right, auto))); bottom: var(--mgr5uf-bottom-mobile, var(--mgr5uf-bottom-tablet, var(--mgr5uf-bottom, auto))); left: var(--mgr5uf-left-mobile, var(--mgr5uf-left-tablet, var(--mgr5uf-left, auto))); transform: var(--mgr5uf-transform-mobile, var(--mgr5uf-transform-tablet, var(--mgr5uf-transform, none))); z-index: var(--mgr5uf-z-index-mobile, var(--mgr5uf-z-index-tablet, var(--mgr5uf-z-index, 10))); aspect-ratio: var(--mgr5uf-background-imageRatio-mobile, var(--mgr5uf-background-imageRatio, auto)); border-width: var(--mgr5uf-borderWidth-tl-mobile, var(--mgr5uf-borderWidth-tl,0px)) var(--mgr5uf-borderWidth-tr-mobile,var(--mgr5uf-borderWidth-tr,0px)) var(--mgr5uf-borderWidth-br-mobile,var(--mgr5uf-borderWidth-br,0px)) var(--mgr5uf-borderWidth-bl-mobile,var(--mgr5uf-borderWidth-bl,0px)); border-radius: var(--mgr5uf-borderRadius-tl-mobile,var(--mgr5uf-borderRadius-tl,0px)) var(--mgr5uf-borderRadius-tr-mobile,var(--mgr5uf-borderRadius-tr,0px)) var(--mgr5uf-borderRadius-br-mobile,var(--mgr5uf-borderRadius-br,0px)) var(--mgr5uf-borderRadius-bl-mobile,var(--mgr5uf-borderRadius-bl,0px)); max-width: var(--mgr5uf-max-width-mobile, var(--mgr5uf-max-width, 100%)); height: if(style(--mgr5uf-position-mobile: absolute): var(--mgr5uf-height-mobile,var(--mgr5uf-height-tablet,,var(--mgr5uf-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--mgr5uf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--mgr5uf-gap,var(--beae-card-gap)); padding-top: var(--mgr5uf-padding-top,var(--beae-card-padding)); padding-right: var(--mgr5uf-padding-right,var(--beae-card-padding)); padding-bottom: var(--mgr5uf-padding-bottom,var(--beae-card-padding)); padding-left: var(--mgr5uf-padding-left,var(--beae-card-padding)); border-width: var(--mgr5uf-borderWidth-tl,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-tr,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-br,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--mgr5uf-borderRadius-tl,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-tr,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-br,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--mgr5uf-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--mgr5uf-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--mgr5uf-gap-tablet,var(--beae-card-gap)); padding-top: var(--mgr5uf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--mgr5uf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--mgr5uf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--mgr5uf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--mgr5uf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--mgr5uf-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--mgr5uf-gap-mobile,var(--beae-card-gap)); padding-top: var(--mgr5uf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--mgr5uf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--mgr5uf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--mgr5uf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--mgr5uf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--mgr5uf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--mgr5uf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--mgr5uf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--mgr5uf-background-color,var(--beae-card-featured-background)); border-color: var(--mgr5uf-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--mgr5uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--mgr5uf-shadowVertical, var(--beae-card-shadow-y)) var(--mgr5uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mgr5uf-shadowColor, var(--beae-card-featured-shadow-color)) var(--mgr5uf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--mgr5uf-background-color,var(--beae-card-prod-background)); border-color: var(--mgr5uf-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--mgr5uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--mgr5uf-shadowVertical, var(--beae-card-shadow-y)) var(--mgr5uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mgr5uf-shadowColor, var(--beae-card-prod-shadow-color)) var(--mgr5uf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--mgr5uf-background-color,var(--beae-card-pricing-background)); border-color: var(--mgr5uf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--mgr5uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--mgr5uf-shadowVertical, var(--beae-card-shadow-y)) var(--mgr5uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mgr5uf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--mgr5uf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--mgr5uf-background-color,var(--beae-card-cta-background)); border-color: var(--mgr5uf-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--mgr5uf-shadowHorizontal, var(--beae-card-shadow-x)) var(--mgr5uf-shadowVertical, var(--beae-card-shadow-y)) var(--mgr5uf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mgr5uf-shadowColor, var(--beae-card-cta-shadow-color)) var(--mgr5uf-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-mgr5uf"] {     display: flex;     flex-direction: var(--mgr5uf-direction, column);     flex-wrap: nowrap;     justify-content: var(--mgr5uf-justify-content);     align-items: var(--mgr5uf-align-items);     gap: var(--mgr5uf-gap, var(--mgr5uf-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-mgr5uf"] {                            gap: var(--mgr5uf-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(--mgr5uf-padding-right-tablet, 0px) - var(--mgr5uf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mgr5uf"] {                            gap: var(--mgr5uf-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(--mgr5uf-padding-right-mobile, 0px) - var(--mgr5uf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-em9srz"] { --em9srz-width: 80%; --em9srz-width-tablet: 80%; --em9srz-width-mobile: 100%; --em9srz-imageRatio: 9/16; --em9srz-imageRatio-tablet: 9/16; --em9srz-imageRatio-mobile: 9/16; }[data-bnode="beae-em9srz"] { margin-top: var(--em9srz-margin-top, 0px); margin-right: var(--em9srz-margin-right, 0px); margin-bottom: var(--em9srz-margin-bottom, 0px); margin-left: var(--em9srz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--em9srz-margin-top-tablet, 0px); margin-right: var(--em9srz-margin-right-tablet, 0px); margin-bottom: var(--em9srz-margin-bottom-tablet, 0px); margin-left: var(--em9srz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--em9srz-margin-top-mobile, 0px); margin-right: var(--em9srz-margin-right-mobile, 0px); margin-bottom: var(--em9srz-margin-bottom-mobile, 0px); margin-left: var(--em9srz-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--em9srz-objFit, cover); width: var(--em9srz-width); aspect-ratio: var(--em9srz-imageRatio, auto); border-color: var(--em9srz-borderColor,var(--beae-card-media-border-color)); border-style: var(--em9srz-borderStyle,solid); border-width: var(--em9srz-borderWidth-tl,var(--beae-card-border-width)) var(--em9srz-borderWidth-tr,var(--beae-card-border-width)) var(--em9srz-borderWidth-br,var(--beae-card-border-width)) var(--em9srz-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--em9srz-borderRadius-tl,var(--beae-card-border-radius)) var(--em9srz-borderRadius-tr,var(--beae-card-border-radius)) var(--em9srz-borderRadius-br,var(--beae-card-border-radius)) var(--em9srz-borderRadius-bl,var(--beae-card-border-radius)); box-shadow: var(--em9srz-shadowHorizontal, var(--beae-card-shadow-x)) var(--em9srz-shadowVertical, var(--beae-card-shadow-y)) var(--em9srz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--em9srz-shadowColor, var(--beae-card-media-shadow-color)) var(--em9srz-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--em9srz-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--em9srz-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--em9srz-borderWidth-br-tablet,var(--beae-card-border-width)) var(--em9srz-borderWidth-bl-tablet,var(--beae-card-border-width)); border-radius: var(--em9srz-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--em9srz-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--em9srz-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--em9srz-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media(max-width: 767px){ border-width: var(--em9srz-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--em9srz-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--em9srz-borderWidth-br-mobile,var(--beae-card-border-width)) var(--em9srz-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--em9srz-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--em9srz-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--em9srz-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--em9srz-borderRadius-bl-mobile,var(--beae-card-border-radius)); } @media (max-width: 1180px) { width: var(--em9srz-width-tablet); aspect-ratio: var(--em9srz-imageRatio-tablet, var(--em9srz-imageRatio, auto)); } @media (max-width: 767px) { width: var(--em9srz-width-mobile); aspect-ratio: var(--em9srz-imageRatio-mobile, var(--em9srz-imageRatio, auto)); } > video { width: 100%; height: 100%; object-fit: var(--em9srz-objFit, cover); object-position: center; } .beae-video-play { position: absolute; background: #ffffff; width: 60px; height: 60px; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); border: none; font-size: 32px; border-radius: 50%; box-shadow: 0 1px 10px 3px rgba(0, 0, 0, 0.2); cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } }[data-bnode="beae-kryodu"] { --kryodu-padding-top: 0px; --kryodu-padding-top-tablet: 0px; --kryodu-padding-top-mobile: 0px; --kryodu-padding-right: 0px; --kryodu-padding-right-tablet: 0px; --kryodu-padding-right-mobile: 0px; --kryodu-padding-bottom: 0px; --kryodu-padding-bottom-tablet: 0px; --kryodu-padding-bottom-mobile: 0px; --kryodu-padding-left: 0px; --kryodu-padding-left-tablet: 0px; --kryodu-padding-left-mobile: 0px; --kryodu-direction: column; --kryodu-direction-tablet: column; --kryodu-direction-mobile: column; --kryodu-gap: 10px; --kryodu-gap-tablet: 10px; --kryodu-gap-mobile: 10px; }[data-bnode="beae-kryodu"] { padding-top: var(--kryodu-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--kryodu-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--kryodu-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--kryodu-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--kryodu-padding-top-tablet, var(--kryodu-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--kryodu-padding-right-tablet, var(--kryodu-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--kryodu-padding-bottom-tablet, var(--kryodu-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--kryodu-padding-left-tablet, var(--kryodu-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--kryodu-padding-top-mobile, var(--kryodu-padding-top-tablet, var(--kryodu-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--kryodu-padding-right-mobile, var(--kryodu-padding-right-tablet, var(--kryodu-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--kryodu-padding-bottom-mobile, var(--kryodu-padding-bottom-tablet, var(--kryodu-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--kryodu-padding-left-mobile, var(--kryodu-padding-left-tablet, var(--kryodu-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--kryodu-position, relative); top: var(--kryodu-top, auto); right: var(--kryodu-right, auto); bottom: var(--kryodu-bottom, auto); left: var(--kryodu-left, auto); transform: var(--kryodu-transform, none); z-index: var(--kryodu-z-index, 10); aspect-ratio: var(--kryodu-background-imageRatio, auto); background: var(--kryodu-background-color,transparent); border-style: var(--kryodu-borderStyle,solid); border-color: var(--kryodu-borderColor,#000000); border-width: var(--kryodu-borderWidth-tl,0px) var(--kryodu-borderWidth-tr,0px) var(--kryodu-borderWidth-br,0px) var(--kryodu-borderWidth-bl,0px); border-radius: var(--kryodu-borderRadius-tl,0px) var(--kryodu-borderRadius-tr,0px) var(--kryodu-borderRadius-br,0px) var(--kryodu-borderRadius-bl,0px); box-shadow: var(--kryodu-shadowHorizontal, 0px) var(--kryodu-shadowVertical, 0px) var(--kryodu-shadowBlur, 0px) 1px color-mix( in srgb, var(--kryodu-shadowColor, #000000) var(--kryodu-shadowTransparent, 0%), transparent ); max-width: var(--kryodu-max-width, 100%); width: 100%; height: if(style(--kryodu-position: absolute): var(--kryodu-height,100%); else: unset ); backdrop-filter:blur(var(--kryodu-background-blur, none)) saturate(var(--kryodu-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--kryodu-position-tablet, var(--kryodu-position, relative)); top: var(--kryodu-top-tablet, var(--kryodu-top, auto)); right: var(--kryodu-right-tablet, var(--kryodu-right, auto)); bottom: var(--kryodu-bottom-tablet, var(--kryodu-bottom, auto)); left: var(--kryodu-left-tablet, var(--kryodu-left, auto)); transform: var(--kryodu-transform-tablet, var(--kryodu-transform, none)); z-index: var(--kryodu-z-index-tablet, var(--kryodu-z-index, 10)); aspect-ratio: var(--kryodu-background-imageRatio-tablet, var(--kryodu-background-imageRatio, auto)); border-width: var(--kryodu-borderWidth-tl-tablet, var(--kryodu-borderWidth-tl,0px)) var(--kryodu-borderWidth-tr-tablet,var(--kryodu-borderWidth-tr,0px)) var(--kryodu-borderWidth-br-tablet,var(--kryodu-borderWidth-br,0px)) var(--kryodu-borderWidth-bl-tablet,var(--kryodu-borderWidth-bl,0px)); border-radius: var(--kryodu-borderRadius-tl-tablet,var(--kryodu-borderRadius-tl,0px)) var(--kryodu-borderRadius-tr-tablet,var(--kryodu-borderRadius-tr,0px)) var(--kryodu-borderRadius-br-tablet,var(--kryodu-borderRadius-br,0px)) var(--kryodu-borderRadius-bl-tablet,var(--kryodu-borderRadius-bl,0px)); max-width: var(--kryodu-max-width-tablet, var(--kryodu-max-width, 100%)); height: if(style(--kryodu-position-tablet: absolute): var(--kryodu-height-tablet,var(--kryodu-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--kryodu-position-mobile, var(--kryodu-position-tablet, var(--kryodu-position, relative))); top: var(--kryodu-top-mobile, var(--kryodu-top-tablet, var(--kryodu-top, auto))); right: var(--kryodu-right-mobile, var(--kryodu-right-tablet, var(--kryodu-right, auto))); bottom: var(--kryodu-bottom-mobile, var(--kryodu-bottom-tablet, var(--kryodu-bottom, auto))); left: var(--kryodu-left-mobile, var(--kryodu-left-tablet, var(--kryodu-left, auto))); transform: var(--kryodu-transform-mobile, var(--kryodu-transform-tablet, var(--kryodu-transform, none))); z-index: var(--kryodu-z-index-mobile, var(--kryodu-z-index-tablet, var(--kryodu-z-index, 10))); aspect-ratio: var(--kryodu-background-imageRatio-mobile, var(--kryodu-background-imageRatio, auto)); border-width: var(--kryodu-borderWidth-tl-mobile, var(--kryodu-borderWidth-tl,0px)) var(--kryodu-borderWidth-tr-mobile,var(--kryodu-borderWidth-tr,0px)) var(--kryodu-borderWidth-br-mobile,var(--kryodu-borderWidth-br,0px)) var(--kryodu-borderWidth-bl-mobile,var(--kryodu-borderWidth-bl,0px)); border-radius: var(--kryodu-borderRadius-tl-mobile,var(--kryodu-borderRadius-tl,0px)) var(--kryodu-borderRadius-tr-mobile,var(--kryodu-borderRadius-tr,0px)) var(--kryodu-borderRadius-br-mobile,var(--kryodu-borderRadius-br,0px)) var(--kryodu-borderRadius-bl-mobile,var(--kryodu-borderRadius-bl,0px)); max-width: var(--kryodu-max-width-mobile, var(--kryodu-max-width, 100%)); height: if(style(--kryodu-position-mobile: absolute): var(--kryodu-height-mobile,var(--kryodu-height-tablet,,var(--kryodu-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--kryodu-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--kryodu-gap,var(--beae-card-gap)); padding-top: var(--kryodu-padding-top,var(--beae-card-padding)); padding-right: var(--kryodu-padding-right,var(--beae-card-padding)); padding-bottom: var(--kryodu-padding-bottom,var(--beae-card-padding)); padding-left: var(--kryodu-padding-left,var(--beae-card-padding)); border-width: var(--kryodu-borderWidth-tl,var(--beae-card-border-width)) var(--kryodu-borderWidth-tr,var(--beae-card-border-width)) var(--kryodu-borderWidth-br,var(--beae-card-border-width)) var(--kryodu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--kryodu-borderRadius-tl,var(--beae-card-border-radius)) var(--kryodu-borderRadius-tr,var(--beae-card-border-radius)) var(--kryodu-borderRadius-br,var(--beae-card-border-radius)) var(--kryodu-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--kryodu-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--kryodu-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--kryodu-gap-tablet,var(--beae-card-gap)); padding-top: var(--kryodu-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--kryodu-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--kryodu-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--kryodu-padding-left-tablet,var(--beae-card-padding)); border-width: var(--kryodu-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--kryodu-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--kryodu-borderWidth-br-desktop,var(--beae-card-border-width)) var(--kryodu-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--kryodu-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--kryodu-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--kryodu-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--kryodu-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--kryodu-gap-mobile,var(--beae-card-gap)); padding-top: var(--kryodu-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--kryodu-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--kryodu-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--kryodu-padding-left-mobile,var(--beae-card-padding)); border-width: var(--kryodu-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--kryodu-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--kryodu-borderWidth-br-mobile,var(--beae-card-border-width)) var(--kryodu-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--kryodu-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--kryodu-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--kryodu-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--kryodu-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--kryodu-background-color,var(--beae-card-featured-background)); border-color: var(--kryodu-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--kryodu-shadowHorizontal, var(--beae-card-shadow-x)) var(--kryodu-shadowVertical, var(--beae-card-shadow-y)) var(--kryodu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kryodu-shadowColor, var(--beae-card-featured-shadow-color)) var(--kryodu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--kryodu-background-color,var(--beae-card-prod-background)); border-color: var(--kryodu-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--kryodu-shadowHorizontal, var(--beae-card-shadow-x)) var(--kryodu-shadowVertical, var(--beae-card-shadow-y)) var(--kryodu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kryodu-shadowColor, var(--beae-card-prod-shadow-color)) var(--kryodu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--kryodu-background-color,var(--beae-card-pricing-background)); border-color: var(--kryodu-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--kryodu-shadowHorizontal, var(--beae-card-shadow-x)) var(--kryodu-shadowVertical, var(--beae-card-shadow-y)) var(--kryodu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kryodu-shadowColor, var(--beae-card-pricing-shadow-color)) var(--kryodu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--kryodu-background-color,var(--beae-card-cta-background)); border-color: var(--kryodu-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--kryodu-shadowHorizontal, var(--beae-card-shadow-x)) var(--kryodu-shadowVertical, var(--beae-card-shadow-y)) var(--kryodu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kryodu-shadowColor, var(--beae-card-cta-shadow-color)) var(--kryodu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-kryodu"] {     display: flex;     flex-direction: var(--kryodu-direction, column);     flex-wrap: nowrap;     justify-content: var(--kryodu-justify-content);     align-items: var(--kryodu-align-items);     gap: var(--kryodu-gap, var(--kryodu-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-kryodu"] {                            gap: var(--kryodu-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(--kryodu-padding-right-tablet, 0px) - var(--kryodu-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-kryodu"] {                            gap: var(--kryodu-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(--kryodu-padding-right-mobile, 0px) - var(--kryodu-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0ic76a"] { --0ic76a-typography: h3; --0ic76a-typography-tablet: h3; --0ic76a-typography-mobile: h3; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; --beae-h3-text-align: start; --0ic76a-margin-top: 192px; --0ic76a-margin-top-tablet: 192px; --0ic76a-margin-top-mobile: 2px; --0ic76a-margin-right: 0px; --0ic76a-margin-right-tablet: 0px; --0ic76a-margin-right-mobile: 0px; --0ic76a-margin-bottom: 0px; --0ic76a-margin-bottom-tablet: 0px; --0ic76a-margin-bottom-mobile: 0px; --0ic76a-margin-left: 0px; --0ic76a-margin-left-tablet: 0px; --0ic76a-margin-left-mobile: 0px; --beae-h3-font-weight: 700; --beae-h3-font-size: 43px; }[data-bnode="beae-0ic76a"] { margin-top: var(--0ic76a-margin-top, 0px); margin-right: var(--0ic76a-margin-right, 0px); margin-bottom: var(--0ic76a-margin-bottom, 0px); margin-left: var(--0ic76a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0ic76a-margin-top-tablet, 0px); margin-right: var(--0ic76a-margin-right-tablet, 0px); margin-bottom: var(--0ic76a-margin-bottom-tablet, 0px); margin-left: var(--0ic76a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0ic76a-margin-top-mobile, 0px); margin-right: var(--0ic76a-margin-right-mobile, 0px); margin-bottom: var(--0ic76a-margin-bottom-mobile, 0px); margin-left: var(--0ic76a-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--0ic76a-highlightColor,var(--beae-p-color)); top: var(--0ic76a-highlightTop, 100%); } }[data-bnode="beae-097541"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --097541-typography: p; --097541-typography-tablet: p; --097541-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 500; }[data-bnode="beae-097541"] { margin-top: var(--097541-margin-top, 0px); margin-right: var(--097541-margin-right, 0px); margin-bottom: var(--097541-margin-bottom, 0px); margin-left: var(--097541-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--097541-margin-top-tablet, 0px); margin-right: var(--097541-margin-right-tablet, 0px); margin-bottom: var(--097541-margin-bottom-tablet, 0px); margin-left: var(--097541-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--097541-margin-top-mobile, 0px); margin-right: var(--097541-margin-right-mobile, 0px); margin-bottom: var(--097541-margin-bottom-mobile, 0px); margin-left: var(--097541-margin-left-mobile, 0px); } }[data-bnode="beae-de5kxn"] { --de5kxn-width: var(--beae-section-width); --de5kxn-width-tablet: var(--beae-section-width); --de5kxn-width-mobile: var(--beae-section-width); --de5kxn-height: fit-content; --de5kxn-height-tablet: fit-content; --de5kxn-height-mobile: fit-content; --de5kxn-padding-top: 28px; --de5kxn-padding-top-tablet: 0px; --de5kxn-padding-top-mobile: 6px; --de5kxn-padding-right: 32px; --de5kxn-padding-right-tablet: 30px; --de5kxn-padding-right-mobile: 16px; --de5kxn-padding-bottom: 28px; --de5kxn-padding-bottom-tablet: 96px; --de5kxn-padding-bottom-mobile: 6px; --de5kxn-padding-left: 32px; --de5kxn-padding-left-tablet: 30px; --de5kxn-padding-left-mobile: 16px; --de5kxn-gap: 40px; --de5kxn-gap-tablet: 40px; --de5kxn-gap-mobile: 16px; --de5kxn-surface: light; --de5kxn-surface-tablet: light; --de5kxn-surface-mobile: light; }[data-bnode="beae-de5kxn"] { padding-top: var(--de5kxn-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--de5kxn-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--de5kxn-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--de5kxn-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--de5kxn-padding-top-tablet, var(--de5kxn-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--de5kxn-padding-right-tablet, var(--de5kxn-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--de5kxn-padding-bottom-tablet, var(--de5kxn-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--de5kxn-padding-left-tablet, var(--de5kxn-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--de5kxn-padding-top-mobile, var(--de5kxn-padding-top-tablet, var(--de5kxn-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--de5kxn-padding-right-mobile, var(--de5kxn-padding-right-tablet, var(--de5kxn-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--de5kxn-padding-bottom-mobile, var(--de5kxn-padding-bottom-tablet, var(--de5kxn-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--de5kxn-padding-left-mobile, var(--de5kxn-padding-left-tablet, var(--de5kxn-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--de5kxn-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--de5kxn-height); width: 100%; max-width: var(--de5kxn-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(--de5kxn-height-tablet, auto); width: 100%; max-width: var(--de5kxn-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--de5kxn-height-mobile, auto); width: 100%; max-width: var(--de5kxn-width-mobile, 100%); } } } }[data-bnode="beae-de5kxn"] > .beae-section-container{     display: flex;     flex-direction: var(--de5kxn-direction, column);     flex-wrap: nowrap;     justify-content: var(--de5kxn-justify-content);     align-items: var(--de5kxn-align-items);     gap: var(--de5kxn-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-de5kxn"] > .beae-section-container{                            gap: var(--de5kxn-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(--de5kxn-padding-right-tablet, 0px) - var(--de5kxn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-de5kxn"] > .beae-section-container{                            gap: var(--de5kxn-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(--de5kxn-padding-right-mobile, 0px) - var(--de5kxn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-e8xjnm"] { --e8xjnm-direction: row; --e8xjnm-direction-tablet: row; --e8xjnm-direction-mobile: row; --e8xjnm-structure: columns; --e8xjnm-structure-tablet: columns; --e8xjnm-structure-mobile: columns; --e8xjnm-padding-top-tablet: 0px; --e8xjnm-padding-top-mobile: 0px; --e8xjnm-padding-right-tablet: 24px; --e8xjnm-padding-right-mobile: 0px; --e8xjnm-padding-bottom-tablet: 0px; --e8xjnm-padding-bottom-mobile: 0px; --e8xjnm-padding-left-tablet: 24px; --e8xjnm-padding-left-mobile: 0px; }[data-bnode="beae-e8xjnm"] { padding-top: var(--e8xjnm-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--e8xjnm-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--e8xjnm-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--e8xjnm-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--e8xjnm-padding-top-tablet, var(--e8xjnm-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--e8xjnm-padding-right-tablet, var(--e8xjnm-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--e8xjnm-padding-bottom-tablet, var(--e8xjnm-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--e8xjnm-padding-left-tablet, var(--e8xjnm-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--e8xjnm-padding-top-mobile, var(--e8xjnm-padding-top-tablet, var(--e8xjnm-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--e8xjnm-padding-right-mobile, var(--e8xjnm-padding-right-tablet, var(--e8xjnm-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--e8xjnm-padding-bottom-mobile, var(--e8xjnm-padding-bottom-tablet, var(--e8xjnm-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--e8xjnm-padding-left-mobile, var(--e8xjnm-padding-left-tablet, var(--e8xjnm-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--e8xjnm-position, relative); top: var(--e8xjnm-top, auto); right: var(--e8xjnm-right, auto); bottom: var(--e8xjnm-bottom, auto); left: var(--e8xjnm-left, auto); transform: var(--e8xjnm-transform, none); z-index: var(--e8xjnm-z-index, 10); aspect-ratio: var(--e8xjnm-background-imageRatio, auto); background: var(--e8xjnm-background-color,transparent); border-style: var(--e8xjnm-borderStyle,solid); border-color: var(--e8xjnm-borderColor,#000000); border-width: var(--e8xjnm-borderWidth-tl,0px) var(--e8xjnm-borderWidth-tr,0px) var(--e8xjnm-borderWidth-br,0px) var(--e8xjnm-borderWidth-bl,0px); border-radius: var(--e8xjnm-borderRadius-tl,0px) var(--e8xjnm-borderRadius-tr,0px) var(--e8xjnm-borderRadius-br,0px) var(--e8xjnm-borderRadius-bl,0px); box-shadow: var(--e8xjnm-shadowHorizontal, 0px) var(--e8xjnm-shadowVertical, 0px) var(--e8xjnm-shadowBlur, 0px) 1px color-mix( in srgb, var(--e8xjnm-shadowColor, #000000) var(--e8xjnm-shadowTransparent, 0%), transparent ); max-width: var(--e8xjnm-max-width, 100%); width: 100%; height: if(style(--e8xjnm-position: absolute): var(--e8xjnm-height,100%); else: unset ); backdrop-filter:blur(var(--e8xjnm-background-blur, none)) saturate(var(--e8xjnm-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--e8xjnm-position-tablet, var(--e8xjnm-position, relative)); top: var(--e8xjnm-top-tablet, var(--e8xjnm-top, auto)); right: var(--e8xjnm-right-tablet, var(--e8xjnm-right, auto)); bottom: var(--e8xjnm-bottom-tablet, var(--e8xjnm-bottom, auto)); left: var(--e8xjnm-left-tablet, var(--e8xjnm-left, auto)); transform: var(--e8xjnm-transform-tablet, var(--e8xjnm-transform, none)); z-index: var(--e8xjnm-z-index-tablet, var(--e8xjnm-z-index, 10)); aspect-ratio: var(--e8xjnm-background-imageRatio-tablet, var(--e8xjnm-background-imageRatio, auto)); border-width: var(--e8xjnm-borderWidth-tl-tablet, var(--e8xjnm-borderWidth-tl,0px)) var(--e8xjnm-borderWidth-tr-tablet,var(--e8xjnm-borderWidth-tr,0px)) var(--e8xjnm-borderWidth-br-tablet,var(--e8xjnm-borderWidth-br,0px)) var(--e8xjnm-borderWidth-bl-tablet,var(--e8xjnm-borderWidth-bl,0px)); border-radius: var(--e8xjnm-borderRadius-tl-tablet,var(--e8xjnm-borderRadius-tl,0px)) var(--e8xjnm-borderRadius-tr-tablet,var(--e8xjnm-borderRadius-tr,0px)) var(--e8xjnm-borderRadius-br-tablet,var(--e8xjnm-borderRadius-br,0px)) var(--e8xjnm-borderRadius-bl-tablet,var(--e8xjnm-borderRadius-bl,0px)); max-width: var(--e8xjnm-max-width-tablet, var(--e8xjnm-max-width, 100%)); height: if(style(--e8xjnm-position-tablet: absolute): var(--e8xjnm-height-tablet,var(--e8xjnm-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--e8xjnm-position-mobile, var(--e8xjnm-position-tablet, var(--e8xjnm-position, relative))); top: var(--e8xjnm-top-mobile, var(--e8xjnm-top-tablet, var(--e8xjnm-top, auto))); right: var(--e8xjnm-right-mobile, var(--e8xjnm-right-tablet, var(--e8xjnm-right, auto))); bottom: var(--e8xjnm-bottom-mobile, var(--e8xjnm-bottom-tablet, var(--e8xjnm-bottom, auto))); left: var(--e8xjnm-left-mobile, var(--e8xjnm-left-tablet, var(--e8xjnm-left, auto))); transform: var(--e8xjnm-transform-mobile, var(--e8xjnm-transform-tablet, var(--e8xjnm-transform, none))); z-index: var(--e8xjnm-z-index-mobile, var(--e8xjnm-z-index-tablet, var(--e8xjnm-z-index, 10))); aspect-ratio: var(--e8xjnm-background-imageRatio-mobile, var(--e8xjnm-background-imageRatio, auto)); border-width: var(--e8xjnm-borderWidth-tl-mobile, var(--e8xjnm-borderWidth-tl,0px)) var(--e8xjnm-borderWidth-tr-mobile,var(--e8xjnm-borderWidth-tr,0px)) var(--e8xjnm-borderWidth-br-mobile,var(--e8xjnm-borderWidth-br,0px)) var(--e8xjnm-borderWidth-bl-mobile,var(--e8xjnm-borderWidth-bl,0px)); border-radius: var(--e8xjnm-borderRadius-tl-mobile,var(--e8xjnm-borderRadius-tl,0px)) var(--e8xjnm-borderRadius-tr-mobile,var(--e8xjnm-borderRadius-tr,0px)) var(--e8xjnm-borderRadius-br-mobile,var(--e8xjnm-borderRadius-br,0px)) var(--e8xjnm-borderRadius-bl-mobile,var(--e8xjnm-borderRadius-bl,0px)); max-width: var(--e8xjnm-max-width-mobile, var(--e8xjnm-max-width, 100%)); height: if(style(--e8xjnm-position-mobile: absolute): var(--e8xjnm-height-mobile,var(--e8xjnm-height-tablet,,var(--e8xjnm-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--e8xjnm-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--e8xjnm-gap,var(--beae-card-gap)); padding-top: var(--e8xjnm-padding-top,var(--beae-card-padding)); padding-right: var(--e8xjnm-padding-right,var(--beae-card-padding)); padding-bottom: var(--e8xjnm-padding-bottom,var(--beae-card-padding)); padding-left: var(--e8xjnm-padding-left,var(--beae-card-padding)); border-width: var(--e8xjnm-borderWidth-tl,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-tr,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-br,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--e8xjnm-borderRadius-tl,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-tr,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-br,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--e8xjnm-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--e8xjnm-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--e8xjnm-gap-tablet,var(--beae-card-gap)); padding-top: var(--e8xjnm-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--e8xjnm-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--e8xjnm-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--e8xjnm-padding-left-tablet,var(--beae-card-padding)); border-width: var(--e8xjnm-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-br-desktop,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--e8xjnm-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--e8xjnm-gap-mobile,var(--beae-card-gap)); padding-top: var(--e8xjnm-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--e8xjnm-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--e8xjnm-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--e8xjnm-padding-left-mobile,var(--beae-card-padding)); border-width: var(--e8xjnm-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-br-mobile,var(--beae-card-border-width)) var(--e8xjnm-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--e8xjnm-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--e8xjnm-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--e8xjnm-background-color,var(--beae-card-featured-background)); border-color: var(--e8xjnm-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--e8xjnm-shadowHorizontal, var(--beae-card-shadow-x)) var(--e8xjnm-shadowVertical, var(--beae-card-shadow-y)) var(--e8xjnm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--e8xjnm-shadowColor, var(--beae-card-featured-shadow-color)) var(--e8xjnm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--e8xjnm-background-color,var(--beae-card-prod-background)); border-color: var(--e8xjnm-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--e8xjnm-shadowHorizontal, var(--beae-card-shadow-x)) var(--e8xjnm-shadowVertical, var(--beae-card-shadow-y)) var(--e8xjnm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--e8xjnm-shadowColor, var(--beae-card-prod-shadow-color)) var(--e8xjnm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--e8xjnm-background-color,var(--beae-card-pricing-background)); border-color: var(--e8xjnm-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--e8xjnm-shadowHorizontal, var(--beae-card-shadow-x)) var(--e8xjnm-shadowVertical, var(--beae-card-shadow-y)) var(--e8xjnm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--e8xjnm-shadowColor, var(--beae-card-pricing-shadow-color)) var(--e8xjnm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--e8xjnm-background-color,var(--beae-card-cta-background)); border-color: var(--e8xjnm-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--e8xjnm-shadowHorizontal, var(--beae-card-shadow-x)) var(--e8xjnm-shadowVertical, var(--beae-card-shadow-y)) var(--e8xjnm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--e8xjnm-shadowColor, var(--beae-card-cta-shadow-color)) var(--e8xjnm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-e8xjnm"] {     display: flex;     flex-direction: var(--e8xjnm-direction, column);     flex-wrap: nowrap;     justify-content: var(--e8xjnm-justify-content);     align-items: var(--e8xjnm-align-items);     gap: var(--e8xjnm-gap, var(--e8xjnm-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(--e8xjnm-padding-right, 0px) - var(--e8xjnm-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-e8xjnm"] {                            gap: var(--e8xjnm-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(--e8xjnm-padding-right-tablet, 0px) - var(--e8xjnm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-e8xjnm"] {                            gap: var(--e8xjnm-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(--e8xjnm-padding-right-mobile, 0px) - var(--e8xjnm-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7u4vy8"] { --7u4vy8-typography: h2; --7u4vy8-typography-tablet: h2; --7u4vy8-typography-mobile: h2; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-line-height-tablet: 1.2; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --7u4vy8-highlightColor: #2E5F7A; --7u4vy8-highlightColor-tablet: #2E5F7A; --7u4vy8-highlightColor-mobile: #2E5F7A; --7u4vy8-highlightThickness: 7; --7u4vy8-highlightThickness-tablet: 7; --7u4vy8-highlightThickness-mobile: 7; --7u4vy8-highlightTop: 88%; --7u4vy8-highlightTop-tablet: 88%; --7u4vy8-highlightTop-mobile: 88%; --beae-h2-text-align: center; --beae-h2-font-size: 59px; --beae-h2-line-height-mobile: 1.2; }[data-bnode="beae-7u4vy8"] { margin-top: var(--7u4vy8-margin-top, 0px); margin-right: var(--7u4vy8-margin-right, 0px); margin-bottom: var(--7u4vy8-margin-bottom, 0px); margin-left: var(--7u4vy8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7u4vy8-margin-top-tablet, 0px); margin-right: var(--7u4vy8-margin-right-tablet, 0px); margin-bottom: var(--7u4vy8-margin-bottom-tablet, 0px); margin-left: var(--7u4vy8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7u4vy8-margin-top-mobile, 0px); margin-right: var(--7u4vy8-margin-right-mobile, 0px); margin-bottom: var(--7u4vy8-margin-bottom-mobile, 0px); margin-left: var(--7u4vy8-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--7u4vy8-highlightColor,var(--beae-p-color)); top: var(--7u4vy8-highlightTop, 100%); } }[data-bnode="beae-i8s5a4"] { --i8s5a4-columns: 2; --i8s5a4-columns-tablet: 1; --i8s5a4-columns-mobile: 1; --i8s5a4-gap: 32px; --i8s5a4-gap-tablet: 16px; --i8s5a4-gap-mobile: 16px; --i8s5a4-navType: true; --i8s5a4-navType-tablet: true; --i8s5a4-navType-mobile: true; --i8s5a4-pagiType: true; --i8s5a4-pagiType-tablet: true; --i8s5a4-pagiType-mobile: true; --i8s5a4-listType: slider; --i8s5a4-listType-tablet: slider; --i8s5a4-listType-mobile: slider; --i8s5a4-stateNavigation: normal; --i8s5a4-stateNavigation-tablet: normal; --i8s5a4-stateNavigation-mobile: normal; --i8s5a4-statePagination: normal; --i8s5a4-statePagination-tablet: normal; --i8s5a4-statePagination-mobile: normal; --i8s5a4-stateNavigtion: normal; --i8s5a4-stateNavigtion-tablet: normal; --i8s5a4-stateNavigtion-mobile: normal; --i8s5a4-margin-top: 0px; --i8s5a4-margin-top-tablet: 0px; --i8s5a4-margin-top-mobile: 0px; --i8s5a4-margin-right: 0px; --i8s5a4-margin-right-tablet: 0px; --i8s5a4-margin-right-mobile: 0px; --i8s5a4-margin-bottom: 1px; --i8s5a4-margin-bottom-tablet: 1px; --i8s5a4-margin-bottom-mobile: 1px; --i8s5a4-margin-left: 0px; --i8s5a4-margin-left-tablet: 0px; --i8s5a4-margin-left-mobile: 0px; --i8s5a4-columnsMobile-mobile: 1; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-pdyws2"] { --pdyws2-width: 100%; --pdyws2-imageRatio: 6/7; --pdyws2-objFit: cover; --pdyws2-borderColor: #000000; --pdyws2-shadowColor: #000000; --pdyws2-borderStyle: none; --pdyws2-enableShadow: false; --pdyws2-borderRadius-tl: 24px; --pdyws2-borderRadius-tr: 24px; --pdyws2-borderRadius-bl: 24px; --pdyws2-borderRadius-br: 24px; --pdyws2-overlayColor-0: #; --pdyws2-overlayColor-1: d; --pdyws2-overlayColor-2: 8; --pdyws2-overlayColor-3: 2; --pdyws2-overlayColor-4: 7; --pdyws2-overlayColor-5: 2; --pdyws2-overlayColor-6: 7; --pdyws2-overlayColor-type: color; --pdyws2-overlayColor-color: #008c62; --pdyws2-margin-top: 56px; --pdyws2-margin-right: 0px; --pdyws2-margin-bottom: 0px; --pdyws2-margin-left: 0px; --pdyws2-width-tablet: 100%; --pdyws2-imageRatio-tablet: 6/7; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-stst7a"] { --stst7a-direction: column; --stst7a-structure: columns; --stst7a-gap: 16px; --stst7a-justify-content: flex-start; --stst7a-padding-top: 28px; --stst7a-padding-right: 28px; --stst7a-padding-bottom: 28px; --stst7a-padding-left: 28px; --stst7a-max-width: 100%; --stst7a-borderStyle: solid; --stst7a-borderColor: #2e5f7a; --stst7a-borderWidth-tl: 1px; --stst7a-borderWidth-tr: 1px; --stst7a-borderWidth-bl: 1px; --stst7a-borderWidth-br: 1px; --stst7a-borderRadius-tl: 24px; --stst7a-borderRadius-tr: 24px; --stst7a-borderRadius-bl: 24px; --stst7a-borderRadius-br: 24px; --stst7a-cardStyle: beae-featured-card; --stst7a-padding-top-tablet: 28px; --stst7a-padding-right-tablet: 24px; --stst7a-padding-bottom-tablet: 28px; --stst7a-padding-left-tablet: 24px; --stst7a-gap-tablet: 28px; --stst7a-justify-content-tablet: center; --stst7a-align-items-tablet: flex-start; --stst7a-direction-tablet: column; --stst7a-borderWidth-tl-tablet: 1px; --stst7a-borderWidth-tr-tablet: 1px; --stst7a-borderWidth-bl-tablet: 1px; --stst7a-borderWidth-br-tablet: 1px; --stst7a-borderRadius-tl-tablet: 24px; --stst7a-borderRadius-tr-tablet: 24px; --stst7a-borderRadius-bl-tablet: 24px; --stst7a-borderRadius-br-tablet: 24px; --stst7a-padding-top-mobile: 28px; --stst7a-padding-right-mobile: 28px; --stst7a-padding-bottom-mobile: 28px; --stst7a-padding-left-mobile: 28px; --stst7a-gap-mobile: 24px; --stst7a-borderRadius-tl-mobile: 24px; --stst7a-borderRadius-tr-mobile: 24px; --stst7a-borderRadius-bl-mobile: 24px; --stst7a-borderRadius-br-mobile: 24px; --stst7a-borderWidth-tl-mobile: 2px; --stst7a-borderWidth-tr-mobile: 2px; --stst7a-borderWidth-bl-mobile: 2px; --stst7a-borderWidth-br-mobile: 2px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-lgy1qi"] { --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; --lgy1qi-typography: p; --lgy1qi-margin-top: 0px; --lgy1qi-margin-right: 0px; --lgy1qi-margin-bottom: 0px; --lgy1qi-margin-left: 0px; --lgy1qi-margin-top-tablet: 0px; --lgy1qi-margin-right-tablet: 0px; --lgy1qi-margin-bottom-tablet: 0px; --lgy1qi-margin-left-tablet: 0px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-urt74t"] { --urt74t-direction: column; --urt74t-structure: columns; --urt74t-gap: 4px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-jgput6"] { --jgput6-direction: row; --jgput6-columns: 22.00,78.00; --jgput6-columnsPresetId: 22.00,78.00; --jgput6-structure: columns; --jgput6-gap: 16px; --jgput6-padding-top: 5px; --jgput6-padding-right: 0px; --jgput6-padding-bottom: 0px; --jgput6-padding-left: -5px; --jgput6-columns-tablet: 22.00,78.00; --jgput6-columnsPresetId-tablet: 22.00,78.00; --jgput6-columns-mobile: 22.00,78.00; --jgput6-columnsPresetId-mobile: 22.00,78.00; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-wrx30f"] { --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 16px; --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-font-size: 16px; --beae-h3-text-align: start; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-r62rpf"] { --r62rpf-typography: p2; --beae-p2-text-align: start; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-wegub7"] { --wegub7-imageRatio: 1/1; --wegub7-width: 64px; --wegub7-borderRadius-tl: 100px; --wegub7-borderRadius-tr: 100px; --wegub7-borderRadius-bl: 100px; --wegub7-borderRadius-br: 100px; --wegub7-objFit: cover; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-uj2jvu"] { --uj2jvu-direction: row; --uj2jvu-structure: columns; --uj2jvu-gap: 0px; --uj2jvu-max-width: 28%; --uj2jvu-padding-top: 0px; --uj2jvu-padding-right: 0px; --uj2jvu-padding-bottom: -22px; --uj2jvu-padding-left: 0px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-0ketyw"] { --0ketyw-size: 18px; --0ketyw-backgroundColor: #FF9E07; --0ketyw-iconColor: #f5f5f5; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-melyk9"] { --melyk9-iconColor: #FF9E07; --melyk9-size: 18px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-2nt1wf"] { --2nt1wf-size: 16px; --2nt1wf-iconColor: #997438; --2nt1wf-borderStyle: none; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-iu4nwn"] { --iu4nwn-align-items: center; --iu4nwn-structure: auto; --iu4nwn-direction: column; --iu4nwn-gap: 6px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-ovtkxh"] { --ovtkxh-size: 24px; --ovtkxh-iconColor: #000000; --ovtkxh-backgroundColor: #FFFFFF00; --ovtkxh-padding: 4px; --ovtkxh-enableShadow: false; --ovtkxh-margin-top: 0px; --ovtkxh-margin-right: 0px; --ovtkxh-margin-bottom: 0px; --ovtkxh-margin-left: 0px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-q6m5t8"] { --q6m5t8-iconColor: #43529D; --q6m5t8-size: 19px; --q6m5t8-backgroundColor: #FFFFFF00; --q6m5t8-padding: 4px; --q6m5t8-enableShadow: false; --q6m5t8-margin-top: 0px; --q6m5t8-margin-right: 0px; --q6m5t8-margin-bottom: 0px; --q6m5t8-margin-left: 0px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-5zb1qb"] { --5zb1qb-size: 8px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-2hhtqp"] { --2hhtqp-size: 24px; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-a2004u"] { --a2004u-size: 22px; --a2004u-iconColor: #000000; --a2004u-backgroundColor: #FFFFFF00; --a2004u-padding: 4px; --a2004u-enableShadow: false; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-sy8c1c"] { --beae-h3-text-align: justify; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-csytxz"] { --csytxz-typography: h5; --beae-h5-text-align: start; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-fmpq7h"] { --fmpq7h-width: 64px; --fmpq7h-imageRatio: 1/1; --fmpq7h-objFit: cover; --fmpq7h-borderColor: #000000; --fmpq7h-shadowColor: #000000; --fmpq7h-borderStyle: none; --fmpq7h-enableShadow: false; --fmpq7h-borderRadius-tl: 100px; --fmpq7h-borderRadius-tr: 100px; --fmpq7h-borderRadius-bl: 100px; --fmpq7h-borderRadius-br: 100px; --fmpq7h-borderWidth-tl: 1px; --fmpq7h-borderWidth-tr: 1px; --fmpq7h-borderWidth-bl: 1px; --fmpq7h-borderWidth-br: 1px; --fmpq7h-overlayColor-type: color; --fmpq7h-overlayColor-color: #d82727; --fmpq7h-overlayOpacity: 0; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-4m2bi1"] { --4m2bi1-width: 64px; --4m2bi1-imageRatio: 1/1; --4m2bi1-objFit: cover; --4m2bi1-borderColor: #000000; --4m2bi1-shadowColor: #000000; --4m2bi1-borderStyle: none; --4m2bi1-enableShadow: false; --4m2bi1-borderRadius-tl: 100px; --4m2bi1-borderRadius-tr: 100px; --4m2bi1-borderRadius-bl: 100px; --4m2bi1-borderRadius-br: 100px; --4m2bi1-overlayColor-type: color; --4m2bi1-overlayColor-color: #d82727; --4m2bi1-overlayOpacity: 1; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-jgput6"] { --jgput6-direction: row; --jgput6-direction-tablet: row; --jgput6-direction-mobile: row; --jgput6-structure: columns; --jgput6-structure-tablet: columns; --jgput6-structure-mobile: columns; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-iu4nwn"] { --iu4nwn-direction: row; --iu4nwn-direction-tablet: row; --iu4nwn-direction-mobile: row; --iu4nwn-structure: columns; --iu4nwn-structure-tablet: columns; --iu4nwn-structure-mobile: columns; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-r62rpf"] { --r62rpf-typography: p; --r62rpf-typography-tablet: p; --r62rpf-typography-mobile: p; } [data-bnode="beae-i8s5a4"] [data-bnode="beae-lgy1qi"] { --lgy1qi-typography: p; --lgy1qi-typography-tablet: p; --lgy1qi-typography-mobile: p; } [data-bnode="beae-i8s5a4"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: row; --be-ctl-item-direction-tablet: row; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 10px; --be-ctl-item-gap-tablet: 10px; --be-ctl-item-gap-mobile: 9px; --be-ctl-item-structure: columns; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-borderStyle: none; --be-ctl-item-borderStyle-tablet: none; --be-ctl-item-borderStyle-mobile: none; --be-ctl-item-borderWidth-tl: 5px; --be-ctl-item-borderWidth-tl-tablet: 5px; --be-ctl-item-borderWidth-tl-mobile: 5px; --be-ctl-item-borderWidth-tr: 5px; --be-ctl-item-borderWidth-tr-tablet: 5px; --be-ctl-item-borderWidth-tr-mobile: 5px; --be-ctl-item-borderWidth-bl: 5px; --be-ctl-item-borderWidth-bl-tablet: 5px; --be-ctl-item-borderWidth-bl-mobile: 5px; --be-ctl-item-borderWidth-br: 5px; --be-ctl-item-borderWidth-br-tablet: 5px; --be-ctl-item-borderWidth-br-mobile: 5px; --be-ctl-item-padding-top-tablet: 0px; --be-ctl-item-padding-top-mobile: 0px; --be-ctl-item-padding-right-tablet: 0px; --be-ctl-item-padding-right-mobile: 0px; --be-ctl-item-padding-bottom-tablet: 0px; --be-ctl-item-padding-bottom-mobile: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-columns-tablet: 50.00,50.00; --be-ctl-item-columns-mobile: 50.00,50.00; --be-ctl-item-columnsPresetId-tablet: 50.00,50.00; --be-ctl-item-columnsPresetId-mobile: 50.00,50.00; --be-ctl-item-align-items-tablet: stretch; --be-ctl-item-align-items-mobile: stretch; }[data-bnode="beae-i8s5a4"] { margin-top: var(--i8s5a4-margin-top, 0px); margin-right: var(--i8s5a4-margin-right, 0px); margin-bottom: var(--i8s5a4-margin-bottom, 0px); margin-left: var(--i8s5a4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i8s5a4-margin-top-tablet, 0px); margin-right: var(--i8s5a4-margin-right-tablet, 0px); margin-bottom: var(--i8s5a4-margin-bottom-tablet, 0px); margin-left: var(--i8s5a4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i8s5a4-margin-top-mobile, 0px); margin-right: var(--i8s5a4-margin-right-mobile, 0px); margin-bottom: var(--i8s5a4-margin-bottom-mobile, 0px); margin-left: var(--i8s5a4-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(--i8s5a4-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--i8s5a4-gap,var(--beae-grid-gap, 20px)) * (var(--i8s5a4-columns, 3) - 1)) / var(--i8s5a4-columns, 3)); &:last-child{ margin-right: var(--i8s5a4-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(--i8s5a4-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--i8s5a4-columns) - 1) * var(--i8s5a4-gap,var(--beae-grid-gap, 20px))) / var(--i8s5a4-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--i8s5a4-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--i8s5a4-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--i8s5a4-columns-tablet, 3) - 1)) / var(--i8s5a4-columns-tablet, 3)); &:last-child{ margin-right: var(--i8s5a4-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(--i8s5a4-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--i8s5a4-columns-tablet) - 1) * var(--i8s5a4-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--i8s5a4-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--i8s5a4-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--i8s5a4-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--i8s5a4-columnsMobile-mobile, 1) - 1)) / var(--i8s5a4-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--i8s5a4-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(--i8s5a4-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--i8s5a4-columnsMobile-mobile) - 1) * var(--i8s5a4-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--i8s5a4-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--i8s5a4-navPadding,12px); background:var(--i8s5a4-navBg,#F5F5F5); color: var(--i8s5a4-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--i8s5a4-navBgHover,#CCCCCC); color: var(--i8s5a4-navColorHover,var(--beae-text-color)); } svg { width: var(--i8s5a4-navIconSize,20px); height: var(--i8s5a4-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--i8s5a4-pagiBg,#E6E6E6); &.active { background:var(--i8s5a4-pagiBgActive,#181818); } &:not(.active):hover { background:var(--i8s5a4-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--i8s5a4-pagiColor,#e6e6e6); &.active { color:var(--i8s5a4-pagiColorActive,#181818); } &:not(.active):hover { color: var(--i8s5a4-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--i8s5a4-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--i8s5a4-pagiBg,#E6E6E6); &.active { background: var(--i8s5a4-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--i8s5a4-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-i8s5a4"] [data-bnode="beae-pdyws2"] { margin-top: var(--pdyws2-margin-top, 0px); margin-right: var(--pdyws2-margin-right, 0px); margin-bottom: var(--pdyws2-margin-bottom, 0px); margin-left: var(--pdyws2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pdyws2-margin-top-tablet, 0px); margin-right: var(--pdyws2-margin-right-tablet, 0px); margin-bottom: var(--pdyws2-margin-bottom-tablet, 0px); margin-left: var(--pdyws2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pdyws2-margin-top-mobile, 0px); margin-right: var(--pdyws2-margin-right-mobile, 0px); margin-bottom: var(--pdyws2-margin-bottom-mobile, 0px); margin-left: var(--pdyws2-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; isolation: isolate; overflow: hidden; display: block; width: 100%; max-width: calc( var(--pdyws2-width, 100%) - var(--pdyws2-margin-left, 0px) - var(--pdyws2-margin-right, 0px) ); min-height: min-content; border-style: var(--pdyws2-borderStyle, solid); border-color: var(--pdyws2-borderColor, #000000); border-width: var(--pdyws2-borderWidth-tl, 0px) var(--pdyws2-borderWidth-tr, 0px) var(--pdyws2-borderWidth-br, 0px) var(--pdyws2-borderWidth-bl, 0px); border-radius: var(--pdyws2-borderRadius-tl, 0px) var(--pdyws2-borderRadius-tr, 0px) var(--pdyws2-borderRadius-br, 0px) var(--pdyws2-borderRadius-bl, 0px); aspect-ratio: var(--pdyws2-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--pdyws2-borderWidth-tl-tablet, var(--pdyws2-borderWidth-tl, 0px)) var(--pdyws2-borderWidth-tr-tablet, var(--pdyws2-borderWidth-tr, 0px)) var(--pdyws2-borderWidth-br-tablet, var(--pdyws2-borderWidth-br, 0px)) var(--pdyws2-borderWidth-bl-tablet, var(--pdyws2-borderWidth-bl, 0px)); border-radius: var(--pdyws2-borderRadius-tl-tablet, var(--pdyws2-borderRadius-tl, 0px)) var(--pdyws2-borderRadius-tr-tablet, var(--pdyws2-borderRadius-tr, 0px)) var(--pdyws2-borderRadius-br-tablet, var(--pdyws2-borderRadius-br, 0px)) var(--pdyws2-borderRadius-bl-tablet, var(--pdyws2-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--pdyws2-borderWidth-tl-mobile, var(--pdyws2-borderWidth-tl, 0px)) var(--pdyws2-borderWidth-tr-mobile, var(--pdyws2-borderWidth-tr, 0px)) var(--pdyws2-borderWidth-br-mobile, var(--pdyws2-borderWidth-br, 0px)) var(--pdyws2-borderWidth-bl-mobile, var(--pdyws2-borderWidth-bl, 0px)); border-radius: var(--pdyws2-borderRadius-tl-mobile, var(--pdyws2-borderRadius-tl, 0px)) var(--pdyws2-borderRadius-tr-mobile, var(--pdyws2-borderRadius-tr, 0px)) var(--pdyws2-borderRadius-br-mobile, var(--pdyws2-borderRadius-br, 0px)) var(--pdyws2-borderRadius-bl-mobile, var(--pdyws2-borderRadius-bl, 0px)); } box-shadow: if( style(--pdyws2-enableShadow: true): var(--pdyws2-shadowHorizontal, 0) var(--pdyws2-shadowVertical, 0) var(--pdyws2-shadowBlur, 0) 1px var(--pdyws2-shadowColor, #000000) ; else: none ); &::after { content: ""; position: absolute; inset: 0; z-index: 2; background-color: var(--pdyws2-overlayColor, #000); opacity: var(--pdyws2-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--pdyws2-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--pdyws2-width-tablet, var(--pdyws2-width, 100%)) - var(--pdyws2-margin-left-tablet, var(--pdyws2-margin-left, 0px)) - var(--pdyws2-margin-right-tablet, var(--pdyws2-margin-right, 0px)) ); aspect-ratio: var(--pdyws2-imageRatio-tablet, var(--pdyws2-imageRatio, auto)); img { object-fit: var(--pdyws2-objFit-tablet, var(--pdyws2-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--pdyws2-width-mobile, var(--pdyws2-width, 100%)) - var(--pdyws2-margin-left-mobile, var(--pdyws2-margin-left, 0px)) - var(--pdyws2-margin-right-mobile, var(--pdyws2-margin-right, 0px)) ); aspect-ratio: var(--pdyws2-imageRatio-mobile, var(--pdyws2-imageRatio, auto)); img { object-fit: var(--pdyws2-objFit-mobile, var(--pdyws2-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-stst7a"] { padding-top: var(--stst7a-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--stst7a-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--stst7a-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--stst7a-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--stst7a-padding-top-tablet, var(--stst7a-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--stst7a-padding-right-tablet, var(--stst7a-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--stst7a-padding-bottom-tablet, var(--stst7a-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--stst7a-padding-left-tablet, var(--stst7a-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--stst7a-padding-top-mobile, var(--stst7a-padding-top-tablet, var(--stst7a-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--stst7a-padding-right-mobile, var(--stst7a-padding-right-tablet, var(--stst7a-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--stst7a-padding-bottom-mobile, var(--stst7a-padding-bottom-tablet, var(--stst7a-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--stst7a-padding-left-mobile, var(--stst7a-padding-left-tablet, var(--stst7a-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--stst7a-position, relative); top: var(--stst7a-top, auto); right: var(--stst7a-right, auto); bottom: var(--stst7a-bottom, auto); left: var(--stst7a-left, auto); transform: var(--stst7a-transform, none); z-index: var(--stst7a-z-index, 10); aspect-ratio: var(--stst7a-background-imageRatio, auto); background: var(--stst7a-background-color,transparent); border-style: var(--stst7a-borderStyle,solid); border-color: var(--stst7a-borderColor,#000000); border-width: var(--stst7a-borderWidth-tl,0px) var(--stst7a-borderWidth-tr,0px) var(--stst7a-borderWidth-br,0px) var(--stst7a-borderWidth-bl,0px); border-radius: var(--stst7a-borderRadius-tl,0px) var(--stst7a-borderRadius-tr,0px) var(--stst7a-borderRadius-br,0px) var(--stst7a-borderRadius-bl,0px); box-shadow: var(--stst7a-shadowHorizontal, 0px) var(--stst7a-shadowVertical, 0px) var(--stst7a-shadowBlur, 0px) 1px color-mix( in srgb, var(--stst7a-shadowColor, #000000) var(--stst7a-shadowTransparent, 0%), transparent ); max-width: var(--stst7a-max-width, 100%); width: 100%; height: if(style(--stst7a-position: absolute): var(--stst7a-height,100%); else: unset ); backdrop-filter:blur(var(--stst7a-background-blur, none)) saturate(var(--stst7a-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--stst7a-position-tablet, var(--stst7a-position, relative)); top: var(--stst7a-top-tablet, var(--stst7a-top, auto)); right: var(--stst7a-right-tablet, var(--stst7a-right, auto)); bottom: var(--stst7a-bottom-tablet, var(--stst7a-bottom, auto)); left: var(--stst7a-left-tablet, var(--stst7a-left, auto)); transform: var(--stst7a-transform-tablet, var(--stst7a-transform, none)); z-index: var(--stst7a-z-index-tablet, var(--stst7a-z-index, 10)); aspect-ratio: var(--stst7a-background-imageRatio-tablet, var(--stst7a-background-imageRatio, auto)); border-width: var(--stst7a-borderWidth-tl-tablet, var(--stst7a-borderWidth-tl,0px)) var(--stst7a-borderWidth-tr-tablet,var(--stst7a-borderWidth-tr,0px)) var(--stst7a-borderWidth-br-tablet,var(--stst7a-borderWidth-br,0px)) var(--stst7a-borderWidth-bl-tablet,var(--stst7a-borderWidth-bl,0px)); border-radius: var(--stst7a-borderRadius-tl-tablet,var(--stst7a-borderRadius-tl,0px)) var(--stst7a-borderRadius-tr-tablet,var(--stst7a-borderRadius-tr,0px)) var(--stst7a-borderRadius-br-tablet,var(--stst7a-borderRadius-br,0px)) var(--stst7a-borderRadius-bl-tablet,var(--stst7a-borderRadius-bl,0px)); max-width: var(--stst7a-max-width-tablet, var(--stst7a-max-width, 100%)); height: if(style(--stst7a-position-tablet: absolute): var(--stst7a-height-tablet,var(--stst7a-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--stst7a-position-mobile, var(--stst7a-position-tablet, var(--stst7a-position, relative))); top: var(--stst7a-top-mobile, var(--stst7a-top-tablet, var(--stst7a-top, auto))); right: var(--stst7a-right-mobile, var(--stst7a-right-tablet, var(--stst7a-right, auto))); bottom: var(--stst7a-bottom-mobile, var(--stst7a-bottom-tablet, var(--stst7a-bottom, auto))); left: var(--stst7a-left-mobile, var(--stst7a-left-tablet, var(--stst7a-left, auto))); transform: var(--stst7a-transform-mobile, var(--stst7a-transform-tablet, var(--stst7a-transform, none))); z-index: var(--stst7a-z-index-mobile, var(--stst7a-z-index-tablet, var(--stst7a-z-index, 10))); aspect-ratio: var(--stst7a-background-imageRatio-mobile, var(--stst7a-background-imageRatio, auto)); border-width: var(--stst7a-borderWidth-tl-mobile, var(--stst7a-borderWidth-tl,0px)) var(--stst7a-borderWidth-tr-mobile,var(--stst7a-borderWidth-tr,0px)) var(--stst7a-borderWidth-br-mobile,var(--stst7a-borderWidth-br,0px)) var(--stst7a-borderWidth-bl-mobile,var(--stst7a-borderWidth-bl,0px)); border-radius: var(--stst7a-borderRadius-tl-mobile,var(--stst7a-borderRadius-tl,0px)) var(--stst7a-borderRadius-tr-mobile,var(--stst7a-borderRadius-tr,0px)) var(--stst7a-borderRadius-br-mobile,var(--stst7a-borderRadius-br,0px)) var(--stst7a-borderRadius-bl-mobile,var(--stst7a-borderRadius-bl,0px)); max-width: var(--stst7a-max-width-mobile, var(--stst7a-max-width, 100%)); height: if(style(--stst7a-position-mobile: absolute): var(--stst7a-height-mobile,var(--stst7a-height-tablet,,var(--stst7a-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--stst7a-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--stst7a-gap,var(--beae-card-gap)); padding-top: var(--stst7a-padding-top,var(--beae-card-padding)); padding-right: var(--stst7a-padding-right,var(--beae-card-padding)); padding-bottom: var(--stst7a-padding-bottom,var(--beae-card-padding)); padding-left: var(--stst7a-padding-left,var(--beae-card-padding)); border-width: var(--stst7a-borderWidth-tl,var(--beae-card-border-width)) var(--stst7a-borderWidth-tr,var(--beae-card-border-width)) var(--stst7a-borderWidth-br,var(--beae-card-border-width)) var(--stst7a-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--stst7a-borderRadius-tl,var(--beae-card-border-radius)) var(--stst7a-borderRadius-tr,var(--beae-card-border-radius)) var(--stst7a-borderRadius-br,var(--beae-card-border-radius)) var(--stst7a-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--stst7a-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--stst7a-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--stst7a-gap-tablet,var(--beae-card-gap)); padding-top: var(--stst7a-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--stst7a-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--stst7a-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--stst7a-padding-left-tablet,var(--beae-card-padding)); border-width: var(--stst7a-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--stst7a-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--stst7a-borderWidth-br-desktop,var(--beae-card-border-width)) var(--stst7a-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--stst7a-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--stst7a-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--stst7a-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--stst7a-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--stst7a-gap-mobile,var(--beae-card-gap)); padding-top: var(--stst7a-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--stst7a-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--stst7a-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--stst7a-padding-left-mobile,var(--beae-card-padding)); border-width: var(--stst7a-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--stst7a-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--stst7a-borderWidth-br-mobile,var(--beae-card-border-width)) var(--stst7a-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--stst7a-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--stst7a-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--stst7a-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--stst7a-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--stst7a-background-color,var(--beae-card-featured-background)); border-color: var(--stst7a-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--stst7a-shadowHorizontal, var(--beae-card-shadow-x)) var(--stst7a-shadowVertical, var(--beae-card-shadow-y)) var(--stst7a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--stst7a-shadowColor, var(--beae-card-featured-shadow-color)) var(--stst7a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--stst7a-background-color,var(--beae-card-prod-background)); border-color: var(--stst7a-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--stst7a-shadowHorizontal, var(--beae-card-shadow-x)) var(--stst7a-shadowVertical, var(--beae-card-shadow-y)) var(--stst7a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--stst7a-shadowColor, var(--beae-card-prod-shadow-color)) var(--stst7a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--stst7a-background-color,var(--beae-card-pricing-background)); border-color: var(--stst7a-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--stst7a-shadowHorizontal, var(--beae-card-shadow-x)) var(--stst7a-shadowVertical, var(--beae-card-shadow-y)) var(--stst7a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--stst7a-shadowColor, var(--beae-card-pricing-shadow-color)) var(--stst7a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--stst7a-background-color,var(--beae-card-cta-background)); border-color: var(--stst7a-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--stst7a-shadowHorizontal, var(--beae-card-shadow-x)) var(--stst7a-shadowVertical, var(--beae-card-shadow-y)) var(--stst7a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--stst7a-shadowColor, var(--beae-card-cta-shadow-color)) var(--stst7a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-jgput6"] { padding-top: var(--jgput6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jgput6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jgput6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jgput6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jgput6-padding-top-tablet, var(--jgput6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jgput6-padding-right-tablet, var(--jgput6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jgput6-padding-bottom-tablet, var(--jgput6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jgput6-padding-left-tablet, var(--jgput6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jgput6-padding-top-mobile, var(--jgput6-padding-top-tablet, var(--jgput6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jgput6-padding-right-mobile, var(--jgput6-padding-right-tablet, var(--jgput6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jgput6-padding-bottom-mobile, var(--jgput6-padding-bottom-tablet, var(--jgput6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jgput6-padding-left-mobile, var(--jgput6-padding-left-tablet, var(--jgput6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--jgput6-position, relative); top: var(--jgput6-top, auto); right: var(--jgput6-right, auto); bottom: var(--jgput6-bottom, auto); left: var(--jgput6-left, auto); transform: var(--jgput6-transform, none); z-index: var(--jgput6-z-index, 10); aspect-ratio: var(--jgput6-background-imageRatio, auto); background: var(--jgput6-background-color,transparent); border-style: var(--jgput6-borderStyle,solid); border-color: var(--jgput6-borderColor,#000000); border-width: var(--jgput6-borderWidth-tl,0px) var(--jgput6-borderWidth-tr,0px) var(--jgput6-borderWidth-br,0px) var(--jgput6-borderWidth-bl,0px); border-radius: var(--jgput6-borderRadius-tl,0px) var(--jgput6-borderRadius-tr,0px) var(--jgput6-borderRadius-br,0px) var(--jgput6-borderRadius-bl,0px); box-shadow: var(--jgput6-shadowHorizontal, 0px) var(--jgput6-shadowVertical, 0px) var(--jgput6-shadowBlur, 0px) 1px color-mix( in srgb, var(--jgput6-shadowColor, #000000) var(--jgput6-shadowTransparent, 0%), transparent ); max-width: var(--jgput6-max-width, 100%); width: 100%; height: if(style(--jgput6-position: absolute): var(--jgput6-height,100%); else: unset ); backdrop-filter:blur(var(--jgput6-background-blur, none)) saturate(var(--jgput6-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--jgput6-position-tablet, var(--jgput6-position, relative)); top: var(--jgput6-top-tablet, var(--jgput6-top, auto)); right: var(--jgput6-right-tablet, var(--jgput6-right, auto)); bottom: var(--jgput6-bottom-tablet, var(--jgput6-bottom, auto)); left: var(--jgput6-left-tablet, var(--jgput6-left, auto)); transform: var(--jgput6-transform-tablet, var(--jgput6-transform, none)); z-index: var(--jgput6-z-index-tablet, var(--jgput6-z-index, 10)); aspect-ratio: var(--jgput6-background-imageRatio-tablet, var(--jgput6-background-imageRatio, auto)); border-width: var(--jgput6-borderWidth-tl-tablet, var(--jgput6-borderWidth-tl,0px)) var(--jgput6-borderWidth-tr-tablet,var(--jgput6-borderWidth-tr,0px)) var(--jgput6-borderWidth-br-tablet,var(--jgput6-borderWidth-br,0px)) var(--jgput6-borderWidth-bl-tablet,var(--jgput6-borderWidth-bl,0px)); border-radius: var(--jgput6-borderRadius-tl-tablet,var(--jgput6-borderRadius-tl,0px)) var(--jgput6-borderRadius-tr-tablet,var(--jgput6-borderRadius-tr,0px)) var(--jgput6-borderRadius-br-tablet,var(--jgput6-borderRadius-br,0px)) var(--jgput6-borderRadius-bl-tablet,var(--jgput6-borderRadius-bl,0px)); max-width: var(--jgput6-max-width-tablet, var(--jgput6-max-width, 100%)); height: if(style(--jgput6-position-tablet: absolute): var(--jgput6-height-tablet,var(--jgput6-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--jgput6-position-mobile, var(--jgput6-position-tablet, var(--jgput6-position, relative))); top: var(--jgput6-top-mobile, var(--jgput6-top-tablet, var(--jgput6-top, auto))); right: var(--jgput6-right-mobile, var(--jgput6-right-tablet, var(--jgput6-right, auto))); bottom: var(--jgput6-bottom-mobile, var(--jgput6-bottom-tablet, var(--jgput6-bottom, auto))); left: var(--jgput6-left-mobile, var(--jgput6-left-tablet, var(--jgput6-left, auto))); transform: var(--jgput6-transform-mobile, var(--jgput6-transform-tablet, var(--jgput6-transform, none))); z-index: var(--jgput6-z-index-mobile, var(--jgput6-z-index-tablet, var(--jgput6-z-index, 10))); aspect-ratio: var(--jgput6-background-imageRatio-mobile, var(--jgput6-background-imageRatio, auto)); border-width: var(--jgput6-borderWidth-tl-mobile, var(--jgput6-borderWidth-tl,0px)) var(--jgput6-borderWidth-tr-mobile,var(--jgput6-borderWidth-tr,0px)) var(--jgput6-borderWidth-br-mobile,var(--jgput6-borderWidth-br,0px)) var(--jgput6-borderWidth-bl-mobile,var(--jgput6-borderWidth-bl,0px)); border-radius: var(--jgput6-borderRadius-tl-mobile,var(--jgput6-borderRadius-tl,0px)) var(--jgput6-borderRadius-tr-mobile,var(--jgput6-borderRadius-tr,0px)) var(--jgput6-borderRadius-br-mobile,var(--jgput6-borderRadius-br,0px)) var(--jgput6-borderRadius-bl-mobile,var(--jgput6-borderRadius-bl,0px)); max-width: var(--jgput6-max-width-mobile, var(--jgput6-max-width, 100%)); height: if(style(--jgput6-position-mobile: absolute): var(--jgput6-height-mobile,var(--jgput6-height-tablet,,var(--jgput6-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jgput6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--jgput6-gap,var(--beae-card-gap)); padding-top: var(--jgput6-padding-top,var(--beae-card-padding)); padding-right: var(--jgput6-padding-right,var(--beae-card-padding)); padding-bottom: var(--jgput6-padding-bottom,var(--beae-card-padding)); padding-left: var(--jgput6-padding-left,var(--beae-card-padding)); border-width: var(--jgput6-borderWidth-tl,var(--beae-card-border-width)) var(--jgput6-borderWidth-tr,var(--beae-card-border-width)) var(--jgput6-borderWidth-br,var(--beae-card-border-width)) var(--jgput6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jgput6-borderRadius-tl,var(--beae-card-border-radius)) var(--jgput6-borderRadius-tr,var(--beae-card-border-radius)) var(--jgput6-borderRadius-br,var(--beae-card-border-radius)) var(--jgput6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--jgput6-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--jgput6-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--jgput6-gap-tablet,var(--beae-card-gap)); padding-top: var(--jgput6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jgput6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jgput6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jgput6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jgput6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jgput6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jgput6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jgput6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jgput6-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--jgput6-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--jgput6-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--jgput6-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--jgput6-gap-mobile,var(--beae-card-gap)); padding-top: var(--jgput6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jgput6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jgput6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jgput6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jgput6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jgput6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jgput6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jgput6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jgput6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jgput6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jgput6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jgput6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jgput6-background-color,var(--beae-card-featured-background)); border-color: var(--jgput6-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--jgput6-shadowHorizontal, var(--beae-card-shadow-x)) var(--jgput6-shadowVertical, var(--beae-card-shadow-y)) var(--jgput6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jgput6-shadowColor, var(--beae-card-featured-shadow-color)) var(--jgput6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--jgput6-background-color,var(--beae-card-prod-background)); border-color: var(--jgput6-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--jgput6-shadowHorizontal, var(--beae-card-shadow-x)) var(--jgput6-shadowVertical, var(--beae-card-shadow-y)) var(--jgput6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jgput6-shadowColor, var(--beae-card-prod-shadow-color)) var(--jgput6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--jgput6-background-color,var(--beae-card-pricing-background)); border-color: var(--jgput6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--jgput6-shadowHorizontal, var(--beae-card-shadow-x)) var(--jgput6-shadowVertical, var(--beae-card-shadow-y)) var(--jgput6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jgput6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--jgput6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--jgput6-background-color,var(--beae-card-cta-background)); border-color: var(--jgput6-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--jgput6-shadowHorizontal, var(--beae-card-shadow-x)) var(--jgput6-shadowVertical, var(--beae-card-shadow-y)) var(--jgput6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jgput6-shadowColor, var(--beae-card-cta-shadow-color)) var(--jgput6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-urt74t"] { padding-top: var(--urt74t-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--urt74t-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--urt74t-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--urt74t-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--urt74t-padding-top-tablet, var(--urt74t-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--urt74t-padding-right-tablet, var(--urt74t-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--urt74t-padding-bottom-tablet, var(--urt74t-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--urt74t-padding-left-tablet, var(--urt74t-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--urt74t-padding-top-mobile, var(--urt74t-padding-top-tablet, var(--urt74t-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--urt74t-padding-right-mobile, var(--urt74t-padding-right-tablet, var(--urt74t-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--urt74t-padding-bottom-mobile, var(--urt74t-padding-bottom-tablet, var(--urt74t-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--urt74t-padding-left-mobile, var(--urt74t-padding-left-tablet, var(--urt74t-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--urt74t-position, relative); top: var(--urt74t-top, auto); right: var(--urt74t-right, auto); bottom: var(--urt74t-bottom, auto); left: var(--urt74t-left, auto); transform: var(--urt74t-transform, none); z-index: var(--urt74t-z-index, 10); aspect-ratio: var(--urt74t-background-imageRatio, auto); background: var(--urt74t-background-color,transparent); border-style: var(--urt74t-borderStyle,solid); border-color: var(--urt74t-borderColor,#000000); border-width: var(--urt74t-borderWidth-tl,0px) var(--urt74t-borderWidth-tr,0px) var(--urt74t-borderWidth-br,0px) var(--urt74t-borderWidth-bl,0px); border-radius: var(--urt74t-borderRadius-tl,0px) var(--urt74t-borderRadius-tr,0px) var(--urt74t-borderRadius-br,0px) var(--urt74t-borderRadius-bl,0px); box-shadow: var(--urt74t-shadowHorizontal, 0px) var(--urt74t-shadowVertical, 0px) var(--urt74t-shadowBlur, 0px) 1px color-mix( in srgb, var(--urt74t-shadowColor, #000000) var(--urt74t-shadowTransparent, 0%), transparent ); max-width: var(--urt74t-max-width, 100%); width: 100%; height: if(style(--urt74t-position: absolute): var(--urt74t-height,100%); else: unset ); backdrop-filter:blur(var(--urt74t-background-blur, none)) saturate(var(--urt74t-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--urt74t-position-tablet, var(--urt74t-position, relative)); top: var(--urt74t-top-tablet, var(--urt74t-top, auto)); right: var(--urt74t-right-tablet, var(--urt74t-right, auto)); bottom: var(--urt74t-bottom-tablet, var(--urt74t-bottom, auto)); left: var(--urt74t-left-tablet, var(--urt74t-left, auto)); transform: var(--urt74t-transform-tablet, var(--urt74t-transform, none)); z-index: var(--urt74t-z-index-tablet, var(--urt74t-z-index, 10)); aspect-ratio: var(--urt74t-background-imageRatio-tablet, var(--urt74t-background-imageRatio, auto)); border-width: var(--urt74t-borderWidth-tl-tablet, var(--urt74t-borderWidth-tl,0px)) var(--urt74t-borderWidth-tr-tablet,var(--urt74t-borderWidth-tr,0px)) var(--urt74t-borderWidth-br-tablet,var(--urt74t-borderWidth-br,0px)) var(--urt74t-borderWidth-bl-tablet,var(--urt74t-borderWidth-bl,0px)); border-radius: var(--urt74t-borderRadius-tl-tablet,var(--urt74t-borderRadius-tl,0px)) var(--urt74t-borderRadius-tr-tablet,var(--urt74t-borderRadius-tr,0px)) var(--urt74t-borderRadius-br-tablet,var(--urt74t-borderRadius-br,0px)) var(--urt74t-borderRadius-bl-tablet,var(--urt74t-borderRadius-bl,0px)); max-width: var(--urt74t-max-width-tablet, var(--urt74t-max-width, 100%)); height: if(style(--urt74t-position-tablet: absolute): var(--urt74t-height-tablet,var(--urt74t-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--urt74t-position-mobile, var(--urt74t-position-tablet, var(--urt74t-position, relative))); top: var(--urt74t-top-mobile, var(--urt74t-top-tablet, var(--urt74t-top, auto))); right: var(--urt74t-right-mobile, var(--urt74t-right-tablet, var(--urt74t-right, auto))); bottom: var(--urt74t-bottom-mobile, var(--urt74t-bottom-tablet, var(--urt74t-bottom, auto))); left: var(--urt74t-left-mobile, var(--urt74t-left-tablet, var(--urt74t-left, auto))); transform: var(--urt74t-transform-mobile, var(--urt74t-transform-tablet, var(--urt74t-transform, none))); z-index: var(--urt74t-z-index-mobile, var(--urt74t-z-index-tablet, var(--urt74t-z-index, 10))); aspect-ratio: var(--urt74t-background-imageRatio-mobile, var(--urt74t-background-imageRatio, auto)); border-width: var(--urt74t-borderWidth-tl-mobile, var(--urt74t-borderWidth-tl,0px)) var(--urt74t-borderWidth-tr-mobile,var(--urt74t-borderWidth-tr,0px)) var(--urt74t-borderWidth-br-mobile,var(--urt74t-borderWidth-br,0px)) var(--urt74t-borderWidth-bl-mobile,var(--urt74t-borderWidth-bl,0px)); border-radius: var(--urt74t-borderRadius-tl-mobile,var(--urt74t-borderRadius-tl,0px)) var(--urt74t-borderRadius-tr-mobile,var(--urt74t-borderRadius-tr,0px)) var(--urt74t-borderRadius-br-mobile,var(--urt74t-borderRadius-br,0px)) var(--urt74t-borderRadius-bl-mobile,var(--urt74t-borderRadius-bl,0px)); max-width: var(--urt74t-max-width-mobile, var(--urt74t-max-width, 100%)); height: if(style(--urt74t-position-mobile: absolute): var(--urt74t-height-mobile,var(--urt74t-height-tablet,,var(--urt74t-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--urt74t-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--urt74t-gap,var(--beae-card-gap)); padding-top: var(--urt74t-padding-top,var(--beae-card-padding)); padding-right: var(--urt74t-padding-right,var(--beae-card-padding)); padding-bottom: var(--urt74t-padding-bottom,var(--beae-card-padding)); padding-left: var(--urt74t-padding-left,var(--beae-card-padding)); border-width: var(--urt74t-borderWidth-tl,var(--beae-card-border-width)) var(--urt74t-borderWidth-tr,var(--beae-card-border-width)) var(--urt74t-borderWidth-br,var(--beae-card-border-width)) var(--urt74t-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--urt74t-borderRadius-tl,var(--beae-card-border-radius)) var(--urt74t-borderRadius-tr,var(--beae-card-border-radius)) var(--urt74t-borderRadius-br,var(--beae-card-border-radius)) var(--urt74t-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--urt74t-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--urt74t-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--urt74t-gap-tablet,var(--beae-card-gap)); padding-top: var(--urt74t-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--urt74t-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--urt74t-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--urt74t-padding-left-tablet,var(--beae-card-padding)); border-width: var(--urt74t-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--urt74t-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--urt74t-borderWidth-br-desktop,var(--beae-card-border-width)) var(--urt74t-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--urt74t-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--urt74t-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--urt74t-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--urt74t-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--urt74t-gap-mobile,var(--beae-card-gap)); padding-top: var(--urt74t-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--urt74t-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--urt74t-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--urt74t-padding-left-mobile,var(--beae-card-padding)); border-width: var(--urt74t-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--urt74t-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--urt74t-borderWidth-br-mobile,var(--beae-card-border-width)) var(--urt74t-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--urt74t-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--urt74t-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--urt74t-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--urt74t-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--urt74t-background-color,var(--beae-card-featured-background)); border-color: var(--urt74t-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--urt74t-shadowHorizontal, var(--beae-card-shadow-x)) var(--urt74t-shadowVertical, var(--beae-card-shadow-y)) var(--urt74t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--urt74t-shadowColor, var(--beae-card-featured-shadow-color)) var(--urt74t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--urt74t-background-color,var(--beae-card-prod-background)); border-color: var(--urt74t-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--urt74t-shadowHorizontal, var(--beae-card-shadow-x)) var(--urt74t-shadowVertical, var(--beae-card-shadow-y)) var(--urt74t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--urt74t-shadowColor, var(--beae-card-prod-shadow-color)) var(--urt74t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--urt74t-background-color,var(--beae-card-pricing-background)); border-color: var(--urt74t-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--urt74t-shadowHorizontal, var(--beae-card-shadow-x)) var(--urt74t-shadowVertical, var(--beae-card-shadow-y)) var(--urt74t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--urt74t-shadowColor, var(--beae-card-pricing-shadow-color)) var(--urt74t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--urt74t-background-color,var(--beae-card-cta-background)); border-color: var(--urt74t-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--urt74t-shadowHorizontal, var(--beae-card-shadow-x)) var(--urt74t-shadowVertical, var(--beae-card-shadow-y)) var(--urt74t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--urt74t-shadowColor, var(--beae-card-cta-shadow-color)) var(--urt74t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-csytxz"] { margin-top: var(--csytxz-margin-top, 0px); margin-right: var(--csytxz-margin-right, 0px); margin-bottom: var(--csytxz-margin-bottom, 0px); margin-left: var(--csytxz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--csytxz-margin-top-tablet, 0px); margin-right: var(--csytxz-margin-right-tablet, 0px); margin-bottom: var(--csytxz-margin-bottom-tablet, 0px); margin-left: var(--csytxz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--csytxz-margin-top-mobile, 0px); margin-right: var(--csytxz-margin-right-mobile, 0px); margin-bottom: var(--csytxz-margin-bottom-mobile, 0px); margin-left: var(--csytxz-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--csytxz-highlightColor,var(--beae-p-color)); top: var(--csytxz-highlightTop, 100%); } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-iu4nwn"] { padding-top: var(--iu4nwn-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--iu4nwn-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--iu4nwn-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--iu4nwn-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--iu4nwn-padding-top-tablet, var(--iu4nwn-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--iu4nwn-padding-right-tablet, var(--iu4nwn-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--iu4nwn-padding-bottom-tablet, var(--iu4nwn-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--iu4nwn-padding-left-tablet, var(--iu4nwn-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--iu4nwn-padding-top-mobile, var(--iu4nwn-padding-top-tablet, var(--iu4nwn-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--iu4nwn-padding-right-mobile, var(--iu4nwn-padding-right-tablet, var(--iu4nwn-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--iu4nwn-padding-bottom-mobile, var(--iu4nwn-padding-bottom-tablet, var(--iu4nwn-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--iu4nwn-padding-left-mobile, var(--iu4nwn-padding-left-tablet, var(--iu4nwn-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--iu4nwn-position, relative); top: var(--iu4nwn-top, auto); right: var(--iu4nwn-right, auto); bottom: var(--iu4nwn-bottom, auto); left: var(--iu4nwn-left, auto); transform: var(--iu4nwn-transform, none); z-index: var(--iu4nwn-z-index, 10); aspect-ratio: var(--iu4nwn-background-imageRatio, auto); background: var(--iu4nwn-background-color,transparent); border-style: var(--iu4nwn-borderStyle,solid); border-color: var(--iu4nwn-borderColor,#000000); border-width: var(--iu4nwn-borderWidth-tl,0px) var(--iu4nwn-borderWidth-tr,0px) var(--iu4nwn-borderWidth-br,0px) var(--iu4nwn-borderWidth-bl,0px); border-radius: var(--iu4nwn-borderRadius-tl,0px) var(--iu4nwn-borderRadius-tr,0px) var(--iu4nwn-borderRadius-br,0px) var(--iu4nwn-borderRadius-bl,0px); box-shadow: var(--iu4nwn-shadowHorizontal, 0px) var(--iu4nwn-shadowVertical, 0px) var(--iu4nwn-shadowBlur, 0px) 1px color-mix( in srgb, var(--iu4nwn-shadowColor, #000000) var(--iu4nwn-shadowTransparent, 0%), transparent ); max-width: var(--iu4nwn-max-width, 100%); width: 100%; height: if(style(--iu4nwn-position: absolute): var(--iu4nwn-height,100%); else: unset ); backdrop-filter:blur(var(--iu4nwn-background-blur, none)) saturate(var(--iu4nwn-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--iu4nwn-position-tablet, var(--iu4nwn-position, relative)); top: var(--iu4nwn-top-tablet, var(--iu4nwn-top, auto)); right: var(--iu4nwn-right-tablet, var(--iu4nwn-right, auto)); bottom: var(--iu4nwn-bottom-tablet, var(--iu4nwn-bottom, auto)); left: var(--iu4nwn-left-tablet, var(--iu4nwn-left, auto)); transform: var(--iu4nwn-transform-tablet, var(--iu4nwn-transform, none)); z-index: var(--iu4nwn-z-index-tablet, var(--iu4nwn-z-index, 10)); aspect-ratio: var(--iu4nwn-background-imageRatio-tablet, var(--iu4nwn-background-imageRatio, auto)); border-width: var(--iu4nwn-borderWidth-tl-tablet, var(--iu4nwn-borderWidth-tl,0px)) var(--iu4nwn-borderWidth-tr-tablet,var(--iu4nwn-borderWidth-tr,0px)) var(--iu4nwn-borderWidth-br-tablet,var(--iu4nwn-borderWidth-br,0px)) var(--iu4nwn-borderWidth-bl-tablet,var(--iu4nwn-borderWidth-bl,0px)); border-radius: var(--iu4nwn-borderRadius-tl-tablet,var(--iu4nwn-borderRadius-tl,0px)) var(--iu4nwn-borderRadius-tr-tablet,var(--iu4nwn-borderRadius-tr,0px)) var(--iu4nwn-borderRadius-br-tablet,var(--iu4nwn-borderRadius-br,0px)) var(--iu4nwn-borderRadius-bl-tablet,var(--iu4nwn-borderRadius-bl,0px)); max-width: var(--iu4nwn-max-width-tablet, var(--iu4nwn-max-width, 100%)); height: if(style(--iu4nwn-position-tablet: absolute): var(--iu4nwn-height-tablet,var(--iu4nwn-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--iu4nwn-position-mobile, var(--iu4nwn-position-tablet, var(--iu4nwn-position, relative))); top: var(--iu4nwn-top-mobile, var(--iu4nwn-top-tablet, var(--iu4nwn-top, auto))); right: var(--iu4nwn-right-mobile, var(--iu4nwn-right-tablet, var(--iu4nwn-right, auto))); bottom: var(--iu4nwn-bottom-mobile, var(--iu4nwn-bottom-tablet, var(--iu4nwn-bottom, auto))); left: var(--iu4nwn-left-mobile, var(--iu4nwn-left-tablet, var(--iu4nwn-left, auto))); transform: var(--iu4nwn-transform-mobile, var(--iu4nwn-transform-tablet, var(--iu4nwn-transform, none))); z-index: var(--iu4nwn-z-index-mobile, var(--iu4nwn-z-index-tablet, var(--iu4nwn-z-index, 10))); aspect-ratio: var(--iu4nwn-background-imageRatio-mobile, var(--iu4nwn-background-imageRatio, auto)); border-width: var(--iu4nwn-borderWidth-tl-mobile, var(--iu4nwn-borderWidth-tl,0px)) var(--iu4nwn-borderWidth-tr-mobile,var(--iu4nwn-borderWidth-tr,0px)) var(--iu4nwn-borderWidth-br-mobile,var(--iu4nwn-borderWidth-br,0px)) var(--iu4nwn-borderWidth-bl-mobile,var(--iu4nwn-borderWidth-bl,0px)); border-radius: var(--iu4nwn-borderRadius-tl-mobile,var(--iu4nwn-borderRadius-tl,0px)) var(--iu4nwn-borderRadius-tr-mobile,var(--iu4nwn-borderRadius-tr,0px)) var(--iu4nwn-borderRadius-br-mobile,var(--iu4nwn-borderRadius-br,0px)) var(--iu4nwn-borderRadius-bl-mobile,var(--iu4nwn-borderRadius-bl,0px)); max-width: var(--iu4nwn-max-width-mobile, var(--iu4nwn-max-width, 100%)); height: if(style(--iu4nwn-position-mobile: absolute): var(--iu4nwn-height-mobile,var(--iu4nwn-height-tablet,,var(--iu4nwn-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--iu4nwn-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--iu4nwn-gap,var(--beae-card-gap)); padding-top: var(--iu4nwn-padding-top,var(--beae-card-padding)); padding-right: var(--iu4nwn-padding-right,var(--beae-card-padding)); padding-bottom: var(--iu4nwn-padding-bottom,var(--beae-card-padding)); padding-left: var(--iu4nwn-padding-left,var(--beae-card-padding)); border-width: var(--iu4nwn-borderWidth-tl,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-tr,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-br,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--iu4nwn-borderRadius-tl,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-tr,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-br,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--iu4nwn-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--iu4nwn-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--iu4nwn-gap-tablet,var(--beae-card-gap)); padding-top: var(--iu4nwn-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--iu4nwn-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--iu4nwn-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--iu4nwn-padding-left-tablet,var(--beae-card-padding)); border-width: var(--iu4nwn-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-br-desktop,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--iu4nwn-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--iu4nwn-gap-mobile,var(--beae-card-gap)); padding-top: var(--iu4nwn-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--iu4nwn-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--iu4nwn-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--iu4nwn-padding-left-mobile,var(--beae-card-padding)); border-width: var(--iu4nwn-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-br-mobile,var(--beae-card-border-width)) var(--iu4nwn-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--iu4nwn-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--iu4nwn-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--iu4nwn-background-color,var(--beae-card-featured-background)); border-color: var(--iu4nwn-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--iu4nwn-shadowHorizontal, var(--beae-card-shadow-x)) var(--iu4nwn-shadowVertical, var(--beae-card-shadow-y)) var(--iu4nwn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--iu4nwn-shadowColor, var(--beae-card-featured-shadow-color)) var(--iu4nwn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--iu4nwn-background-color,var(--beae-card-prod-background)); border-color: var(--iu4nwn-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--iu4nwn-shadowHorizontal, var(--beae-card-shadow-x)) var(--iu4nwn-shadowVertical, var(--beae-card-shadow-y)) var(--iu4nwn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--iu4nwn-shadowColor, var(--beae-card-prod-shadow-color)) var(--iu4nwn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--iu4nwn-background-color,var(--beae-card-pricing-background)); border-color: var(--iu4nwn-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--iu4nwn-shadowHorizontal, var(--beae-card-shadow-x)) var(--iu4nwn-shadowVertical, var(--beae-card-shadow-y)) var(--iu4nwn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--iu4nwn-shadowColor, var(--beae-card-pricing-shadow-color)) var(--iu4nwn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--iu4nwn-background-color,var(--beae-card-cta-background)); border-color: var(--iu4nwn-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--iu4nwn-shadowHorizontal, var(--beae-card-shadow-x)) var(--iu4nwn-shadowVertical, var(--beae-card-shadow-y)) var(--iu4nwn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--iu4nwn-shadowColor, var(--beae-card-cta-shadow-color)) var(--iu4nwn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-r62rpf"] { margin-top: var(--r62rpf-margin-top, 0px); margin-right: var(--r62rpf-margin-right, 0px); margin-bottom: var(--r62rpf-margin-bottom, 0px); margin-left: var(--r62rpf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--r62rpf-margin-top-tablet, 0px); margin-right: var(--r62rpf-margin-right-tablet, 0px); margin-bottom: var(--r62rpf-margin-bottom-tablet, 0px); margin-left: var(--r62rpf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--r62rpf-margin-top-mobile, 0px); margin-right: var(--r62rpf-margin-right-mobile, 0px); margin-bottom: var(--r62rpf-margin-bottom-mobile, 0px); margin-left: var(--r62rpf-margin-left-mobile, 0px); } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-a2004u"] { margin-top: var(--a2004u-margin-top, 0px); margin-right: var(--a2004u-margin-right, 0px); margin-bottom: var(--a2004u-margin-bottom, 0px); margin-left: var(--a2004u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--a2004u-margin-top-tablet, 0px); margin-right: var(--a2004u-margin-right-tablet, 0px); margin-bottom: var(--a2004u-margin-bottom-tablet, 0px); margin-left: var(--a2004u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--a2004u-margin-top-mobile, 0px); margin-right: var(--a2004u-margin-right-mobile, 0px); margin-bottom: var(--a2004u-margin-bottom-mobile, 0px); margin-left: var(--a2004u-margin-left-mobile, 0px); } & { display: block; padding: var(--a2004u-padding, 4px); border-style: var(--a2004u-borderStyle,solid); border-color: var(--a2004u-borderColor,#000000); border-width: var(--a2004u-borderWidth-tl,0px) var(--a2004u-borderWidth-tr,0px) var(--a2004u-borderWidth-br,0px) var(--a2004u-borderWidth-bl,0px); border-radius: var(--a2004u-borderRadius-tl,0px) var(--a2004u-borderRadius-tr,0px) var(--a2004u-borderRadius-br,0px) var(--a2004u-borderRadius-bl,0px); box-shadow: if( style(--a2004u-enableShadow: true): var(--a2004u-shadowHorizontal, 0) var(--a2004u-shadowVertical, 0) var(--a2004u-shadowBlur, 0) 1px var(--a2004u-shadowColor, #000000); else: none ); color: var(--a2004u-iconColor,var(--beae-text-color)); background-color: var(--a2004u-backgroundColor); overflow: hidden; width: var(--a2004u-size, 28px); min-width: var(--a2004u-size, 28px); height: fit-content; max-width: var(--a2004u-size, 28px); width: var(--a2004u-size-tablet, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--a2004u-borderWidth-tl-tablet,0px) var(--a2004u-borderWidth-tr-tablet,0px) var(--a2004u-borderWidth-br-tablet,0px) var(--a2004u-borderWidth-bl-tablet,0px); border-radius: var(--a2004u-borderRadius-tl-tablet,0px) var(--a2004u-borderRadius-tr-tablet,0px) var(--a2004u-borderRadius-br-tablet,0px) var(--a2004u-borderRadius-bl-tablet,0px); min-width: var(--a2004u-size-tablet, var(--a2004u-size, 28px)); max-width: var(--a2004u-size-tablet, var(--a2004u-size, 28px)); } @media(max-width: 767px){ width: var(--a2004u-size-mobile, var(--a2004u-size-tablet, var(--a2004u-size, 28px))); min-width: var(--a2004u-size-mobile, var(--a2004u-size-tablet, var(--a2004u-size, 28px))); max-width: var(--a2004u-size-mobile, var(--a2004u-size-tablet, var(--a2004u-size, 28px))); border-width: var(--a2004u-borderWidth-tl-mobile,0px) var(--a2004u-borderWidth-tr-mobile,0px) var(--a2004u-borderWidth-br-mobile,0px) var(--a2004u-borderWidth-bl-mobile,0px); border-radius: var(--a2004u-borderRadius-tl-mobile,0px) var(--a2004u-borderRadius-tr-mobile,0px) var(--a2004u-borderRadius-br-mobile,0px) var(--a2004u-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-dt45yn"] { margin-top: var(--dt45yn-margin-top, 0px); margin-right: var(--dt45yn-margin-right, 0px); margin-bottom: var(--dt45yn-margin-bottom, 0px); margin-left: var(--dt45yn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dt45yn-margin-top-tablet, 0px); margin-right: var(--dt45yn-margin-right-tablet, 0px); margin-bottom: var(--dt45yn-margin-bottom-tablet, 0px); margin-left: var(--dt45yn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dt45yn-margin-top-mobile, 0px); margin-right: var(--dt45yn-margin-right-mobile, 0px); margin-bottom: var(--dt45yn-margin-bottom-mobile, 0px); margin-left: var(--dt45yn-margin-left-mobile, 0px); } } [data-bnode="beae-i8s5a4"] [data-bnode="beae-lgy1qi"] { margin-top: var(--lgy1qi-margin-top, 0px); margin-right: var(--lgy1qi-margin-right, 0px); margin-bottom: var(--lgy1qi-margin-bottom, 0px); margin-left: var(--lgy1qi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lgy1qi-margin-top-tablet, 0px); margin-right: var(--lgy1qi-margin-right-tablet, 0px); margin-bottom: var(--lgy1qi-margin-bottom-tablet, 0px); margin-left: var(--lgy1qi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lgy1qi-margin-top-mobile, 0px); margin-right: var(--lgy1qi-margin-right-mobile, 0px); margin-bottom: var(--lgy1qi-margin-bottom-mobile, 0px); margin-left: var(--lgy1qi-margin-left-mobile, 0px); } } [data-bnode="beae-i8s5a4"] [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-i8s5a4"] [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 {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--be-ctl-item-padding-right, 0px) - var(--be-ctl-item-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-i8s5a4"] [data-bnode="be-ctl-item"] {      flex-direction: var(--be-ctl-item-direction-tablet, column);                 align-items: var(--be-ctl-item-align-items-tablet, inherit);      gap: var(--be-ctl-item-gap-tablet, var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-i8s5a4"] [data-bnode="be-ctl-item"] {      flex-direction: var(--be-ctl-item-direction-mobile, column);                      gap: var(--be-ctl-item-gap-mobile, var(--be-ctl-item-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-stst7a"] {     display: flex;     flex-direction: var(--stst7a-direction, column);     flex-wrap: nowrap;     justify-content: var(--stst7a-justify-content);     align-items: var(--stst7a-align-items);     gap: var(--stst7a-gap, var(--stst7a-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-stst7a"] {      flex-direction: var(--stst7a-direction-tablet, column);           justify-content: var(--stst7a-justify-content-tablet, inherit);      align-items: var(--stst7a-align-items-tablet, inherit);      gap: var(--stst7a-gap-tablet, var(--stst7a-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-stst7a"] {                            gap: var(--stst7a-gap-mobile, var(--stst7a-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(--stst7a-padding-right-mobile, 0px) - var(--stst7a-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-jgput6"] {     display: flex;     flex-direction: var(--jgput6-direction, column);     flex-wrap: nowrap;     justify-content: var(--jgput6-justify-content);     align-items: var(--jgput6-align-items);     gap: var(--jgput6-gap, var(--jgput6-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(22.00% - var(--jgput6-padding-right, 0px) - var(--jgput6-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(78.00% - var(--jgput6-padding-right, 0px) - var(--jgput6-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--jgput6-padding-right, 0px) - var(--jgput6-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jgput6"] {                            gap: var(--jgput6-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(22.00% - var(--jgput6-padding-right-tablet, 0px) - var(--jgput6-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(78.00% - var(--jgput6-padding-right-tablet, 0px) - var(--jgput6-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--jgput6-padding-right-tablet, 0px) - var(--jgput6-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-jgput6"] {                            gap: var(--jgput6-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(22.00% - var(--jgput6-padding-right-mobile, 0px) - var(--jgput6-padding-right-mobile, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(78.00% - var(--jgput6-padding-right-mobile, 0px) - var(--jgput6-padding-right-mobile, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--jgput6-padding-right-mobile, 0px) - var(--jgput6-padding-right-mobile, 0px));          }            }    }[data-bnode="beae-urt74t"] {     display: flex;     flex-direction: var(--urt74t-direction, column);     flex-wrap: nowrap;     justify-content: var(--urt74t-justify-content);     align-items: var(--urt74t-align-items);     gap: var(--urt74t-gap, var(--urt74t-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-urt74t"] {                            gap: var(--urt74t-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(--urt74t-padding-right-tablet, 0px) - var(--urt74t-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-urt74t"] {                            gap: var(--urt74t-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(--urt74t-padding-right-mobile, 0px) - var(--urt74t-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-iu4nwn"] {     display: flex;     flex-direction: var(--iu4nwn-direction, column);     flex-wrap: nowrap;     justify-content: var(--iu4nwn-justify-content);     align-items: var(--iu4nwn-align-items);     gap: var(--iu4nwn-gap, var(--iu4nwn-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-iu4nwn"] {                            gap: var(--iu4nwn-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(--iu4nwn-padding-right-tablet, 0px) - var(--iu4nwn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-iu4nwn"] {                            gap: var(--iu4nwn-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(--iu4nwn-padding-right-mobile, 0px) - var(--iu4nwn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ag0y8c"] { --ag0y8c-width: var(--beae-section-width); --ag0y8c-width-tablet: var(--beae-section-width); --ag0y8c-width-mobile: var(--beae-section-width); --ag0y8c-height: fit-content; --ag0y8c-height-tablet: fit-content; --ag0y8c-height-mobile: fit-content; --ag0y8c-padding-top: 0px; --ag0y8c-padding-top-tablet: 96px; --ag0y8c-padding-top-mobile: 0px; --ag0y8c-padding-right: 32px; --ag0y8c-padding-right-tablet: 30px; --ag0y8c-padding-right-mobile: 16px; --ag0y8c-padding-bottom: 0px; --ag0y8c-padding-bottom-tablet: 96px; --ag0y8c-padding-bottom-mobile: 0px; --ag0y8c-padding-left: 32px; --ag0y8c-padding-left-tablet: 30px; --ag0y8c-padding-left-mobile: 16px; --ag0y8c-surface: light; --ag0y8c-surface-tablet: light; --ag0y8c-surface-mobile: light; }[data-bnode="beae-ag0y8c"] { padding-top: var(--ag0y8c-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--ag0y8c-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--ag0y8c-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--ag0y8c-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ag0y8c-padding-top-tablet, var(--ag0y8c-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--ag0y8c-padding-right-tablet, var(--ag0y8c-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--ag0y8c-padding-bottom-tablet, var(--ag0y8c-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--ag0y8c-padding-left-tablet, var(--ag0y8c-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ag0y8c-padding-top-mobile, var(--ag0y8c-padding-top-tablet, var(--ag0y8c-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--ag0y8c-padding-right-mobile, var(--ag0y8c-padding-right-tablet, var(--ag0y8c-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--ag0y8c-padding-bottom-mobile, var(--ag0y8c-padding-bottom-tablet, var(--ag0y8c-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--ag0y8c-padding-left-mobile, var(--ag0y8c-padding-left-tablet, var(--ag0y8c-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--ag0y8c-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--ag0y8c-height); width: 100%; max-width: var(--ag0y8c-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(--ag0y8c-height-tablet, auto); width: 100%; max-width: var(--ag0y8c-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--ag0y8c-height-mobile, auto); width: 100%; max-width: var(--ag0y8c-width-mobile, 100%); } } } }[data-bnode="beae-ag0y8c"] > .beae-section-container{     display: flex;     flex-direction: var(--ag0y8c-direction, column);     flex-wrap: nowrap;     justify-content: var(--ag0y8c-justify-content);     align-items: var(--ag0y8c-align-items);     gap: var(--ag0y8c-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-ag0y8c"] > .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(--ag0y8c-padding-right-tablet, 0px) - var(--ag0y8c-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ag0y8c"] > .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(--ag0y8c-padding-right-mobile, 0px) - var(--ag0y8c-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ug12j1"] { --ug12j1-direction: row; --ug12j1-direction-tablet: row; --ug12j1-direction-mobile: column; --ug12j1-structure: columns; --ug12j1-structure-tablet: columns; --ug12j1-structure-mobile: columns; --ug12j1-gap: 64px; --ug12j1-gap-tablet: 40px; --ug12j1-gap-mobile: 20px; --ug12j1-columns: 50.00,50.00; --ug12j1-columns-tablet: 50.00,50.00; --ug12j1-columns-mobile: 50.00,50.00; --ug12j1-columnsPresetId: 50.00,50.00; --ug12j1-columnsPresetId-tablet: 50.00,50.00; --ug12j1-columnsPresetId-mobile: 50.00,50.00; --ug12j1-max-width: 100%; --ug12j1-max-width-tablet: 100%; --ug12j1-max-width-mobile: 100%; --ug12j1-padding-top: 0px; --ug12j1-padding-top-tablet: 0px; --ug12j1-padding-top-mobile: 0px; --ug12j1-padding-right: 0px; --ug12j1-padding-right-tablet: 0px; --ug12j1-padding-right-mobile: 0px; --ug12j1-padding-bottom: 0px; --ug12j1-padding-bottom-tablet: 0px; --ug12j1-padding-bottom-mobile: 0px; --ug12j1-padding-left: 0px; --ug12j1-padding-left-tablet: 0px; --ug12j1-padding-left-mobile: 0px; }[data-bnode="beae-ug12j1"] { padding-top: var(--ug12j1-padding-top, 0px); padding-right: var(--ug12j1-padding-right, 0px); padding-bottom: var(--ug12j1-padding-bottom, 0px); padding-left: var(--ug12j1-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ug12j1-padding-top-tablet, var(--ug12j1-padding-top, 0px)); padding-right: var(--ug12j1-padding-right-tablet, var(--ug12j1-padding-right, 0px)); padding-bottom: var(--ug12j1-padding-bottom-tablet, var(--ug12j1-padding-bottom, 0px)); padding-left: var(--ug12j1-padding-left-tablet, var(--ug12j1-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--ug12j1-padding-top-mobile, var(--ug12j1-padding-top-tablet, var(--ug12j1-padding-top, 0px))); padding-right: var(--ug12j1-padding-right-mobile, var(--ug12j1-padding-right-tablet, var(--ug12j1-padding-right, 0px))); padding-bottom: var(--ug12j1-padding-bottom-mobile, var(--ug12j1-padding-bottom-tablet, var(--ug12j1-padding-bottom, 0px))); padding-left: var(--ug12j1-padding-left-mobile, var(--ug12j1-padding-left-tablet, var(--ug12j1-padding-left, 0px))); } &.beae-slot, &.beae-featured-product { overflow: visible; } .beae-section:has(&), .beae-section-container:has(&) { overflow: visible !important; } .beae-section:has(&) > .beae-section-container { overflow: visible !important; } &.beae-slot { position: relative; overflow: visible; background: var(--ug12j1-background-color); border-style: var(--ug12j1-borderStyle, solid); border-color: var(--ug12j1-borderColor, #000000); border-width: var(--ug12j1-borderWidth-tl, 0px) var(--ug12j1-borderWidth-tr, 0px) var(--ug12j1-borderWidth-br, 0px) var(--ug12j1-borderWidth-bl, 0px); border-radius: var(--ug12j1-borderRadius-tl, 0px) var(--ug12j1-borderRadius-tr, 0px) var(--ug12j1-borderRadius-br, 0px) var(--ug12j1-borderRadius-bl, 0px); box-shadow: if( style(--ug12j1-enableShadow: true): var(--ug12j1-shadowHorizontal, 0) var(--ug12j1-shadowVertical, 0) var(--ug12j1-shadowBlur, 0) 1px var(--ug12j1-shadowColor, #000000) ; else: none ); max-width: var(--ug12j1-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ug12j1-borderWidth-tl-tablet, 0px) var(--ug12j1-borderWidth-tr-tablet, 0px) var(--ug12j1-borderWidth-br-tablet, 0px) var(--ug12j1-borderWidth-bl-tablet, 0px); border-radius: var(--ug12j1-borderRadius-tl-tablet, 0px) var(--ug12j1-borderRadius-tr-tablet, 0px) var(--ug12j1-borderRadius-br-tablet, 0px) var(--ug12j1-borderRadius-bl-tablet, 0px); max-width: var(--ug12j1-max-width-tablet, var(--ug12j1-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--ug12j1-borderWidth-tl-mobile, 0px) var(--ug12j1-borderWidth-tr-mobile, 0px) var(--ug12j1-borderWidth-br-mobile, 0px) var(--ug12j1-borderWidth-bl-mobile, 0px); border-radius: var(--ug12j1-borderRadius-tl-mobile, 0px) var(--ug12j1-borderRadius-tr-mobile, 0px) var(--ug12j1-borderRadius-br-mobile, 0px) var(--ug12j1-borderRadius-bl-mobile, 0px); max-width: var(--ug12j1-max-width-mobile, var(--ug12j1-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } &.beae-featured-product { overflow: visible; align-items: flex-start; } &.beae-featured-product > .beae-virtual-slot[data-bnode-index="1"], &.beae-featured-product > .beae-virtual-slot:has( > .beae-media-wrapper[data-bnode-type="product-media"] ) { position: sticky; top: 0; align-self: flex-start; height: fit-content; z-index: 2; } &.beae-featured-product > .beae-media-wrapper[data-bnode-type="product-media"] { position: sticky; top: 0; align-self: flex-start; z-index: 2; } @media (max-width: 767px) { .beae-section:has(&), .beae-section-container:has(&), .beae-section:has(&) > .beae-section-container, &.beae-slot, &.beae-featured-product { max-width: 100%; overflow-x: hidden !important; } &.beae-slot, &.beae-featured-product, &.beae-featured-product > * { box-sizing: border-box; min-width: 0; width: 100%; } &.beae-featured-product > .beae-virtual-slot[data-bnode-index="1"], &.beae-featured-product > .beae-virtual-slot:has( > .beae-media-wrapper[data-bnode-type="product-media"] ), &.beae-featured-product > .beae-media-wrapper[data-bnode-type="product-media"] { position: static; } } }[data-bnode="beae-ug12j1"] {     display: flex;     flex-direction: var(--ug12j1-direction, column);     flex-wrap: nowrap;     justify-content: var(--ug12j1-justify-content);     align-items: var(--ug12j1-align-items);     gap: var(--ug12j1-gap, var(--ug12j1-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(--ug12j1-padding-right, 0px) - var(--ug12j1-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--ug12j1-padding-right, 0px) - var(--ug12j1-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--ug12j1-padding-right, 0px) - var(--ug12j1-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ug12j1"] {                            gap: var(--ug12j1-gap-tablet, var(--ug12j1-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(--ug12j1-padding-right-tablet, 0px) - var(--ug12j1-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--ug12j1-padding-right-tablet, 0px) - var(--ug12j1-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--ug12j1-padding-right-tablet, 0px) - var(--ug12j1-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-ug12j1"] {      flex-direction: var(--ug12j1-direction-mobile, column);                      gap: var(--ug12j1-gap-mobile, var(--ug12j1-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-wf4015"] { --wf4015-media: main; --wf4015-media-tablet: main; --wf4015-media-mobile: main; --wf4015-effect: fade; --wf4015-effect-tablet: fade; --wf4015-effect-mobile: fade; --wf4015-imageRatioMain: 1/1; --wf4015-imageRatioMain-tablet: 1/1; --wf4015-imageRatioMain-mobile: 1/1; --wf4015-positionThumb: bottom; --wf4015-positionThumb-tablet: bottom; --wf4015-positionThumb-mobile: bottom; --wf4015-widthItemThumbs: 100px; --wf4015-widthItemThumbs-tablet: 64px; --wf4015-widthItemThumbs-mobile: 64px; --wf4015-imageRatioThumbs: 1/1; --wf4015-imageRatioThumbs-tablet: 1/1; --wf4015-imageRatioThumbs-mobile: 1/1; --wf4015-borderStyleThumbs: solid; --wf4015-borderStyleThumbs-tablet: solid; --wf4015-borderStyleThumbs-mobile: solid; --wf4015-borderColorThumbs: var(--beae-heading-color); --wf4015-borderColorThumbs-tablet: var(--beae-heading-color); --wf4015-borderColorThumbs-mobile: var(--beae-heading-color); --wf4015-borderWidthThumbs: 1px; --wf4015-borderWidthThumbs-tablet: 1px; --wf4015-borderWidthThumbs-mobile: 1px; --wf4015-gap: 24px; --wf4015-gap-tablet: 24px; --wf4015-gap-mobile: 24px; --wf4015-enableShadowThumbs: false; --wf4015-enableShadowThumbs-tablet: false; --wf4015-enableShadowThumbs-mobile: false; --wf4015-margin-top: 0px; --wf4015-margin-top-tablet: 0px; --wf4015-margin-top-mobile: 0px; --wf4015-margin-right: 0px; --wf4015-margin-right-tablet: 0px; --wf4015-margin-right-mobile: 0px; --wf4015-margin-bottom: 0px; --wf4015-margin-bottom-tablet: 0px; --wf4015-margin-bottom-mobile: 0px; --wf4015-margin-left: 0px; --wf4015-margin-left-tablet: 0px; --wf4015-margin-left-mobile: 0px; --wf4015-borderRadiusThumbs: 12px; --wf4015-borderRadiusThumbs-tablet: 12px; --wf4015-borderRadiusThumbs-mobile: 12px; --wf4015-borderRadiusMain: 24px; --wf4015-borderRadiusMain-tablet: 24px; --wf4015-borderRadiusMain-mobile: 24px; --wf4015-objFit: cover; --wf4015-objFit-tablet: cover; --wf4015-objFit-mobile: cover; }[data-bnode="beae-wf4015"] { margin-top: var(--wf4015-margin-top, 0px); margin-right: var(--wf4015-margin-right, 0px); margin-bottom: var(--wf4015-margin-bottom, 0px); margin-left: var(--wf4015-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wf4015-margin-top-tablet, 0px); margin-right: var(--wf4015-margin-right-tablet, 0px); margin-bottom: var(--wf4015-margin-bottom-tablet, 0px); margin-left: var(--wf4015-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wf4015-margin-top-mobile, 0px); margin-right: var(--wf4015-margin-right-mobile, 0px); margin-bottom: var(--wf4015-margin-bottom-mobile, 0px); margin-left: var(--wf4015-margin-left-mobile, 0px); } & { .beae-media-product { display: flex; gap: var(--wf4015-gap, 16px); width: 100%; .beae-main-slider-wrap { width: 100%; height: fit-content; } } .beae-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--wf4015-borderRadiusMain); box-shadow: if( style(--wf4015-enableShadowMain: true): var(--wf4015-shadowHorizontalMain, 0) var(--wf4015-shadowVerticalMain, 0) var(--wf4015-shadowBlurMain, 0) 1px var(--wf4015-shadowColorMain, #000000) ; else: none ); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--wf4015-borderWidthMain) var(--wf4015-borderStyleMain) var(--wf4015-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--wf4015-borderRadiusMain); box-shadow: if( style(--wf4015-enableShadowMain: true): var(--wf4015-shadowHorizontalMain, 0) var(--wf4015-shadowVerticalMain, 0) var(--wf4015-shadowBlurMain, 0) 1px var(--wf4015-shadowColorMain, #000000) ; else: none ); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--wf4015-borderWidthMain) var(--wf4015-borderStyleMain) var(--wf4015-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--wf4015-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--wf4015-objFit, cover); object-position: var(--beae-image-position, 0% 50%); vertical-align: middle; } } .beae-product-thumb-slide { .beae-slider-items { gap: 16px; justify-content: center; align-items: center; } .beae-slider-item { flex: 1 0 var(--wf4015-widthItemThumbs, 100px) !important; max-width: var(--wf4015-widthItemThumbs, 100px); } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if( style(--wf4015-enableShadowThumbs: true): var(--wf4015-shadowHorizontalThumbs, 0) var(--wf4015-shadowVerticalThumbs, 0) var(--wf4015-shadowBlurThumbs, 0) 1px var(--wf4015-shadowColorThumbs, #000000) ; else: none ); } .beae-slider-item.is-active .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--wf4015-borderWidthThumbs) var(--wf4015-borderStyleThumbs) var(--wf4015-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--wf4015-imageRatioThumbs); border-radius: var(--wf4015-borderRadiusThumbs); overflow: hidden; .beae-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } } @media (min-width: 1181px) { & { .beae-media-product { &[data-position-thumbs="bottom"] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs="bottom"]) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { flex: 0 0 var(--wf4015-widthItemThumbs, 100px); width: var(--wf4015-widthItemThumbs, 100px); height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; justify-content: flex-start; align-items: center; } .beae-product-thumb-slide .beae-slider-item { flex: 0 0 min( var(--wf4015-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ) !important; width: min( var(--wf4015-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); min-width: min( var(--wf4015-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); max-width: min( var(--wf4015-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); } } &[data-position-thumbs="left"] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .beae-media-product { gap: var(--wf4015-gap-tablet, 16px); &[data-position-thumbs-tablet="bottom"] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet="bottom"]) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { flex: 0 0 var(--wf4015-widthItemThumbs-tablet, 80px); width: var(--wf4015-widthItemThumbs-tablet, 80px); height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; justify-content: flex-start; align-items: center; } .beae-product-thumb-slide .beae-slider-item { flex: 0 0 min( var(--wf4015-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ) !important; width: min( var(--wf4015-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); min-width: min( var(--wf4015-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); max-width: min( var(--wf4015-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); } } &[data-position-thumbs-tablet="left"] { flex-direction: row-reverse; } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--wf4015-widthItemThumbs-tablet, 80px) !important; max-width: var(--wf4015-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--wf4015-imageRatioMain-tablet); border-radius: var(--wf4015-borderRadiusMedia-tablet); .beae-product-image { object-fit: var(--wf4015-objFit-tablet, var(--wf4015-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--wf4015-imageRatioThumbs-tablet); border-radius: var(--wf4015-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .beae-media-product { gap: var(--wf4015-gap-mobile, 16px); &[data-position-thumbs-mobile="bottom"] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--wf4015-widthItemThumbs-mobile, 64px) !important; max-width: var(--wf4015-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--wf4015-imageRatioMain-mobile); border-radius: var(--wf4015-borderRadiusMedia-mobile); .beae-product-image { object-fit: var(--wf4015-objFit-mobile, var(--wf4015-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--wf4015-imageRatioThumbs-mobile); border-radius: var(--wf4015-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--wf4015-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--wf4015-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--wf4015-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--wf4015-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--wf4015-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--wf4015-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--wf4015-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--wf4015-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--wf4015-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--wf4015-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--wf4015-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--wf4015-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--wf4015-navPadding, 12px); background: var(--wf4015-navBg, #f5f5f5); color: var(--wf4015-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--wf4015-navBgHover, #cccccc); color: var(--wf4015-navColorHover, #333333); } svg { width: var(--wf4015-navIconSize, 20px); height: var(--wf4015-navIconSize, 20px); } } } }[data-bnode="beae-e5w65a"] { --e5w65a-direction: column; --e5w65a-direction-tablet: column; --e5w65a-direction-mobile: column; --e5w65a-align-items: stretch; --e5w65a-align-items-tablet: stretch; --e5w65a-align-items-mobile: stretch; --e5w65a-gap: 32px; --e5w65a-gap-tablet: 32px; --e5w65a-gap-mobile: 32px; --e5w65a-padding-top: 0px; --e5w65a-padding-top-tablet: 0px; --e5w65a-padding-top-mobile: 0px; --e5w65a-padding-right: 0px; --e5w65a-padding-right-tablet: 0px; --e5w65a-padding-right-mobile: 0px; --e5w65a-padding-bottom: 0px; --e5w65a-padding-bottom-tablet: 0px; --e5w65a-padding-bottom-mobile: 0px; --e5w65a-padding-left: 0px; --e5w65a-padding-left-tablet: 0px; --e5w65a-padding-left-mobile: 0px; }[data-bnode="beae-e5w65a"] { padding-top: var(--e5w65a-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--e5w65a-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--e5w65a-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--e5w65a-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--e5w65a-padding-top-tablet, var(--e5w65a-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--e5w65a-padding-right-tablet, var(--e5w65a-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--e5w65a-padding-bottom-tablet, var(--e5w65a-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--e5w65a-padding-left-tablet, var(--e5w65a-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--e5w65a-padding-top-mobile, var(--e5w65a-padding-top-tablet, var(--e5w65a-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--e5w65a-padding-right-mobile, var(--e5w65a-padding-right-tablet, var(--e5w65a-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--e5w65a-padding-bottom-mobile, var(--e5w65a-padding-bottom-tablet, var(--e5w65a-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--e5w65a-padding-left-mobile, var(--e5w65a-padding-left-tablet, var(--e5w65a-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--e5w65a-position, relative); top: var(--e5w65a-top, auto); right: var(--e5w65a-right, auto); bottom: var(--e5w65a-bottom, auto); left: var(--e5w65a-left, auto); transform: var(--e5w65a-transform, none); z-index: var(--e5w65a-z-index, 10); aspect-ratio: var(--e5w65a-background-imageRatio, auto); background: var(--e5w65a-background-color,transparent); border-style: var(--e5w65a-borderStyle,solid); border-color: var(--e5w65a-borderColor,#000000); border-width: var(--e5w65a-borderWidth-tl,0px) var(--e5w65a-borderWidth-tr,0px) var(--e5w65a-borderWidth-br,0px) var(--e5w65a-borderWidth-bl,0px); border-radius: var(--e5w65a-borderRadius-tl,0px) var(--e5w65a-borderRadius-tr,0px) var(--e5w65a-borderRadius-br,0px) var(--e5w65a-borderRadius-bl,0px); box-shadow: var(--e5w65a-shadowHorizontal, 0px) var(--e5w65a-shadowVertical, 0px) var(--e5w65a-shadowBlur, 0px) 1px color-mix( in srgb, var(--e5w65a-shadowColor, #000000) var(--e5w65a-shadowTransparent, 0%), transparent ); max-width: var(--e5w65a-max-width, 100%); width: 100%; height: if(style(--e5w65a-position: absolute): var(--e5w65a-height,100%); else: unset ); backdrop-filter:blur(var(--e5w65a-background-blur, none)) saturate(var(--e5w65a-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--e5w65a-position-tablet, var(--e5w65a-position, relative)); top: var(--e5w65a-top-tablet, var(--e5w65a-top, auto)); right: var(--e5w65a-right-tablet, var(--e5w65a-right, auto)); bottom: var(--e5w65a-bottom-tablet, var(--e5w65a-bottom, auto)); left: var(--e5w65a-left-tablet, var(--e5w65a-left, auto)); transform: var(--e5w65a-transform-tablet, var(--e5w65a-transform, none)); z-index: var(--e5w65a-z-index-tablet, var(--e5w65a-z-index, 10)); aspect-ratio: var(--e5w65a-background-imageRatio-tablet, var(--e5w65a-background-imageRatio, auto)); border-width: var(--e5w65a-borderWidth-tl-tablet, var(--e5w65a-borderWidth-tl,0px)) var(--e5w65a-borderWidth-tr-tablet,var(--e5w65a-borderWidth-tr,0px)) var(--e5w65a-borderWidth-br-tablet,var(--e5w65a-borderWidth-br,0px)) var(--e5w65a-borderWidth-bl-tablet,var(--e5w65a-borderWidth-bl,0px)); border-radius: var(--e5w65a-borderRadius-tl-tablet,var(--e5w65a-borderRadius-tl,0px)) var(--e5w65a-borderRadius-tr-tablet,var(--e5w65a-borderRadius-tr,0px)) var(--e5w65a-borderRadius-br-tablet,var(--e5w65a-borderRadius-br,0px)) var(--e5w65a-borderRadius-bl-tablet,var(--e5w65a-borderRadius-bl,0px)); max-width: var(--e5w65a-max-width-tablet, var(--e5w65a-max-width, 100%)); height: if(style(--e5w65a-position-tablet: absolute): var(--e5w65a-height-tablet,var(--e5w65a-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--e5w65a-position-mobile, var(--e5w65a-position-tablet, var(--e5w65a-position, relative))); top: var(--e5w65a-top-mobile, var(--e5w65a-top-tablet, var(--e5w65a-top, auto))); right: var(--e5w65a-right-mobile, var(--e5w65a-right-tablet, var(--e5w65a-right, auto))); bottom: var(--e5w65a-bottom-mobile, var(--e5w65a-bottom-tablet, var(--e5w65a-bottom, auto))); left: var(--e5w65a-left-mobile, var(--e5w65a-left-tablet, var(--e5w65a-left, auto))); transform: var(--e5w65a-transform-mobile, var(--e5w65a-transform-tablet, var(--e5w65a-transform, none))); z-index: var(--e5w65a-z-index-mobile, var(--e5w65a-z-index-tablet, var(--e5w65a-z-index, 10))); aspect-ratio: var(--e5w65a-background-imageRatio-mobile, var(--e5w65a-background-imageRatio, auto)); border-width: var(--e5w65a-borderWidth-tl-mobile, var(--e5w65a-borderWidth-tl,0px)) var(--e5w65a-borderWidth-tr-mobile,var(--e5w65a-borderWidth-tr,0px)) var(--e5w65a-borderWidth-br-mobile,var(--e5w65a-borderWidth-br,0px)) var(--e5w65a-borderWidth-bl-mobile,var(--e5w65a-borderWidth-bl,0px)); border-radius: var(--e5w65a-borderRadius-tl-mobile,var(--e5w65a-borderRadius-tl,0px)) var(--e5w65a-borderRadius-tr-mobile,var(--e5w65a-borderRadius-tr,0px)) var(--e5w65a-borderRadius-br-mobile,var(--e5w65a-borderRadius-br,0px)) var(--e5w65a-borderRadius-bl-mobile,var(--e5w65a-borderRadius-bl,0px)); max-width: var(--e5w65a-max-width-mobile, var(--e5w65a-max-width, 100%)); height: if(style(--e5w65a-position-mobile: absolute): var(--e5w65a-height-mobile,var(--e5w65a-height-tablet,,var(--e5w65a-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--e5w65a-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--e5w65a-gap,var(--beae-card-gap)); padding-top: var(--e5w65a-padding-top,var(--beae-card-padding)); padding-right: var(--e5w65a-padding-right,var(--beae-card-padding)); padding-bottom: var(--e5w65a-padding-bottom,var(--beae-card-padding)); padding-left: var(--e5w65a-padding-left,var(--beae-card-padding)); border-width: var(--e5w65a-borderWidth-tl,var(--beae-card-border-width)) var(--e5w65a-borderWidth-tr,var(--beae-card-border-width)) var(--e5w65a-borderWidth-br,var(--beae-card-border-width)) var(--e5w65a-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--e5w65a-borderRadius-tl,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-tr,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-br,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--e5w65a-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--e5w65a-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--e5w65a-gap-tablet,var(--beae-card-gap)); padding-top: var(--e5w65a-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--e5w65a-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--e5w65a-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--e5w65a-padding-left-tablet,var(--beae-card-padding)); border-width: var(--e5w65a-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--e5w65a-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--e5w65a-borderWidth-br-desktop,var(--beae-card-border-width)) var(--e5w65a-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--e5w65a-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--e5w65a-gap-mobile,var(--beae-card-gap)); padding-top: var(--e5w65a-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--e5w65a-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--e5w65a-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--e5w65a-padding-left-mobile,var(--beae-card-padding)); border-width: var(--e5w65a-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--e5w65a-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--e5w65a-borderWidth-br-mobile,var(--beae-card-border-width)) var(--e5w65a-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--e5w65a-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--e5w65a-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--e5w65a-background-color,var(--beae-card-featured-background)); border-color: var(--e5w65a-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--e5w65a-shadowHorizontal, var(--beae-card-shadow-x)) var(--e5w65a-shadowVertical, var(--beae-card-shadow-y)) var(--e5w65a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--e5w65a-shadowColor, var(--beae-card-featured-shadow-color)) var(--e5w65a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--e5w65a-background-color,var(--beae-card-prod-background)); border-color: var(--e5w65a-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--e5w65a-shadowHorizontal, var(--beae-card-shadow-x)) var(--e5w65a-shadowVertical, var(--beae-card-shadow-y)) var(--e5w65a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--e5w65a-shadowColor, var(--beae-card-prod-shadow-color)) var(--e5w65a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--e5w65a-background-color,var(--beae-card-pricing-background)); border-color: var(--e5w65a-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--e5w65a-shadowHorizontal, var(--beae-card-shadow-x)) var(--e5w65a-shadowVertical, var(--beae-card-shadow-y)) var(--e5w65a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--e5w65a-shadowColor, var(--beae-card-pricing-shadow-color)) var(--e5w65a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--e5w65a-background-color,var(--beae-card-cta-background)); border-color: var(--e5w65a-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--e5w65a-shadowHorizontal, var(--beae-card-shadow-x)) var(--e5w65a-shadowVertical, var(--beae-card-shadow-y)) var(--e5w65a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--e5w65a-shadowColor, var(--beae-card-cta-shadow-color)) var(--e5w65a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-e5w65a"] {     display: flex;     flex-direction: var(--e5w65a-direction, column);     flex-wrap: nowrap;     justify-content: var(--e5w65a-justify-content);     align-items: var(--e5w65a-align-items);     gap: var(--e5w65a-gap, var(--e5w65a-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-e5w65a"] {                            gap: var(--e5w65a-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(--e5w65a-padding-right-tablet, 0px) - var(--e5w65a-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-e5w65a"] {                            gap: var(--e5w65a-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(--e5w65a-padding-right-mobile, 0px) - var(--e5w65a-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-z0fkcw"] { --z0fkcw-direction: column; --z0fkcw-direction-tablet: column; --z0fkcw-direction-mobile: column; --z0fkcw-structure: columns; --z0fkcw-structure-tablet: columns; --z0fkcw-structure-mobile: columns; --z0fkcw-gap: 6px; --z0fkcw-gap-tablet: 6px; --z0fkcw-gap-mobile: 6px; }[data-bnode="beae-z0fkcw"] { padding-top: var(--z0fkcw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--z0fkcw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--z0fkcw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--z0fkcw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--z0fkcw-padding-top-tablet, var(--z0fkcw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--z0fkcw-padding-right-tablet, var(--z0fkcw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--z0fkcw-padding-bottom-tablet, var(--z0fkcw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--z0fkcw-padding-left-tablet, var(--z0fkcw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--z0fkcw-padding-top-mobile, var(--z0fkcw-padding-top-tablet, var(--z0fkcw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--z0fkcw-padding-right-mobile, var(--z0fkcw-padding-right-tablet, var(--z0fkcw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--z0fkcw-padding-bottom-mobile, var(--z0fkcw-padding-bottom-tablet, var(--z0fkcw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--z0fkcw-padding-left-mobile, var(--z0fkcw-padding-left-tablet, var(--z0fkcw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--z0fkcw-position, relative); top: var(--z0fkcw-top, auto); right: var(--z0fkcw-right, auto); bottom: var(--z0fkcw-bottom, auto); left: var(--z0fkcw-left, auto); transform: var(--z0fkcw-transform, none); z-index: var(--z0fkcw-z-index, 10); aspect-ratio: var(--z0fkcw-background-imageRatio, auto); background: var(--z0fkcw-background-color,transparent); border-style: var(--z0fkcw-borderStyle,solid); border-color: var(--z0fkcw-borderColor,#000000); border-width: var(--z0fkcw-borderWidth-tl,0px) var(--z0fkcw-borderWidth-tr,0px) var(--z0fkcw-borderWidth-br,0px) var(--z0fkcw-borderWidth-bl,0px); border-radius: var(--z0fkcw-borderRadius-tl,0px) var(--z0fkcw-borderRadius-tr,0px) var(--z0fkcw-borderRadius-br,0px) var(--z0fkcw-borderRadius-bl,0px); box-shadow: var(--z0fkcw-shadowHorizontal, 0px) var(--z0fkcw-shadowVertical, 0px) var(--z0fkcw-shadowBlur, 0px) 1px color-mix( in srgb, var(--z0fkcw-shadowColor, #000000) var(--z0fkcw-shadowTransparent, 0%), transparent ); max-width: var(--z0fkcw-max-width, 100%); width: 100%; height: if(style(--z0fkcw-position: absolute): var(--z0fkcw-height,100%); else: unset ); backdrop-filter:blur(var(--z0fkcw-background-blur, none)) saturate(var(--z0fkcw-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--z0fkcw-position-tablet, var(--z0fkcw-position, relative)); top: var(--z0fkcw-top-tablet, var(--z0fkcw-top, auto)); right: var(--z0fkcw-right-tablet, var(--z0fkcw-right, auto)); bottom: var(--z0fkcw-bottom-tablet, var(--z0fkcw-bottom, auto)); left: var(--z0fkcw-left-tablet, var(--z0fkcw-left, auto)); transform: var(--z0fkcw-transform-tablet, var(--z0fkcw-transform, none)); z-index: var(--z0fkcw-z-index-tablet, var(--z0fkcw-z-index, 10)); aspect-ratio: var(--z0fkcw-background-imageRatio-tablet, var(--z0fkcw-background-imageRatio, auto)); border-width: var(--z0fkcw-borderWidth-tl-tablet, var(--z0fkcw-borderWidth-tl,0px)) var(--z0fkcw-borderWidth-tr-tablet,var(--z0fkcw-borderWidth-tr,0px)) var(--z0fkcw-borderWidth-br-tablet,var(--z0fkcw-borderWidth-br,0px)) var(--z0fkcw-borderWidth-bl-tablet,var(--z0fkcw-borderWidth-bl,0px)); border-radius: var(--z0fkcw-borderRadius-tl-tablet,var(--z0fkcw-borderRadius-tl,0px)) var(--z0fkcw-borderRadius-tr-tablet,var(--z0fkcw-borderRadius-tr,0px)) var(--z0fkcw-borderRadius-br-tablet,var(--z0fkcw-borderRadius-br,0px)) var(--z0fkcw-borderRadius-bl-tablet,var(--z0fkcw-borderRadius-bl,0px)); max-width: var(--z0fkcw-max-width-tablet, var(--z0fkcw-max-width, 100%)); height: if(style(--z0fkcw-position-tablet: absolute): var(--z0fkcw-height-tablet,var(--z0fkcw-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--z0fkcw-position-mobile, var(--z0fkcw-position-tablet, var(--z0fkcw-position, relative))); top: var(--z0fkcw-top-mobile, var(--z0fkcw-top-tablet, var(--z0fkcw-top, auto))); right: var(--z0fkcw-right-mobile, var(--z0fkcw-right-tablet, var(--z0fkcw-right, auto))); bottom: var(--z0fkcw-bottom-mobile, var(--z0fkcw-bottom-tablet, var(--z0fkcw-bottom, auto))); left: var(--z0fkcw-left-mobile, var(--z0fkcw-left-tablet, var(--z0fkcw-left, auto))); transform: var(--z0fkcw-transform-mobile, var(--z0fkcw-transform-tablet, var(--z0fkcw-transform, none))); z-index: var(--z0fkcw-z-index-mobile, var(--z0fkcw-z-index-tablet, var(--z0fkcw-z-index, 10))); aspect-ratio: var(--z0fkcw-background-imageRatio-mobile, var(--z0fkcw-background-imageRatio, auto)); border-width: var(--z0fkcw-borderWidth-tl-mobile, var(--z0fkcw-borderWidth-tl,0px)) var(--z0fkcw-borderWidth-tr-mobile,var(--z0fkcw-borderWidth-tr,0px)) var(--z0fkcw-borderWidth-br-mobile,var(--z0fkcw-borderWidth-br,0px)) var(--z0fkcw-borderWidth-bl-mobile,var(--z0fkcw-borderWidth-bl,0px)); border-radius: var(--z0fkcw-borderRadius-tl-mobile,var(--z0fkcw-borderRadius-tl,0px)) var(--z0fkcw-borderRadius-tr-mobile,var(--z0fkcw-borderRadius-tr,0px)) var(--z0fkcw-borderRadius-br-mobile,var(--z0fkcw-borderRadius-br,0px)) var(--z0fkcw-borderRadius-bl-mobile,var(--z0fkcw-borderRadius-bl,0px)); max-width: var(--z0fkcw-max-width-mobile, var(--z0fkcw-max-width, 100%)); height: if(style(--z0fkcw-position-mobile: absolute): var(--z0fkcw-height-mobile,var(--z0fkcw-height-tablet,,var(--z0fkcw-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--z0fkcw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--z0fkcw-gap,var(--beae-card-gap)); padding-top: var(--z0fkcw-padding-top,var(--beae-card-padding)); padding-right: var(--z0fkcw-padding-right,var(--beae-card-padding)); padding-bottom: var(--z0fkcw-padding-bottom,var(--beae-card-padding)); padding-left: var(--z0fkcw-padding-left,var(--beae-card-padding)); border-width: var(--z0fkcw-borderWidth-tl,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-tr,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-br,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--z0fkcw-borderRadius-tl,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-tr,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-br,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--z0fkcw-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--z0fkcw-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--z0fkcw-gap-tablet,var(--beae-card-gap)); padding-top: var(--z0fkcw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--z0fkcw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--z0fkcw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--z0fkcw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--z0fkcw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--z0fkcw-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--z0fkcw-gap-mobile,var(--beae-card-gap)); padding-top: var(--z0fkcw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--z0fkcw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--z0fkcw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--z0fkcw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--z0fkcw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--z0fkcw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--z0fkcw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--z0fkcw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--z0fkcw-background-color,var(--beae-card-featured-background)); border-color: var(--z0fkcw-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--z0fkcw-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0fkcw-shadowVertical, var(--beae-card-shadow-y)) var(--z0fkcw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0fkcw-shadowColor, var(--beae-card-featured-shadow-color)) var(--z0fkcw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--z0fkcw-background-color,var(--beae-card-prod-background)); border-color: var(--z0fkcw-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--z0fkcw-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0fkcw-shadowVertical, var(--beae-card-shadow-y)) var(--z0fkcw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0fkcw-shadowColor, var(--beae-card-prod-shadow-color)) var(--z0fkcw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--z0fkcw-background-color,var(--beae-card-pricing-background)); border-color: var(--z0fkcw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--z0fkcw-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0fkcw-shadowVertical, var(--beae-card-shadow-y)) var(--z0fkcw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0fkcw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--z0fkcw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--z0fkcw-background-color,var(--beae-card-cta-background)); border-color: var(--z0fkcw-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--z0fkcw-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0fkcw-shadowVertical, var(--beae-card-shadow-y)) var(--z0fkcw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0fkcw-shadowColor, var(--beae-card-cta-shadow-color)) var(--z0fkcw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-z0fkcw"] {     display: flex;     flex-direction: var(--z0fkcw-direction, column);     flex-wrap: nowrap;     justify-content: var(--z0fkcw-justify-content);     align-items: var(--z0fkcw-align-items);     gap: var(--z0fkcw-gap, var(--z0fkcw-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-z0fkcw"] {                            gap: var(--z0fkcw-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(--z0fkcw-padding-right-tablet, 0px) - var(--z0fkcw-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-z0fkcw"] {                            gap: var(--z0fkcw-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(--z0fkcw-padding-right-mobile, 0px) - var(--z0fkcw-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-s2wgss"] { --s2wgss-direction: row; --s2wgss-direction-tablet: row; --s2wgss-direction-mobile: row; --s2wgss-structure: auto; --s2wgss-structure-tablet: auto; --s2wgss-structure-mobile: auto; --s2wgss-gap: 12px; --s2wgss-gap-tablet: 4px; --s2wgss-gap-mobile: 4px; --s2wgss-align-items: center; --s2wgss-align-items-tablet: center; --s2wgss-align-items-mobile: center; --s2wgss-justify-content: flex-start; --s2wgss-justify-content-tablet: flex-start; --s2wgss-justify-content-mobile: flex-start; }[data-bnode="beae-s2wgss"] { padding-top: var(--s2wgss-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--s2wgss-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--s2wgss-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--s2wgss-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--s2wgss-padding-top-tablet, var(--s2wgss-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--s2wgss-padding-right-tablet, var(--s2wgss-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--s2wgss-padding-bottom-tablet, var(--s2wgss-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--s2wgss-padding-left-tablet, var(--s2wgss-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--s2wgss-padding-top-mobile, var(--s2wgss-padding-top-tablet, var(--s2wgss-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--s2wgss-padding-right-mobile, var(--s2wgss-padding-right-tablet, var(--s2wgss-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--s2wgss-padding-bottom-mobile, var(--s2wgss-padding-bottom-tablet, var(--s2wgss-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--s2wgss-padding-left-mobile, var(--s2wgss-padding-left-tablet, var(--s2wgss-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--s2wgss-position, relative); top: var(--s2wgss-top, auto); right: var(--s2wgss-right, auto); bottom: var(--s2wgss-bottom, auto); left: var(--s2wgss-left, auto); transform: var(--s2wgss-transform, none); z-index: var(--s2wgss-z-index, 10); aspect-ratio: var(--s2wgss-background-imageRatio, auto); background: var(--s2wgss-background-color,transparent); border-style: var(--s2wgss-borderStyle,solid); border-color: var(--s2wgss-borderColor,#000000); border-width: var(--s2wgss-borderWidth-tl,0px) var(--s2wgss-borderWidth-tr,0px) var(--s2wgss-borderWidth-br,0px) var(--s2wgss-borderWidth-bl,0px); border-radius: var(--s2wgss-borderRadius-tl,0px) var(--s2wgss-borderRadius-tr,0px) var(--s2wgss-borderRadius-br,0px) var(--s2wgss-borderRadius-bl,0px); box-shadow: var(--s2wgss-shadowHorizontal, 0px) var(--s2wgss-shadowVertical, 0px) var(--s2wgss-shadowBlur, 0px) 1px color-mix( in srgb, var(--s2wgss-shadowColor, #000000) var(--s2wgss-shadowTransparent, 0%), transparent ); max-width: var(--s2wgss-max-width, 100%); width: 100%; height: if(style(--s2wgss-position: absolute): var(--s2wgss-height,100%); else: unset ); backdrop-filter:blur(var(--s2wgss-background-blur, none)) saturate(var(--s2wgss-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--s2wgss-position-tablet, var(--s2wgss-position, relative)); top: var(--s2wgss-top-tablet, var(--s2wgss-top, auto)); right: var(--s2wgss-right-tablet, var(--s2wgss-right, auto)); bottom: var(--s2wgss-bottom-tablet, var(--s2wgss-bottom, auto)); left: var(--s2wgss-left-tablet, var(--s2wgss-left, auto)); transform: var(--s2wgss-transform-tablet, var(--s2wgss-transform, none)); z-index: var(--s2wgss-z-index-tablet, var(--s2wgss-z-index, 10)); aspect-ratio: var(--s2wgss-background-imageRatio-tablet, var(--s2wgss-background-imageRatio, auto)); border-width: var(--s2wgss-borderWidth-tl-tablet, var(--s2wgss-borderWidth-tl,0px)) var(--s2wgss-borderWidth-tr-tablet,var(--s2wgss-borderWidth-tr,0px)) var(--s2wgss-borderWidth-br-tablet,var(--s2wgss-borderWidth-br,0px)) var(--s2wgss-borderWidth-bl-tablet,var(--s2wgss-borderWidth-bl,0px)); border-radius: var(--s2wgss-borderRadius-tl-tablet,var(--s2wgss-borderRadius-tl,0px)) var(--s2wgss-borderRadius-tr-tablet,var(--s2wgss-borderRadius-tr,0px)) var(--s2wgss-borderRadius-br-tablet,var(--s2wgss-borderRadius-br,0px)) var(--s2wgss-borderRadius-bl-tablet,var(--s2wgss-borderRadius-bl,0px)); max-width: var(--s2wgss-max-width-tablet, var(--s2wgss-max-width, 100%)); height: if(style(--s2wgss-position-tablet: absolute): var(--s2wgss-height-tablet,var(--s2wgss-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--s2wgss-position-mobile, var(--s2wgss-position-tablet, var(--s2wgss-position, relative))); top: var(--s2wgss-top-mobile, var(--s2wgss-top-tablet, var(--s2wgss-top, auto))); right: var(--s2wgss-right-mobile, var(--s2wgss-right-tablet, var(--s2wgss-right, auto))); bottom: var(--s2wgss-bottom-mobile, var(--s2wgss-bottom-tablet, var(--s2wgss-bottom, auto))); left: var(--s2wgss-left-mobile, var(--s2wgss-left-tablet, var(--s2wgss-left, auto))); transform: var(--s2wgss-transform-mobile, var(--s2wgss-transform-tablet, var(--s2wgss-transform, none))); z-index: var(--s2wgss-z-index-mobile, var(--s2wgss-z-index-tablet, var(--s2wgss-z-index, 10))); aspect-ratio: var(--s2wgss-background-imageRatio-mobile, var(--s2wgss-background-imageRatio, auto)); border-width: var(--s2wgss-borderWidth-tl-mobile, var(--s2wgss-borderWidth-tl,0px)) var(--s2wgss-borderWidth-tr-mobile,var(--s2wgss-borderWidth-tr,0px)) var(--s2wgss-borderWidth-br-mobile,var(--s2wgss-borderWidth-br,0px)) var(--s2wgss-borderWidth-bl-mobile,var(--s2wgss-borderWidth-bl,0px)); border-radius: var(--s2wgss-borderRadius-tl-mobile,var(--s2wgss-borderRadius-tl,0px)) var(--s2wgss-borderRadius-tr-mobile,var(--s2wgss-borderRadius-tr,0px)) var(--s2wgss-borderRadius-br-mobile,var(--s2wgss-borderRadius-br,0px)) var(--s2wgss-borderRadius-bl-mobile,var(--s2wgss-borderRadius-bl,0px)); max-width: var(--s2wgss-max-width-mobile, var(--s2wgss-max-width, 100%)); height: if(style(--s2wgss-position-mobile: absolute): var(--s2wgss-height-mobile,var(--s2wgss-height-tablet,,var(--s2wgss-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--s2wgss-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--s2wgss-gap,var(--beae-card-gap)); padding-top: var(--s2wgss-padding-top,var(--beae-card-padding)); padding-right: var(--s2wgss-padding-right,var(--beae-card-padding)); padding-bottom: var(--s2wgss-padding-bottom,var(--beae-card-padding)); padding-left: var(--s2wgss-padding-left,var(--beae-card-padding)); border-width: var(--s2wgss-borderWidth-tl,var(--beae-card-border-width)) var(--s2wgss-borderWidth-tr,var(--beae-card-border-width)) var(--s2wgss-borderWidth-br,var(--beae-card-border-width)) var(--s2wgss-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--s2wgss-borderRadius-tl,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-tr,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-br,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--s2wgss-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--s2wgss-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--s2wgss-gap-tablet,var(--beae-card-gap)); padding-top: var(--s2wgss-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--s2wgss-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--s2wgss-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--s2wgss-padding-left-tablet,var(--beae-card-padding)); border-width: var(--s2wgss-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--s2wgss-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--s2wgss-borderWidth-br-desktop,var(--beae-card-border-width)) var(--s2wgss-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--s2wgss-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--s2wgss-gap-mobile,var(--beae-card-gap)); padding-top: var(--s2wgss-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--s2wgss-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--s2wgss-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--s2wgss-padding-left-mobile,var(--beae-card-padding)); border-width: var(--s2wgss-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--s2wgss-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--s2wgss-borderWidth-br-mobile,var(--beae-card-border-width)) var(--s2wgss-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--s2wgss-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--s2wgss-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--s2wgss-background-color,var(--beae-card-featured-background)); border-color: var(--s2wgss-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--s2wgss-shadowHorizontal, var(--beae-card-shadow-x)) var(--s2wgss-shadowVertical, var(--beae-card-shadow-y)) var(--s2wgss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s2wgss-shadowColor, var(--beae-card-featured-shadow-color)) var(--s2wgss-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--s2wgss-background-color,var(--beae-card-prod-background)); border-color: var(--s2wgss-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--s2wgss-shadowHorizontal, var(--beae-card-shadow-x)) var(--s2wgss-shadowVertical, var(--beae-card-shadow-y)) var(--s2wgss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s2wgss-shadowColor, var(--beae-card-prod-shadow-color)) var(--s2wgss-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--s2wgss-background-color,var(--beae-card-pricing-background)); border-color: var(--s2wgss-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--s2wgss-shadowHorizontal, var(--beae-card-shadow-x)) var(--s2wgss-shadowVertical, var(--beae-card-shadow-y)) var(--s2wgss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s2wgss-shadowColor, var(--beae-card-pricing-shadow-color)) var(--s2wgss-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--s2wgss-background-color,var(--beae-card-cta-background)); border-color: var(--s2wgss-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--s2wgss-shadowHorizontal, var(--beae-card-shadow-x)) var(--s2wgss-shadowVertical, var(--beae-card-shadow-y)) var(--s2wgss-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s2wgss-shadowColor, var(--beae-card-cta-shadow-color)) var(--s2wgss-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-s2wgss"] {     display: flex;     flex-direction: var(--s2wgss-direction, column);     flex-wrap: nowrap;     justify-content: var(--s2wgss-justify-content);     align-items: var(--s2wgss-align-items);     gap: var(--s2wgss-gap, var(--s2wgss-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-s2wgss"] {                            gap: var(--s2wgss-gap-tablet, var(--s2wgss-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(--s2wgss-padding-right-tablet, 0px) - var(--s2wgss-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-s2wgss"] {                            gap: var(--s2wgss-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(--s2wgss-padding-right-mobile, 0px) - var(--s2wgss-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-19g5ho"] { margin-top: var(--19g5ho-margin-top, 0px); margin-right: var(--19g5ho-margin-right, 0px); margin-bottom: var(--19g5ho-margin-bottom, 0px); margin-left: var(--19g5ho-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--19g5ho-margin-top-tablet, 0px); margin-right: var(--19g5ho-margin-right-tablet, 0px); margin-bottom: var(--19g5ho-margin-bottom-tablet, 0px); margin-left: var(--19g5ho-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--19g5ho-margin-top-mobile, 0px); margin-right: var(--19g5ho-margin-right-mobile, 0px); margin-bottom: var(--19g5ho-margin-bottom-mobile, 0px); margin-left: var(--19g5ho-margin-left-mobile, 0px); } }[data-bnode="beae-gph550"] { --gph550-typography: p; --gph550-typography-tablet: p; --gph550-typography-mobile: 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; }[data-bnode="beae-gph550"] { margin-top: var(--gph550-margin-top, 0px); margin-right: var(--gph550-margin-right, 0px); margin-bottom: var(--gph550-margin-bottom, 0px); margin-left: var(--gph550-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gph550-margin-top-tablet, 0px); margin-right: var(--gph550-margin-right-tablet, 0px); margin-bottom: var(--gph550-margin-bottom-tablet, 0px); margin-left: var(--gph550-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gph550-margin-top-mobile, 0px); margin-right: var(--gph550-margin-right-mobile, 0px); margin-bottom: var(--gph550-margin-bottom-mobile, 0px); margin-left: var(--gph550-margin-left-mobile, 0px); } }[data-bnode="beae-lht1cu"] { --beae-p-text-align: start; --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; }[data-bnode="beae-lht1cu"] { margin-top: var(--lht1cu-margin-top, 0px); margin-right: var(--lht1cu-margin-right, 0px); margin-bottom: var(--lht1cu-margin-bottom, 0px); margin-left: var(--lht1cu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lht1cu-margin-top-tablet, 0px); margin-right: var(--lht1cu-margin-right-tablet, 0px); margin-bottom: var(--lht1cu-margin-bottom-tablet, 0px); margin-left: var(--lht1cu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lht1cu-margin-top-mobile, 0px); margin-right: var(--lht1cu-margin-right-mobile, 0px); margin-bottom: var(--lht1cu-margin-bottom-mobile, 0px); margin-left: var(--lht1cu-margin-left-mobile, 0px); } &{ a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; } } }[data-bnode="beae-uduibb"] { --uduibb-typography: h3; --uduibb-typography-tablet: h3; --uduibb-typography-mobile: h3; --beae-h3-text-align: start; --beae-h3-text-align-tablet: start; --beae-h3-text-align-mobile: start; }[data-bnode="beae-uduibb"] { margin-top: var(--uduibb-margin-top, 0px); margin-right: var(--uduibb-margin-right, 0px); margin-bottom: var(--uduibb-margin-bottom, 0px); margin-left: var(--uduibb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uduibb-margin-top-tablet, 0px); margin-right: var(--uduibb-margin-right-tablet, 0px); margin-bottom: var(--uduibb-margin-bottom-tablet, 0px); margin-left: var(--uduibb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uduibb-margin-top-mobile, 0px); margin-right: var(--uduibb-margin-right-mobile, 0px); margin-bottom: var(--uduibb-margin-bottom-mobile, 0px); margin-left: var(--uduibb-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--uduibb-highlightColor,var(--beae-p-color)); top: var(--uduibb-highlightTop, 100%); } }[data-bnode="beae-4ga1ph"] { --beae-p-text-align: start; --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; }[data-bnode="beae-4ga1ph"] { margin-top: var(--4ga1ph-margin-top, 0px); margin-right: var(--4ga1ph-margin-right, 0px); margin-bottom: var(--4ga1ph-margin-bottom, 0px); margin-left: var(--4ga1ph-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4ga1ph-margin-top-tablet, 0px); margin-right: var(--4ga1ph-margin-right-tablet, 0px); margin-bottom: var(--4ga1ph-margin-bottom-tablet, 0px); margin-left: var(--4ga1ph-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4ga1ph-margin-top-mobile, 0px); margin-right: var(--4ga1ph-margin-right-mobile, 0px); margin-bottom: var(--4ga1ph-margin-bottom-mobile, 0px); margin-left: var(--4ga1ph-margin-left-mobile, 0px); } &{ a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; } } }[data-bnode="beae-bl4ye4"] { --bl4ye4-direction: column; --bl4ye4-direction-tablet: column; --bl4ye4-direction-mobile: column; --bl4ye4-structure: columns; --bl4ye4-structure-tablet: columns; --bl4ye4-structure-mobile: columns; --bl4ye4-align-items: stretch; --bl4ye4-align-items-tablet: flex-start; --bl4ye4-align-items-mobile: flex-start; --bl4ye4-gap: 28px; --bl4ye4-gap-tablet: 12px; --bl4ye4-gap-mobile: 12px; --bl4ye4-justify-content: flex-start; --bl4ye4-justify-content-tablet: flex-start; --bl4ye4-justify-content-mobile: flex-start; --bl4ye4-padding-top: 0px; --bl4ye4-padding-top-tablet: 0px; --bl4ye4-padding-top-mobile: 0px; --bl4ye4-padding-right: 0px; --bl4ye4-padding-right-tablet: 0px; --bl4ye4-padding-right-mobile: 0px; --bl4ye4-padding-bottom: 0px; --bl4ye4-padding-bottom-tablet: 0px; --bl4ye4-padding-bottom-mobile: 0px; --bl4ye4-padding-left: 0px; --bl4ye4-padding-left-tablet: 0px; --bl4ye4-padding-left-mobile: 0px; }[data-bnode="beae-bl4ye4"] { padding-top: var(--bl4ye4-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bl4ye4-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bl4ye4-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bl4ye4-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bl4ye4-padding-top-tablet, var(--bl4ye4-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bl4ye4-padding-right-tablet, var(--bl4ye4-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bl4ye4-padding-bottom-tablet, var(--bl4ye4-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bl4ye4-padding-left-tablet, var(--bl4ye4-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bl4ye4-padding-top-mobile, var(--bl4ye4-padding-top-tablet, var(--bl4ye4-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bl4ye4-padding-right-mobile, var(--bl4ye4-padding-right-tablet, var(--bl4ye4-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bl4ye4-padding-bottom-mobile, var(--bl4ye4-padding-bottom-tablet, var(--bl4ye4-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bl4ye4-padding-left-mobile, var(--bl4ye4-padding-left-tablet, var(--bl4ye4-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--bl4ye4-position, relative); top: var(--bl4ye4-top, auto); right: var(--bl4ye4-right, auto); bottom: var(--bl4ye4-bottom, auto); left: var(--bl4ye4-left, auto); transform: var(--bl4ye4-transform, none); z-index: var(--bl4ye4-z-index, 10); aspect-ratio: var(--bl4ye4-background-imageRatio, auto); background: var(--bl4ye4-background-color,transparent); border-style: var(--bl4ye4-borderStyle,solid); border-color: var(--bl4ye4-borderColor,#000000); border-width: var(--bl4ye4-borderWidth-tl,0px) var(--bl4ye4-borderWidth-tr,0px) var(--bl4ye4-borderWidth-br,0px) var(--bl4ye4-borderWidth-bl,0px); border-radius: var(--bl4ye4-borderRadius-tl,0px) var(--bl4ye4-borderRadius-tr,0px) var(--bl4ye4-borderRadius-br,0px) var(--bl4ye4-borderRadius-bl,0px); box-shadow: var(--bl4ye4-shadowHorizontal, 0px) var(--bl4ye4-shadowVertical, 0px) var(--bl4ye4-shadowBlur, 0px) 1px color-mix( in srgb, var(--bl4ye4-shadowColor, #000000) var(--bl4ye4-shadowTransparent, 0%), transparent ); max-width: var(--bl4ye4-max-width, 100%); width: 100%; height: if(style(--bl4ye4-position: absolute): var(--bl4ye4-height,100%); else: unset ); backdrop-filter:blur(var(--bl4ye4-background-blur, none)) saturate(var(--bl4ye4-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--bl4ye4-position-tablet, var(--bl4ye4-position, relative)); top: var(--bl4ye4-top-tablet, var(--bl4ye4-top, auto)); right: var(--bl4ye4-right-tablet, var(--bl4ye4-right, auto)); bottom: var(--bl4ye4-bottom-tablet, var(--bl4ye4-bottom, auto)); left: var(--bl4ye4-left-tablet, var(--bl4ye4-left, auto)); transform: var(--bl4ye4-transform-tablet, var(--bl4ye4-transform, none)); z-index: var(--bl4ye4-z-index-tablet, var(--bl4ye4-z-index, 10)); aspect-ratio: var(--bl4ye4-background-imageRatio-tablet, var(--bl4ye4-background-imageRatio, auto)); border-width: var(--bl4ye4-borderWidth-tl-tablet, var(--bl4ye4-borderWidth-tl,0px)) var(--bl4ye4-borderWidth-tr-tablet,var(--bl4ye4-borderWidth-tr,0px)) var(--bl4ye4-borderWidth-br-tablet,var(--bl4ye4-borderWidth-br,0px)) var(--bl4ye4-borderWidth-bl-tablet,var(--bl4ye4-borderWidth-bl,0px)); border-radius: var(--bl4ye4-borderRadius-tl-tablet,var(--bl4ye4-borderRadius-tl,0px)) var(--bl4ye4-borderRadius-tr-tablet,var(--bl4ye4-borderRadius-tr,0px)) var(--bl4ye4-borderRadius-br-tablet,var(--bl4ye4-borderRadius-br,0px)) var(--bl4ye4-borderRadius-bl-tablet,var(--bl4ye4-borderRadius-bl,0px)); max-width: var(--bl4ye4-max-width-tablet, var(--bl4ye4-max-width, 100%)); height: if(style(--bl4ye4-position-tablet: absolute): var(--bl4ye4-height-tablet,var(--bl4ye4-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--bl4ye4-position-mobile, var(--bl4ye4-position-tablet, var(--bl4ye4-position, relative))); top: var(--bl4ye4-top-mobile, var(--bl4ye4-top-tablet, var(--bl4ye4-top, auto))); right: var(--bl4ye4-right-mobile, var(--bl4ye4-right-tablet, var(--bl4ye4-right, auto))); bottom: var(--bl4ye4-bottom-mobile, var(--bl4ye4-bottom-tablet, var(--bl4ye4-bottom, auto))); left: var(--bl4ye4-left-mobile, var(--bl4ye4-left-tablet, var(--bl4ye4-left, auto))); transform: var(--bl4ye4-transform-mobile, var(--bl4ye4-transform-tablet, var(--bl4ye4-transform, none))); z-index: var(--bl4ye4-z-index-mobile, var(--bl4ye4-z-index-tablet, var(--bl4ye4-z-index, 10))); aspect-ratio: var(--bl4ye4-background-imageRatio-mobile, var(--bl4ye4-background-imageRatio, auto)); border-width: var(--bl4ye4-borderWidth-tl-mobile, var(--bl4ye4-borderWidth-tl,0px)) var(--bl4ye4-borderWidth-tr-mobile,var(--bl4ye4-borderWidth-tr,0px)) var(--bl4ye4-borderWidth-br-mobile,var(--bl4ye4-borderWidth-br,0px)) var(--bl4ye4-borderWidth-bl-mobile,var(--bl4ye4-borderWidth-bl,0px)); border-radius: var(--bl4ye4-borderRadius-tl-mobile,var(--bl4ye4-borderRadius-tl,0px)) var(--bl4ye4-borderRadius-tr-mobile,var(--bl4ye4-borderRadius-tr,0px)) var(--bl4ye4-borderRadius-br-mobile,var(--bl4ye4-borderRadius-br,0px)) var(--bl4ye4-borderRadius-bl-mobile,var(--bl4ye4-borderRadius-bl,0px)); max-width: var(--bl4ye4-max-width-mobile, var(--bl4ye4-max-width, 100%)); height: if(style(--bl4ye4-position-mobile: absolute): var(--bl4ye4-height-mobile,var(--bl4ye4-height-tablet,,var(--bl4ye4-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bl4ye4-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--bl4ye4-gap,var(--beae-card-gap)); padding-top: var(--bl4ye4-padding-top,var(--beae-card-padding)); padding-right: var(--bl4ye4-padding-right,var(--beae-card-padding)); padding-bottom: var(--bl4ye4-padding-bottom,var(--beae-card-padding)); padding-left: var(--bl4ye4-padding-left,var(--beae-card-padding)); border-width: var(--bl4ye4-borderWidth-tl,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-tr,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-br,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bl4ye4-borderRadius-tl,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-tr,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-br,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--bl4ye4-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--bl4ye4-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--bl4ye4-gap-tablet,var(--beae-card-gap)); padding-top: var(--bl4ye4-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bl4ye4-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bl4ye4-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bl4ye4-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bl4ye4-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bl4ye4-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--bl4ye4-gap-mobile,var(--beae-card-gap)); padding-top: var(--bl4ye4-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bl4ye4-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bl4ye4-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bl4ye4-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bl4ye4-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bl4ye4-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bl4ye4-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bl4ye4-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bl4ye4-background-color,var(--beae-card-featured-background)); border-color: var(--bl4ye4-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--bl4ye4-shadowHorizontal, var(--beae-card-shadow-x)) var(--bl4ye4-shadowVertical, var(--beae-card-shadow-y)) var(--bl4ye4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bl4ye4-shadowColor, var(--beae-card-featured-shadow-color)) var(--bl4ye4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--bl4ye4-background-color,var(--beae-card-prod-background)); border-color: var(--bl4ye4-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--bl4ye4-shadowHorizontal, var(--beae-card-shadow-x)) var(--bl4ye4-shadowVertical, var(--beae-card-shadow-y)) var(--bl4ye4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bl4ye4-shadowColor, var(--beae-card-prod-shadow-color)) var(--bl4ye4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--bl4ye4-background-color,var(--beae-card-pricing-background)); border-color: var(--bl4ye4-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--bl4ye4-shadowHorizontal, var(--beae-card-shadow-x)) var(--bl4ye4-shadowVertical, var(--beae-card-shadow-y)) var(--bl4ye4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bl4ye4-shadowColor, var(--beae-card-pricing-shadow-color)) var(--bl4ye4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--bl4ye4-background-color,var(--beae-card-cta-background)); border-color: var(--bl4ye4-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--bl4ye4-shadowHorizontal, var(--beae-card-shadow-x)) var(--bl4ye4-shadowVertical, var(--beae-card-shadow-y)) var(--bl4ye4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bl4ye4-shadowColor, var(--beae-card-cta-shadow-color)) var(--bl4ye4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-bl4ye4"] {     display: flex;     flex-direction: var(--bl4ye4-direction, column);     flex-wrap: nowrap;     justify-content: var(--bl4ye4-justify-content);     align-items: var(--bl4ye4-align-items);     gap: var(--bl4ye4-gap, var(--bl4ye4-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bl4ye4"] {      flex-direction: var(--bl4ye4-direction-tablet, column);                 align-items: var(--bl4ye4-align-items-tablet, inherit);      gap: var(--bl4ye4-gap-tablet, var(--bl4ye4-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-bl4ye4"] {      flex-direction: var(--bl4ye4-direction-mobile, column);                 align-items: var(--bl4ye4-align-items-mobile, inherit);      gap: var(--bl4ye4-gap-mobile, var(--bl4ye4-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-92ne9b"] { --92ne9b-variantType: options; --92ne9b-variantType-tablet: options; --92ne9b-variantType-mobile: options; --92ne9b-headerState: normal; --92ne9b-headerState-tablet: normal; --92ne9b-headerState-mobile: normal; --92ne9b-borderStyle: solid; --92ne9b-borderStyle-tablet: solid; --92ne9b-borderStyle-mobile: solid; --92ne9b-borderWidth: 1px; --92ne9b-borderWidth-tablet: 1px; --92ne9b-borderWidth-mobile: 1px; --beae-p-text-align: start; --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --beae-h4-text-align: start; --beae-h4-text-align-tablet: start; --beae-h4-font-size-mobile: 22px; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing-mobile: 0px; --beae-h4-text-align-mobile: start; --92ne9b-sizeColor: 32px; --92ne9b-sizeColor-tablet: 32px; --92ne9b-sizeColor-mobile: 32px; --92ne9b-styleColor: true; --92ne9b-styleColor-tablet: true; --92ne9b-styleColor-mobile: true; }[data-bnode="beae-92ne9b"] { margin-top: var(--92ne9b-margin-top, 0px); margin-right: var(--92ne9b-margin-right, 0px); margin-bottom: var(--92ne9b-margin-bottom, 0px); margin-left: var(--92ne9b-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--92ne9b-margin-top-tablet, 0px); margin-right: var(--92ne9b-margin-right-tablet, 0px); margin-bottom: var(--92ne9b-margin-bottom-tablet, 0px); margin-left: var(--92ne9b-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--92ne9b-margin-top-mobile, 0px); margin-right: var(--92ne9b-margin-right-mobile, 0px); margin-bottom: var(--92ne9b-margin-bottom-mobile, 0px); margin-left: var(--92ne9b-margin-left-mobile, 0px); } &.beae-variant-box { display: flex; flex-direction: column; gap: 12px; width: 100%; /* ===== OPTION ===== */ .beae-option { display: flex; flex-direction: column; gap: 6px; } /* ===== SWATCH WRAP ===== */ .beae-swatch { display: flex; flex-wrap: wrap; gap: 6px; &.beae-p{ justify-content: var(--beae-p-text-align, start); } &.beae-p2{ justify-content: var(--beae-p2-text-align, start); } &.beae-p3{ justify-content: var(--beae-p3-text-align, start); } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-p{ justify-content: var(--beae-p-text-align-tablet, var(--beae-p-text-align, start)); } &.beae-p2{ justify-content: var(--beae-p2-text-align-tablet, var(--beae-p2-text-align, start)); } &.beae-p3{ justify-content: var(--beae-p3-text-align-tablet, var(--beae-p3-text-align, start)); } } @media (max-width: 767px) { &.beae-p{ justify-content: var(--beae-p-text-align-mobile, var(--beae-p-text-align, start)); } &.beae-p2{ justify-content: var(--beae-p2-text-align-mobile, var(--beae-p2-text-align, start)); } &.beae-p3{ justify-content: var(--beae-p3-text-align-mobile, var(--beae-p3-text-align, start)); } } } /* ===== RADIO ===== */ .beae-radio-wrap { display: inline-flex; align-items: center; cursor: pointer; margin: 0; position: relative; transition: all 0.2s; } .beae-radio { position: absolute; opacity: 0; pointer-events: none; } .beae-radio-lb { display: inline-block; padding-inline: var(--92ne9b-paddingX, 20px); padding-block: var(--92ne9b-paddingY, 12px); background-color: var(--92ne9b-tabBg, #F5F5F5); cursor: pointer; border-style: var(--92ne9b-borderStyle, none); border-color: var(--92ne9b-borderColor, #D1D1D1); border-width: var(--92ne9b-borderWidth,0px); border-radius: var(--92ne9b-borderRadius, 0px); box-shadow: var(--92ne9b-shadowHorizontal, 0px) var(--92ne9b-shadowVertical, 0px) var(--92ne9b-shadowBlur, 0px) 1px color-mix( in srgb, var(--92ne9b-shadowColor, #000000) var(--92ne9b-shadowTransparent, 0%), transparent ); transition: all 0.2s; } /* ===== HOVER ===== */ .beae-radio-wrap:hover .beae-radio-lb { background-color: var(--92ne9b-tabBgHover,#cccccc); color: var(--92ne9b-colorHover,#333333); border-color: var(--92ne9b-borderColorHover, var(--92ne9b-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .beae-radio:checked + .beae-radio-lb { background-color: var(--92ne9b-tabBgActive, #000); color: var(--92ne9b-colorActive, #fff); border-color: var(--92ne9b-borderColorActive, var(--92ne9b-borderColor, #D1D1D1)); } /* ===== DISABLED ===== */ .beae-variant-disabled { opacity: 0.3 !important; pointer-events: none !important; cursor: not-allowed !important; } /* ===== COLOR SWATCH ===== */ .beae-swatch-color { width: var(--92ne9b-sizeColor,40px); height: var(--92ne9b-sizeColor,40px); padding: 0; border-radius: if(style(--92ne9b-styleColor : true ): 50%; else: var(--92ne9b-borderRadius,0px)); border: var(--92ne9b-borderWidth,0) solid color-mix(in srgb, var(--92ne9b-borderColor,#D1D1D1) 30%, transparent); background-color: #eee; background-clip: content-box; transition: all 0.2s; box-shadow: var(--92ne9b-shadowHorizontal, 0px) var(--92ne9b-shadowVertical, 0px) var(--92ne9b-shadowBlur, 0px) 1px color-mix( in srgb, var(--92ne9b-shadowColor, #000000) var(--92ne9b-shadowTransparent, 0%), transparent ); overflow: hidden; .beae-radio-lb { display: none; } &:hover { border-color: var(--92ne9b-borderColorHover,#000000); } &:has(.beae-radio:checked) { border-color: var(--92ne9b-borderColorActive,#000000); padding: 2px !important; } &.beae-variant-disabled { position: relative; &::after { content: ""; position: absolute; inset: 0; border-radius: var(--92ne9b-borderRadius, 4px); mask-image: linear-gradient( to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px) ); mask-mode: alpha; background-color: #000; z-index: 2; pointer-events: none; } } } /* ===== DROPDOWN ===== */ .beae-swatch-sel { display: inline-block; padding-inline: var(--92ne9b-paddingX, 20px); padding-block: var(--92ne9b-paddingY, 12px); background-color: var(--92ne9b-tabBg, #F5F5F5); cursor: pointer; border-style: var(--92ne9b-borderStyle, none); border-color: var(--92ne9b-borderColor, #D1D1D1); border-width: var(--92ne9b-borderWidth,0px); border-radius: var(--92ne9b-borderRadius, 0px); box-shadow: var(--92ne9b-shadowHorizontal, 0px) var(--92ne9b-shadowVertical, 0px) var(--92ne9b-shadowBlur, 0px) 1px color-mix( in srgb, var(--92ne9b-shadowColor, #000000) var(--92ne9b-shadowTransparent, 0%), transparent ); transition: all 0.2s; } .beae-swatch-sel:hover { color: var(--92ne9b-colorHover, #333333); background-color: var(--92ne9b-tabBgHover, #cccccc); border-color: var(--92ne9b-borderColorHover, #000000); } .beae-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="beae-t04q5v"] { --t04q5v-margin-top-mobile: 0px; --t04q5v-margin-right-mobile: 0px; --t04q5v-margin-bottom-mobile: 0px; --t04q5v-margin-left-mobile: 16px; }[data-bnode="beae-t04q5v"] { margin-top: var(--t04q5v-margin-top, 0px); margin-right: var(--t04q5v-margin-right, 0px); margin-bottom: var(--t04q5v-margin-bottom, 0px); margin-left: var(--t04q5v-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t04q5v-margin-top-tablet, 0px); margin-right: var(--t04q5v-margin-right-tablet, 0px); margin-bottom: var(--t04q5v-margin-bottom-tablet, 0px); margin-left: var(--t04q5v-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t04q5v-margin-top-mobile, 0px); margin-right: var(--t04q5v-margin-right-mobile, 0px); margin-bottom: var(--t04q5v-margin-bottom-mobile, 0px); margin-left: var(--t04q5v-margin-left-mobile, 0px); } }[data-bnode="beae-juulh3"] { --juulh3-width: fill; --juulh3-width-tablet: fill; --juulh3-width-mobile: fill; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 40px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 60px; --juulh3-transform: none; --juulh3-transform-tablet: none; --juulh3-transform-mobile: none; --juulh3-iconWidth: 20px; --juulh3-iconWidth-tablet: 20px; --juulh3-iconWidth-mobile: 18px; --juulh3-iconGap: 5px; --juulh3-iconGap-tablet: 5px; --juulh3-iconGap-mobile: 5px; --juulh3-button: pr; --juulh3-button-tablet: pr; --juulh3-button-mobile: pr; --beae-btn-te-label-color: #2A2A2A; --beae-btn-se-label-color: #2A2A2A; --beae-btn-se-background-color: #EBEBEB; --beae-btn-pr-background-color: #2E5F7A; --juulh3-margin-top-mobile: 0px; --juulh3-margin-right-mobile: 0px; --juulh3-margin-bottom-mobile: 0px; --juulh3-margin-left-mobile: 40px; }[data-bnode="beae-juulh3"] { margin-top: var(--juulh3-margin-top, 0px); margin-right: var(--juulh3-margin-right, 0px); margin-bottom: var(--juulh3-margin-bottom, 0px); margin-left: var(--juulh3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--juulh3-margin-top-tablet, 0px); margin-right: var(--juulh3-margin-right-tablet, 0px); margin-bottom: var(--juulh3-margin-bottom-tablet, 0px); margin-left: var(--juulh3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--juulh3-margin-top-mobile, 0px); margin-right: var(--juulh3-margin-right-mobile, 0px); margin-bottom: var(--juulh3-margin-bottom-mobile, 0px); margin-left: var(--juulh3-margin-left-mobile, 0px); } &.beae-atc-btn { gap: var(--juulh3-iconGap); &.beae-btn-pr:hover{ background-color: if( style(--juulh3-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--juulh3-bgBtnHover)) * 1%)); style(--juulh3-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--juulh3-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--juulh3-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--juulh3-labelBtnHover)) * 1%)); style(--juulh3-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--juulh3-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--juulh3-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--juulh3-borderBtnHover)) * 1%)); style(--juulh3-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--juulh3-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--juulh3-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--juulh3-bgBtnHover)) * 1%)); style(--juulh3-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--juulh3-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--juulh3-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--juulh3-labelBtnHover)) * 1%)); style(--juulh3-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--juulh3-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--juulh3-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--juulh3-borderBtnHover)) * 1%)); style(--juulh3-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--juulh3-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--juulh3-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--juulh3-labelBtnHover)) * 1%)); style(--juulh3-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--juulh3-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--juulh3-iconWidth,20px); min-width: var(--juulh3-iconWidth,20px); height: 100%; } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet); } gap: var(--juulh3-iconGap-tablet); svg { width: var(--juulh3-iconWidth-tablet,var(--juulh3-iconWidth,20px)); min-width: var(--juulh3-iconWidth-tablet,var(--juulh3-iconWidth,20px)); height: 100%; } } @media(max-width: 767px){ gap: var(--juulh3-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--juulh3-iconWidth-mobile,var(--juulh3-iconWidth,20px)); min-width: var(--juulh3-iconWidth-mobile,var(--juulh3-iconWidth,20px)); height: 100%; } } } }[data-bnode="beae-rfmzxh"] { --beae-p-text-align: center; --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: center; --beae-p-letter-spacing: -0.5px; }[data-bnode="beae-rfmzxh"] { margin-top: var(--rfmzxh-margin-top, 0px); margin-right: var(--rfmzxh-margin-right, 0px); margin-bottom: var(--rfmzxh-margin-bottom, 0px); margin-left: var(--rfmzxh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rfmzxh-margin-top-tablet, 0px); margin-right: var(--rfmzxh-margin-right-tablet, 0px); margin-bottom: var(--rfmzxh-margin-bottom-tablet, 0px); margin-left: var(--rfmzxh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rfmzxh-margin-top-mobile, 0px); margin-right: var(--rfmzxh-margin-right-mobile, 0px); margin-bottom: var(--rfmzxh-margin-bottom-mobile, 0px); margin-left: var(--rfmzxh-margin-left-mobile, 0px); } &{ a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; } } }[data-bnode="beae-bvqq53"] { --bvqq53-headerState: normal; --bvqq53-headerState-tablet: normal; --bvqq53-headerState-mobile: normal; --bvqq53-colorActive: #ffffff; --bvqq53-colorActive-tablet: #ffffff; --bvqq53-colorActive-mobile: #ffffff; --bvqq53-tabBgActive: #333333; --bvqq53-tabBgActive-tablet: #333333; --bvqq53-tabBgActive-mobile: #333333; --bvqq53-paddingX: 17px; --bvqq53-paddingX-tablet: 17px; --bvqq53-paddingX-mobile: 17px; --bvqq53-paddingY: 0px; --bvqq53-paddingY-tablet: 0px; --bvqq53-paddingY-mobile: 0px; --bvqq53-borderStyle: solid; --bvqq53-borderStyle-tablet: solid; --bvqq53-borderStyle-mobile: solid; --bvqq53-tabBg: #f5f5f5; --bvqq53-tabBg-tablet: #f5f5f5; --bvqq53-tabBg-mobile: #f5f5f5; --bvqq53-headingTypo: h4; --bvqq53-headingTypo-tablet: h4; --bvqq53-headingTypo-mobile: h4; --bvqq53-borderWidth-tl: 1px; --bvqq53-borderWidth-tl-tablet: 1px; --bvqq53-borderWidth-tl-mobile: 1px; --bvqq53-borderWidth-tr: 1px; --bvqq53-borderWidth-tr-tablet: 1px; --bvqq53-borderWidth-tr-mobile: 1px; --bvqq53-borderWidth-bl: 1px; --bvqq53-borderWidth-bl-tablet: 1px; --bvqq53-borderWidth-bl-mobile: 1px; --bvqq53-borderWidth-br: 1px; --bvqq53-borderWidth-br-tablet: 1px; --bvqq53-borderWidth-br-mobile: 1px; --bvqq53-borderColor: #e6e6e6; --bvqq53-borderColor-tablet: #e6e6e6; --bvqq53-borderColor-mobile: #e6e6e6; --beae-h4-text-align: start; }[data-bnode="beae-bvqq53"] { margin-top: var(--bvqq53-margin-top, 0px); margin-right: var(--bvqq53-margin-right, 0px); margin-bottom: var(--bvqq53-margin-bottom, 0px); margin-left: var(--bvqq53-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bvqq53-margin-top-tablet, 0px); margin-right: var(--bvqq53-margin-right-tablet, 0px); margin-bottom: var(--bvqq53-margin-bottom-tablet, 0px); margin-left: var(--bvqq53-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bvqq53-margin-top-mobile, 0px); margin-right: var(--bvqq53-margin-right-mobile, 0px); margin-bottom: var(--bvqq53-margin-bottom-mobile, 0px); margin-left: var(--bvqq53-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--bvqq53-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--bvqq53-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--bvqq53-gap-mobile, 16px); } .beae-accordion-item { border-style: var(--bvqq53-borderStyle,solid); border-color: var(--bvqq53-borderColor,#000000); border-width: var(--bvqq53-borderWidth-tl,0px) var(--bvqq53-borderWidth-tr,0px) var(--bvqq53-borderWidth-br,0px) var(--bvqq53-borderWidth-bl,0px); border-radius: var(--bvqq53-borderRadius-tl,0px) var(--bvqq53-borderRadius-tr,0px) var(--bvqq53-borderRadius-br,0px) var(--bvqq53-borderRadius-bl,0px); box-shadow: var(--bvqq53-shadowHorizontal, 0px) var(--bvqq53-shadowVertical, 0px) var(--bvqq53-shadowBlur, 0px) 1px color-mix( in srgb, var(--bvqq53-shadowColor, #000000) var(--bvqq53-shadowTransparent, 0%), transparent ); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--bvqq53-borderWidth-tl-tablet,0px) var(--bvqq53-borderWidth-tr-tablet,0px) var(--bvqq53-borderWidth-br-tablet,0px) var(--bvqq53-borderWidth-bl-tablet,0px); border-radius: var(--bvqq53-borderRadius-tl-tablet,0px) var(--bvqq53-borderRadius-tr-tablet,0px) var(--bvqq53-borderRadius-br-tablet,0px) var(--bvqq53-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--bvqq53-borderWidth-tl-mobile,0px) var(--bvqq53-borderWidth-tr-mobile,0px) var(--bvqq53-borderWidth-br-mobile,0px) var(--bvqq53-borderWidth-bl-mobile,0px); border-radius: var(--bvqq53-borderRadius-tl-mobile,0px) var(--bvqq53-borderRadius-tr-mobile,0px) var(--bvqq53-borderRadius-br-mobile,0px) var(--bvqq53-borderRadius-bl-mobile,0px); } svg{ width:20px; height:20px; } .beae-accordion-icon{ flex-shrink: 0; svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; } } &[open] { .beae-accordion-summary { color: var(--bvqq53-colorActive); background: var(--bvqq53-tabBgActive); } .beae-accordion-content { opacity: 1; } .beae-accordion-icon { .beae-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .beae-icon-chevron{ transform: rotate(180deg); } .beae-icon-arrow{ transform: rotate(90deg); } } } } .beae-accordion-title{ flex: auto; cursor: pointer; } .beae-accordion-summary { display: flex; flex-direction: var(--beae-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--bvqq53-paddingX, 20px); padding-block: var(--bvqq53-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--bvqq53-tabBg); &:marker { display: none; } &:hover { background: var(--bvqq53-tabBgHover); color: var(--bvqq53-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--bvqq53-paddingX-tablet, 20px); padding-block: var(--bvqq53-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--bvqq53-paddingX-mobile, 20px); padding-block: var(--bvqq53-paddingY-mobile, 20px); } } .beae-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .beae-accordion-content { opacity: 0; animation: beaeSlideDown 0.3s ease-out; } .beae-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes beaeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="beae-7iy4dw"] { --7iy4dw-direction: column; --7iy4dw-direction-tablet: column; --7iy4dw-direction-mobile: column; --7iy4dw-gap: 16px; --7iy4dw-gap-tablet: 16px; --7iy4dw-gap-mobile: 16px; --7iy4dw-padding-top: 12px; --7iy4dw-padding-top-tablet: 12px; --7iy4dw-padding-top-mobile: 12px; --7iy4dw-padding-bottom: 12px; --7iy4dw-padding-bottom-tablet: 12px; --7iy4dw-padding-bottom-mobile: 12px; --7iy4dw-padding-left: 20px; --7iy4dw-padding-left-tablet: 20px; --7iy4dw-padding-left-mobile: 20px; --7iy4dw-padding-right: 20px; --7iy4dw-padding-right-tablet: 20px; --7iy4dw-padding-right-mobile: 20px; }[data-bnode="beae-7iy4dw"] { padding-top: var(--7iy4dw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7iy4dw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7iy4dw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7iy4dw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7iy4dw-padding-top-tablet, var(--7iy4dw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7iy4dw-padding-right-tablet, var(--7iy4dw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7iy4dw-padding-bottom-tablet, var(--7iy4dw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7iy4dw-padding-left-tablet, var(--7iy4dw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7iy4dw-padding-top-mobile, var(--7iy4dw-padding-top-tablet, var(--7iy4dw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7iy4dw-padding-right-mobile, var(--7iy4dw-padding-right-tablet, var(--7iy4dw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7iy4dw-padding-bottom-mobile, var(--7iy4dw-padding-bottom-tablet, var(--7iy4dw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7iy4dw-padding-left-mobile, var(--7iy4dw-padding-left-tablet, var(--7iy4dw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--7iy4dw-position, relative); top: var(--7iy4dw-top, auto); right: var(--7iy4dw-right, auto); bottom: var(--7iy4dw-bottom, auto); left: var(--7iy4dw-left, auto); transform: var(--7iy4dw-transform, none); z-index: var(--7iy4dw-z-index, 10); aspect-ratio: var(--7iy4dw-background-imageRatio, auto); background: var(--7iy4dw-background-color,transparent); border-style: var(--7iy4dw-borderStyle,solid); border-color: var(--7iy4dw-borderColor,#000000); border-width: var(--7iy4dw-borderWidth-tl,0px) var(--7iy4dw-borderWidth-tr,0px) var(--7iy4dw-borderWidth-br,0px) var(--7iy4dw-borderWidth-bl,0px); border-radius: var(--7iy4dw-borderRadius-tl,0px) var(--7iy4dw-borderRadius-tr,0px) var(--7iy4dw-borderRadius-br,0px) var(--7iy4dw-borderRadius-bl,0px); box-shadow: var(--7iy4dw-shadowHorizontal, 0px) var(--7iy4dw-shadowVertical, 0px) var(--7iy4dw-shadowBlur, 0px) 1px color-mix( in srgb, var(--7iy4dw-shadowColor, #000000) var(--7iy4dw-shadowTransparent, 0%), transparent ); max-width: var(--7iy4dw-max-width, 100%); width: 100%; height: if(style(--7iy4dw-position: absolute): var(--7iy4dw-height,100%); else: unset ); backdrop-filter:blur(var(--7iy4dw-background-blur, none)) saturate(var(--7iy4dw-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--7iy4dw-position-tablet, var(--7iy4dw-position, relative)); top: var(--7iy4dw-top-tablet, var(--7iy4dw-top, auto)); right: var(--7iy4dw-right-tablet, var(--7iy4dw-right, auto)); bottom: var(--7iy4dw-bottom-tablet, var(--7iy4dw-bottom, auto)); left: var(--7iy4dw-left-tablet, var(--7iy4dw-left, auto)); transform: var(--7iy4dw-transform-tablet, var(--7iy4dw-transform, none)); z-index: var(--7iy4dw-z-index-tablet, var(--7iy4dw-z-index, 10)); aspect-ratio: var(--7iy4dw-background-imageRatio-tablet, var(--7iy4dw-background-imageRatio, auto)); border-width: var(--7iy4dw-borderWidth-tl-tablet, var(--7iy4dw-borderWidth-tl,0px)) var(--7iy4dw-borderWidth-tr-tablet,var(--7iy4dw-borderWidth-tr,0px)) var(--7iy4dw-borderWidth-br-tablet,var(--7iy4dw-borderWidth-br,0px)) var(--7iy4dw-borderWidth-bl-tablet,var(--7iy4dw-borderWidth-bl,0px)); border-radius: var(--7iy4dw-borderRadius-tl-tablet,var(--7iy4dw-borderRadius-tl,0px)) var(--7iy4dw-borderRadius-tr-tablet,var(--7iy4dw-borderRadius-tr,0px)) var(--7iy4dw-borderRadius-br-tablet,var(--7iy4dw-borderRadius-br,0px)) var(--7iy4dw-borderRadius-bl-tablet,var(--7iy4dw-borderRadius-bl,0px)); max-width: var(--7iy4dw-max-width-tablet, var(--7iy4dw-max-width, 100%)); height: if(style(--7iy4dw-position-tablet: absolute): var(--7iy4dw-height-tablet,var(--7iy4dw-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--7iy4dw-position-mobile, var(--7iy4dw-position-tablet, var(--7iy4dw-position, relative))); top: var(--7iy4dw-top-mobile, var(--7iy4dw-top-tablet, var(--7iy4dw-top, auto))); right: var(--7iy4dw-right-mobile, var(--7iy4dw-right-tablet, var(--7iy4dw-right, auto))); bottom: var(--7iy4dw-bottom-mobile, var(--7iy4dw-bottom-tablet, var(--7iy4dw-bottom, auto))); left: var(--7iy4dw-left-mobile, var(--7iy4dw-left-tablet, var(--7iy4dw-left, auto))); transform: var(--7iy4dw-transform-mobile, var(--7iy4dw-transform-tablet, var(--7iy4dw-transform, none))); z-index: var(--7iy4dw-z-index-mobile, var(--7iy4dw-z-index-tablet, var(--7iy4dw-z-index, 10))); aspect-ratio: var(--7iy4dw-background-imageRatio-mobile, var(--7iy4dw-background-imageRatio, auto)); border-width: var(--7iy4dw-borderWidth-tl-mobile, var(--7iy4dw-borderWidth-tl,0px)) var(--7iy4dw-borderWidth-tr-mobile,var(--7iy4dw-borderWidth-tr,0px)) var(--7iy4dw-borderWidth-br-mobile,var(--7iy4dw-borderWidth-br,0px)) var(--7iy4dw-borderWidth-bl-mobile,var(--7iy4dw-borderWidth-bl,0px)); border-radius: var(--7iy4dw-borderRadius-tl-mobile,var(--7iy4dw-borderRadius-tl,0px)) var(--7iy4dw-borderRadius-tr-mobile,var(--7iy4dw-borderRadius-tr,0px)) var(--7iy4dw-borderRadius-br-mobile,var(--7iy4dw-borderRadius-br,0px)) var(--7iy4dw-borderRadius-bl-mobile,var(--7iy4dw-borderRadius-bl,0px)); max-width: var(--7iy4dw-max-width-mobile, var(--7iy4dw-max-width, 100%)); height: if(style(--7iy4dw-position-mobile: absolute): var(--7iy4dw-height-mobile,var(--7iy4dw-height-tablet,,var(--7iy4dw-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7iy4dw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--7iy4dw-gap,var(--beae-card-gap)); padding-top: var(--7iy4dw-padding-top,var(--beae-card-padding)); padding-right: var(--7iy4dw-padding-right,var(--beae-card-padding)); padding-bottom: var(--7iy4dw-padding-bottom,var(--beae-card-padding)); padding-left: var(--7iy4dw-padding-left,var(--beae-card-padding)); border-width: var(--7iy4dw-borderWidth-tl,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-tr,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-br,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7iy4dw-borderRadius-tl,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-tr,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-br,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--7iy4dw-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--7iy4dw-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--7iy4dw-gap-tablet,var(--beae-card-gap)); padding-top: var(--7iy4dw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7iy4dw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7iy4dw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7iy4dw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7iy4dw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7iy4dw-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--7iy4dw-gap-mobile,var(--beae-card-gap)); padding-top: var(--7iy4dw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7iy4dw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7iy4dw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7iy4dw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7iy4dw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7iy4dw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7iy4dw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7iy4dw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7iy4dw-background-color,var(--beae-card-featured-background)); border-color: var(--7iy4dw-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--7iy4dw-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iy4dw-shadowVertical, var(--beae-card-shadow-y)) var(--7iy4dw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iy4dw-shadowColor, var(--beae-card-featured-shadow-color)) var(--7iy4dw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--7iy4dw-background-color,var(--beae-card-prod-background)); border-color: var(--7iy4dw-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--7iy4dw-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iy4dw-shadowVertical, var(--beae-card-shadow-y)) var(--7iy4dw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iy4dw-shadowColor, var(--beae-card-prod-shadow-color)) var(--7iy4dw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--7iy4dw-background-color,var(--beae-card-pricing-background)); border-color: var(--7iy4dw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--7iy4dw-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iy4dw-shadowVertical, var(--beae-card-shadow-y)) var(--7iy4dw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iy4dw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--7iy4dw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--7iy4dw-background-color,var(--beae-card-cta-background)); border-color: var(--7iy4dw-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--7iy4dw-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iy4dw-shadowVertical, var(--beae-card-shadow-y)) var(--7iy4dw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iy4dw-shadowColor, var(--beae-card-cta-shadow-color)) var(--7iy4dw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-7iy4dw"] {     display: flex;     flex-direction: var(--7iy4dw-direction, column);     flex-wrap: nowrap;     justify-content: var(--7iy4dw-justify-content);     align-items: var(--7iy4dw-align-items);     gap: var(--7iy4dw-gap, var(--7iy4dw-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7iy4dw"] {                            gap: var(--7iy4dw-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(--7iy4dw-padding-right-tablet, 0px) - var(--7iy4dw-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7iy4dw"] {                            gap: var(--7iy4dw-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(--7iy4dw-padding-right-mobile, 0px) - var(--7iy4dw-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-1yhgc7"] { --1yhgc7-typography: h4; --1yhgc7-typography-tablet: h4; --1yhgc7-typography-mobile: h4; }[data-bnode="beae-1yhgc7"] { margin-top: var(--1yhgc7-margin-top, 0px); margin-right: var(--1yhgc7-margin-right, 0px); margin-bottom: var(--1yhgc7-margin-bottom, 0px); margin-left: var(--1yhgc7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1yhgc7-margin-top-tablet, 0px); margin-right: var(--1yhgc7-margin-right-tablet, 0px); margin-bottom: var(--1yhgc7-margin-bottom-tablet, 0px); margin-left: var(--1yhgc7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1yhgc7-margin-top-mobile, 0px); margin-right: var(--1yhgc7-margin-right-mobile, 0px); margin-bottom: var(--1yhgc7-margin-bottom-mobile, 0px); margin-left: var(--1yhgc7-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--1yhgc7-highlightColor,var(--beae-p-color)); top: var(--1yhgc7-highlightTop, 100%); } }[data-bnode="beae-12o3w4"] { margin-top: var(--12o3w4-margin-top, 0px); margin-right: var(--12o3w4-margin-right, 0px); margin-bottom: var(--12o3w4-margin-bottom, 0px); margin-left: var(--12o3w4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--12o3w4-margin-top-tablet, 0px); margin-right: var(--12o3w4-margin-right-tablet, 0px); margin-bottom: var(--12o3w4-margin-bottom-tablet, 0px); margin-left: var(--12o3w4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--12o3w4-margin-top-mobile, 0px); margin-right: var(--12o3w4-margin-right-mobile, 0px); margin-bottom: var(--12o3w4-margin-bottom-mobile, 0px); margin-left: var(--12o3w4-margin-left-mobile, 0px); } }[data-bnode="beae-xo98ni"] { --xo98ni-direction: column; --xo98ni-direction-tablet: column; --xo98ni-direction-mobile: column; --xo98ni-gap: 16px; --xo98ni-gap-tablet: 16px; --xo98ni-gap-mobile: 16px; --xo98ni-padding-top: 12px; --xo98ni-padding-top-tablet: 12px; --xo98ni-padding-top-mobile: 12px; --xo98ni-padding-bottom: 12px; --xo98ni-padding-bottom-tablet: 12px; --xo98ni-padding-bottom-mobile: 12px; --xo98ni-padding-left: 20px; --xo98ni-padding-left-tablet: 20px; --xo98ni-padding-left-mobile: 20px; --xo98ni-padding-right: 20px; --xo98ni-padding-right-tablet: 20px; --xo98ni-padding-right-mobile: 20px; --xo98ni-borderStyle: none; --xo98ni-borderStyle-tablet: none; --xo98ni-borderStyle-mobile: none; --xo98ni-borderWidth-tl: 0px; --xo98ni-borderWidth-tl-tablet: 0px; --xo98ni-borderWidth-tl-mobile: 0px; --xo98ni-borderWidth-tr: 1px; --xo98ni-borderWidth-tr-tablet: 1px; --xo98ni-borderWidth-tr-mobile: 1px; --xo98ni-borderWidth-bl: 1px; --xo98ni-borderWidth-bl-tablet: 1px; --xo98ni-borderWidth-bl-mobile: 1px; --xo98ni-borderWidth-br: 1px; --xo98ni-borderWidth-br-tablet: 1px; --xo98ni-borderWidth-br-mobile: 1px; --xo98ni-borderColor: #e6e6e6; --xo98ni-borderColor-tablet: #e6e6e6; --xo98ni-borderColor-mobile: #e6e6e6; }[data-bnode="beae-xo98ni"] { padding-top: var(--xo98ni-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xo98ni-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xo98ni-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xo98ni-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xo98ni-padding-top-tablet, var(--xo98ni-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xo98ni-padding-right-tablet, var(--xo98ni-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xo98ni-padding-bottom-tablet, var(--xo98ni-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xo98ni-padding-left-tablet, var(--xo98ni-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xo98ni-padding-top-mobile, var(--xo98ni-padding-top-tablet, var(--xo98ni-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xo98ni-padding-right-mobile, var(--xo98ni-padding-right-tablet, var(--xo98ni-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xo98ni-padding-bottom-mobile, var(--xo98ni-padding-bottom-tablet, var(--xo98ni-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xo98ni-padding-left-mobile, var(--xo98ni-padding-left-tablet, var(--xo98ni-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--xo98ni-position, relative); top: var(--xo98ni-top, auto); right: var(--xo98ni-right, auto); bottom: var(--xo98ni-bottom, auto); left: var(--xo98ni-left, auto); transform: var(--xo98ni-transform, none); z-index: var(--xo98ni-z-index, 10); aspect-ratio: var(--xo98ni-background-imageRatio, auto); background: var(--xo98ni-background-color,transparent); border-style: var(--xo98ni-borderStyle,solid); border-color: var(--xo98ni-borderColor,#000000); border-width: var(--xo98ni-borderWidth-tl,0px) var(--xo98ni-borderWidth-tr,0px) var(--xo98ni-borderWidth-br,0px) var(--xo98ni-borderWidth-bl,0px); border-radius: var(--xo98ni-borderRadius-tl,0px) var(--xo98ni-borderRadius-tr,0px) var(--xo98ni-borderRadius-br,0px) var(--xo98ni-borderRadius-bl,0px); box-shadow: var(--xo98ni-shadowHorizontal, 0px) var(--xo98ni-shadowVertical, 0px) var(--xo98ni-shadowBlur, 0px) 1px color-mix( in srgb, var(--xo98ni-shadowColor, #000000) var(--xo98ni-shadowTransparent, 0%), transparent ); max-width: var(--xo98ni-max-width, 100%); width: 100%; height: if(style(--xo98ni-position: absolute): var(--xo98ni-height,100%); else: unset ); backdrop-filter:blur(var(--xo98ni-background-blur, none)) saturate(var(--xo98ni-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--xo98ni-position-tablet, var(--xo98ni-position, relative)); top: var(--xo98ni-top-tablet, var(--xo98ni-top, auto)); right: var(--xo98ni-right-tablet, var(--xo98ni-right, auto)); bottom: var(--xo98ni-bottom-tablet, var(--xo98ni-bottom, auto)); left: var(--xo98ni-left-tablet, var(--xo98ni-left, auto)); transform: var(--xo98ni-transform-tablet, var(--xo98ni-transform, none)); z-index: var(--xo98ni-z-index-tablet, var(--xo98ni-z-index, 10)); aspect-ratio: var(--xo98ni-background-imageRatio-tablet, var(--xo98ni-background-imageRatio, auto)); border-width: var(--xo98ni-borderWidth-tl-tablet, var(--xo98ni-borderWidth-tl,0px)) var(--xo98ni-borderWidth-tr-tablet,var(--xo98ni-borderWidth-tr,0px)) var(--xo98ni-borderWidth-br-tablet,var(--xo98ni-borderWidth-br,0px)) var(--xo98ni-borderWidth-bl-tablet,var(--xo98ni-borderWidth-bl,0px)); border-radius: var(--xo98ni-borderRadius-tl-tablet,var(--xo98ni-borderRadius-tl,0px)) var(--xo98ni-borderRadius-tr-tablet,var(--xo98ni-borderRadius-tr,0px)) var(--xo98ni-borderRadius-br-tablet,var(--xo98ni-borderRadius-br,0px)) var(--xo98ni-borderRadius-bl-tablet,var(--xo98ni-borderRadius-bl,0px)); max-width: var(--xo98ni-max-width-tablet, var(--xo98ni-max-width, 100%)); height: if(style(--xo98ni-position-tablet: absolute): var(--xo98ni-height-tablet,var(--xo98ni-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--xo98ni-position-mobile, var(--xo98ni-position-tablet, var(--xo98ni-position, relative))); top: var(--xo98ni-top-mobile, var(--xo98ni-top-tablet, var(--xo98ni-top, auto))); right: var(--xo98ni-right-mobile, var(--xo98ni-right-tablet, var(--xo98ni-right, auto))); bottom: var(--xo98ni-bottom-mobile, var(--xo98ni-bottom-tablet, var(--xo98ni-bottom, auto))); left: var(--xo98ni-left-mobile, var(--xo98ni-left-tablet, var(--xo98ni-left, auto))); transform: var(--xo98ni-transform-mobile, var(--xo98ni-transform-tablet, var(--xo98ni-transform, none))); z-index: var(--xo98ni-z-index-mobile, var(--xo98ni-z-index-tablet, var(--xo98ni-z-index, 10))); aspect-ratio: var(--xo98ni-background-imageRatio-mobile, var(--xo98ni-background-imageRatio, auto)); border-width: var(--xo98ni-borderWidth-tl-mobile, var(--xo98ni-borderWidth-tl,0px)) var(--xo98ni-borderWidth-tr-mobile,var(--xo98ni-borderWidth-tr,0px)) var(--xo98ni-borderWidth-br-mobile,var(--xo98ni-borderWidth-br,0px)) var(--xo98ni-borderWidth-bl-mobile,var(--xo98ni-borderWidth-bl,0px)); border-radius: var(--xo98ni-borderRadius-tl-mobile,var(--xo98ni-borderRadius-tl,0px)) var(--xo98ni-borderRadius-tr-mobile,var(--xo98ni-borderRadius-tr,0px)) var(--xo98ni-borderRadius-br-mobile,var(--xo98ni-borderRadius-br,0px)) var(--xo98ni-borderRadius-bl-mobile,var(--xo98ni-borderRadius-bl,0px)); max-width: var(--xo98ni-max-width-mobile, var(--xo98ni-max-width, 100%)); height: if(style(--xo98ni-position-mobile: absolute): var(--xo98ni-height-mobile,var(--xo98ni-height-tablet,,var(--xo98ni-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xo98ni-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--xo98ni-gap,var(--beae-card-gap)); padding-top: var(--xo98ni-padding-top,var(--beae-card-padding)); padding-right: var(--xo98ni-padding-right,var(--beae-card-padding)); padding-bottom: var(--xo98ni-padding-bottom,var(--beae-card-padding)); padding-left: var(--xo98ni-padding-left,var(--beae-card-padding)); border-width: var(--xo98ni-borderWidth-tl,var(--beae-card-border-width)) var(--xo98ni-borderWidth-tr,var(--beae-card-border-width)) var(--xo98ni-borderWidth-br,var(--beae-card-border-width)) var(--xo98ni-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xo98ni-borderRadius-tl,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-tr,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-br,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--xo98ni-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--xo98ni-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--xo98ni-gap-tablet,var(--beae-card-gap)); padding-top: var(--xo98ni-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xo98ni-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xo98ni-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xo98ni-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xo98ni-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xo98ni-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xo98ni-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xo98ni-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xo98ni-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--xo98ni-gap-mobile,var(--beae-card-gap)); padding-top: var(--xo98ni-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xo98ni-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xo98ni-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xo98ni-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xo98ni-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xo98ni-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xo98ni-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xo98ni-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xo98ni-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xo98ni-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xo98ni-background-color,var(--beae-card-featured-background)); border-color: var(--xo98ni-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--xo98ni-shadowHorizontal, var(--beae-card-shadow-x)) var(--xo98ni-shadowVertical, var(--beae-card-shadow-y)) var(--xo98ni-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xo98ni-shadowColor, var(--beae-card-featured-shadow-color)) var(--xo98ni-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--xo98ni-background-color,var(--beae-card-prod-background)); border-color: var(--xo98ni-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--xo98ni-shadowHorizontal, var(--beae-card-shadow-x)) var(--xo98ni-shadowVertical, var(--beae-card-shadow-y)) var(--xo98ni-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xo98ni-shadowColor, var(--beae-card-prod-shadow-color)) var(--xo98ni-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--xo98ni-background-color,var(--beae-card-pricing-background)); border-color: var(--xo98ni-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--xo98ni-shadowHorizontal, var(--beae-card-shadow-x)) var(--xo98ni-shadowVertical, var(--beae-card-shadow-y)) var(--xo98ni-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xo98ni-shadowColor, var(--beae-card-pricing-shadow-color)) var(--xo98ni-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--xo98ni-background-color,var(--beae-card-cta-background)); border-color: var(--xo98ni-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--xo98ni-shadowHorizontal, var(--beae-card-shadow-x)) var(--xo98ni-shadowVertical, var(--beae-card-shadow-y)) var(--xo98ni-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xo98ni-shadowColor, var(--beae-card-cta-shadow-color)) var(--xo98ni-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-xo98ni"] {     display: flex;     flex-direction: var(--xo98ni-direction, column);     flex-wrap: nowrap;     justify-content: var(--xo98ni-justify-content);     align-items: var(--xo98ni-align-items);     gap: var(--xo98ni-gap, var(--xo98ni-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xo98ni"] {                            gap: var(--xo98ni-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(--xo98ni-padding-right-tablet, 0px) - var(--xo98ni-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xo98ni"] {                            gap: var(--xo98ni-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(--xo98ni-padding-right-mobile, 0px) - var(--xo98ni-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-n5u0ho"] { --n5u0ho-typography: h4; --n5u0ho-typography-tablet: h4; --n5u0ho-typography-mobile: h4; }[data-bnode="beae-n5u0ho"] { margin-top: var(--n5u0ho-margin-top, 0px); margin-right: var(--n5u0ho-margin-right, 0px); margin-bottom: var(--n5u0ho-margin-bottom, 0px); margin-left: var(--n5u0ho-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--n5u0ho-margin-top-tablet, 0px); margin-right: var(--n5u0ho-margin-right-tablet, 0px); margin-bottom: var(--n5u0ho-margin-bottom-tablet, 0px); margin-left: var(--n5u0ho-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--n5u0ho-margin-top-mobile, 0px); margin-right: var(--n5u0ho-margin-right-mobile, 0px); margin-bottom: var(--n5u0ho-margin-bottom-mobile, 0px); margin-left: var(--n5u0ho-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--n5u0ho-highlightColor,var(--beae-p-color)); top: var(--n5u0ho-highlightTop, 100%); } }[data-bnode="beae-7zbazy"] { margin-top: var(--7zbazy-margin-top, 0px); margin-right: var(--7zbazy-margin-right, 0px); margin-bottom: var(--7zbazy-margin-bottom, 0px); margin-left: var(--7zbazy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7zbazy-margin-top-tablet, 0px); margin-right: var(--7zbazy-margin-right-tablet, 0px); margin-bottom: var(--7zbazy-margin-bottom-tablet, 0px); margin-left: var(--7zbazy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7zbazy-margin-top-mobile, 0px); margin-right: var(--7zbazy-margin-right-mobile, 0px); margin-bottom: var(--7zbazy-margin-bottom-mobile, 0px); margin-left: var(--7zbazy-margin-left-mobile, 0px); } }[data-bnode="beae-ir2too"] { --ir2too-direction: column; --ir2too-direction-tablet: column; --ir2too-direction-mobile: column; --ir2too-gap: 16px; --ir2too-gap-tablet: 16px; --ir2too-gap-mobile: 16px; }[data-bnode="beae-ir2too"] { padding-top: var(--ir2too-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ir2too-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ir2too-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ir2too-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ir2too-padding-top-tablet, var(--ir2too-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ir2too-padding-right-tablet, var(--ir2too-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ir2too-padding-bottom-tablet, var(--ir2too-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ir2too-padding-left-tablet, var(--ir2too-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ir2too-padding-top-mobile, var(--ir2too-padding-top-tablet, var(--ir2too-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ir2too-padding-right-mobile, var(--ir2too-padding-right-tablet, var(--ir2too-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ir2too-padding-bottom-mobile, var(--ir2too-padding-bottom-tablet, var(--ir2too-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ir2too-padding-left-mobile, var(--ir2too-padding-left-tablet, var(--ir2too-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ir2too-position, relative); top: var(--ir2too-top, auto); right: var(--ir2too-right, auto); bottom: var(--ir2too-bottom, auto); left: var(--ir2too-left, auto); transform: var(--ir2too-transform, none); z-index: var(--ir2too-z-index, 10); aspect-ratio: var(--ir2too-background-imageRatio, auto); background: var(--ir2too-background-color,transparent); border-style: var(--ir2too-borderStyle,solid); border-color: var(--ir2too-borderColor,#000000); border-width: var(--ir2too-borderWidth-tl,0px) var(--ir2too-borderWidth-tr,0px) var(--ir2too-borderWidth-br,0px) var(--ir2too-borderWidth-bl,0px); border-radius: var(--ir2too-borderRadius-tl,0px) var(--ir2too-borderRadius-tr,0px) var(--ir2too-borderRadius-br,0px) var(--ir2too-borderRadius-bl,0px); box-shadow: var(--ir2too-shadowHorizontal, 0px) var(--ir2too-shadowVertical, 0px) var(--ir2too-shadowBlur, 0px) 1px color-mix( in srgb, var(--ir2too-shadowColor, #000000) var(--ir2too-shadowTransparent, 0%), transparent ); max-width: var(--ir2too-max-width, 100%); width: 100%; height: if(style(--ir2too-position: absolute): var(--ir2too-height,100%); else: unset ); backdrop-filter:blur(var(--ir2too-background-blur, none)) saturate(var(--ir2too-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ir2too-position-tablet, var(--ir2too-position, relative)); top: var(--ir2too-top-tablet, var(--ir2too-top, auto)); right: var(--ir2too-right-tablet, var(--ir2too-right, auto)); bottom: var(--ir2too-bottom-tablet, var(--ir2too-bottom, auto)); left: var(--ir2too-left-tablet, var(--ir2too-left, auto)); transform: var(--ir2too-transform-tablet, var(--ir2too-transform, none)); z-index: var(--ir2too-z-index-tablet, var(--ir2too-z-index, 10)); aspect-ratio: var(--ir2too-background-imageRatio-tablet, var(--ir2too-background-imageRatio, auto)); border-width: var(--ir2too-borderWidth-tl-tablet, var(--ir2too-borderWidth-tl,0px)) var(--ir2too-borderWidth-tr-tablet,var(--ir2too-borderWidth-tr,0px)) var(--ir2too-borderWidth-br-tablet,var(--ir2too-borderWidth-br,0px)) var(--ir2too-borderWidth-bl-tablet,var(--ir2too-borderWidth-bl,0px)); border-radius: var(--ir2too-borderRadius-tl-tablet,var(--ir2too-borderRadius-tl,0px)) var(--ir2too-borderRadius-tr-tablet,var(--ir2too-borderRadius-tr,0px)) var(--ir2too-borderRadius-br-tablet,var(--ir2too-borderRadius-br,0px)) var(--ir2too-borderRadius-bl-tablet,var(--ir2too-borderRadius-bl,0px)); max-width: var(--ir2too-max-width-tablet, var(--ir2too-max-width, 100%)); height: if(style(--ir2too-position-tablet: absolute): var(--ir2too-height-tablet,var(--ir2too-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ir2too-position-mobile, var(--ir2too-position-tablet, var(--ir2too-position, relative))); top: var(--ir2too-top-mobile, var(--ir2too-top-tablet, var(--ir2too-top, auto))); right: var(--ir2too-right-mobile, var(--ir2too-right-tablet, var(--ir2too-right, auto))); bottom: var(--ir2too-bottom-mobile, var(--ir2too-bottom-tablet, var(--ir2too-bottom, auto))); left: var(--ir2too-left-mobile, var(--ir2too-left-tablet, var(--ir2too-left, auto))); transform: var(--ir2too-transform-mobile, var(--ir2too-transform-tablet, var(--ir2too-transform, none))); z-index: var(--ir2too-z-index-mobile, var(--ir2too-z-index-tablet, var(--ir2too-z-index, 10))); aspect-ratio: var(--ir2too-background-imageRatio-mobile, var(--ir2too-background-imageRatio, auto)); border-width: var(--ir2too-borderWidth-tl-mobile, var(--ir2too-borderWidth-tl,0px)) var(--ir2too-borderWidth-tr-mobile,var(--ir2too-borderWidth-tr,0px)) var(--ir2too-borderWidth-br-mobile,var(--ir2too-borderWidth-br,0px)) var(--ir2too-borderWidth-bl-mobile,var(--ir2too-borderWidth-bl,0px)); border-radius: var(--ir2too-borderRadius-tl-mobile,var(--ir2too-borderRadius-tl,0px)) var(--ir2too-borderRadius-tr-mobile,var(--ir2too-borderRadius-tr,0px)) var(--ir2too-borderRadius-br-mobile,var(--ir2too-borderRadius-br,0px)) var(--ir2too-borderRadius-bl-mobile,var(--ir2too-borderRadius-bl,0px)); max-width: var(--ir2too-max-width-mobile, var(--ir2too-max-width, 100%)); height: if(style(--ir2too-position-mobile: absolute): var(--ir2too-height-mobile,var(--ir2too-height-tablet,,var(--ir2too-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ir2too-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ir2too-gap,var(--beae-card-gap)); padding-top: var(--ir2too-padding-top,var(--beae-card-padding)); padding-right: var(--ir2too-padding-right,var(--beae-card-padding)); padding-bottom: var(--ir2too-padding-bottom,var(--beae-card-padding)); padding-left: var(--ir2too-padding-left,var(--beae-card-padding)); border-width: var(--ir2too-borderWidth-tl,var(--beae-card-border-width)) var(--ir2too-borderWidth-tr,var(--beae-card-border-width)) var(--ir2too-borderWidth-br,var(--beae-card-border-width)) var(--ir2too-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ir2too-borderRadius-tl,var(--beae-card-border-radius)) var(--ir2too-borderRadius-tr,var(--beae-card-border-radius)) var(--ir2too-borderRadius-br,var(--beae-card-border-radius)) var(--ir2too-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ir2too-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ir2too-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ir2too-gap-tablet,var(--beae-card-gap)); padding-top: var(--ir2too-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ir2too-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ir2too-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ir2too-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ir2too-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ir2too-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ir2too-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ir2too-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ir2too-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ir2too-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ir2too-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ir2too-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ir2too-gap-mobile,var(--beae-card-gap)); padding-top: var(--ir2too-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ir2too-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ir2too-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ir2too-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ir2too-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ir2too-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ir2too-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ir2too-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ir2too-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ir2too-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ir2too-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ir2too-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ir2too-background-color,var(--beae-card-featured-background)); border-color: var(--ir2too-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ir2too-shadowHorizontal, var(--beae-card-shadow-x)) var(--ir2too-shadowVertical, var(--beae-card-shadow-y)) var(--ir2too-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ir2too-shadowColor, var(--beae-card-featured-shadow-color)) var(--ir2too-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ir2too-background-color,var(--beae-card-prod-background)); border-color: var(--ir2too-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ir2too-shadowHorizontal, var(--beae-card-shadow-x)) var(--ir2too-shadowVertical, var(--beae-card-shadow-y)) var(--ir2too-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ir2too-shadowColor, var(--beae-card-prod-shadow-color)) var(--ir2too-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ir2too-background-color,var(--beae-card-pricing-background)); border-color: var(--ir2too-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ir2too-shadowHorizontal, var(--beae-card-shadow-x)) var(--ir2too-shadowVertical, var(--beae-card-shadow-y)) var(--ir2too-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ir2too-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ir2too-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ir2too-background-color,var(--beae-card-cta-background)); border-color: var(--ir2too-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ir2too-shadowHorizontal, var(--beae-card-shadow-x)) var(--ir2too-shadowVertical, var(--beae-card-shadow-y)) var(--ir2too-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ir2too-shadowColor, var(--beae-card-cta-shadow-color)) var(--ir2too-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ir2too"] {     display: flex;     flex-direction: var(--ir2too-direction, column);     flex-wrap: nowrap;     justify-content: var(--ir2too-justify-content);     align-items: var(--ir2too-align-items);     gap: var(--ir2too-gap, var(--ir2too-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ir2too"] {                            gap: var(--ir2too-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(--ir2too-padding-right-tablet, 0px) - var(--ir2too-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ir2too"] {                            gap: var(--ir2too-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(--ir2too-padding-right-mobile, 0px) - var(--ir2too-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2e7lf9"] { --2e7lf9-typography: h4; --2e7lf9-typography-tablet: h4; --2e7lf9-typography-mobile: h4; }[data-bnode="beae-2e7lf9"] { margin-top: var(--2e7lf9-margin-top, 0px); margin-right: var(--2e7lf9-margin-right, 0px); margin-bottom: var(--2e7lf9-margin-bottom, 0px); margin-left: var(--2e7lf9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2e7lf9-margin-top-tablet, 0px); margin-right: var(--2e7lf9-margin-right-tablet, 0px); margin-bottom: var(--2e7lf9-margin-bottom-tablet, 0px); margin-left: var(--2e7lf9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2e7lf9-margin-top-mobile, 0px); margin-right: var(--2e7lf9-margin-right-mobile, 0px); margin-bottom: var(--2e7lf9-margin-bottom-mobile, 0px); margin-left: var(--2e7lf9-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--2e7lf9-highlightColor,var(--beae-p-color)); top: var(--2e7lf9-highlightTop, 100%); } }[data-bnode="beae-1sz5l8"] { margin-top: var(--1sz5l8-margin-top, 0px); margin-right: var(--1sz5l8-margin-right, 0px); margin-bottom: var(--1sz5l8-margin-bottom, 0px); margin-left: var(--1sz5l8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1sz5l8-margin-top-tablet, 0px); margin-right: var(--1sz5l8-margin-right-tablet, 0px); margin-bottom: var(--1sz5l8-margin-bottom-tablet, 0px); margin-left: var(--1sz5l8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1sz5l8-margin-top-mobile, 0px); margin-right: var(--1sz5l8-margin-right-mobile, 0px); margin-bottom: var(--1sz5l8-margin-bottom-mobile, 0px); margin-left: var(--1sz5l8-margin-left-mobile, 0px); } }[data-bnode="beae-1evzbv"] { --1evzbv-direction: column; --1evzbv-direction-tablet: column; --1evzbv-direction-mobile: column; --1evzbv-gap: 16px; --1evzbv-gap-tablet: 16px; --1evzbv-gap-mobile: 16px; }[data-bnode="beae-1evzbv"] { padding-top: var(--1evzbv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--1evzbv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--1evzbv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--1evzbv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--1evzbv-padding-top-tablet, var(--1evzbv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--1evzbv-padding-right-tablet, var(--1evzbv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--1evzbv-padding-bottom-tablet, var(--1evzbv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--1evzbv-padding-left-tablet, var(--1evzbv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--1evzbv-padding-top-mobile, var(--1evzbv-padding-top-tablet, var(--1evzbv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--1evzbv-padding-right-mobile, var(--1evzbv-padding-right-tablet, var(--1evzbv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--1evzbv-padding-bottom-mobile, var(--1evzbv-padding-bottom-tablet, var(--1evzbv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--1evzbv-padding-left-mobile, var(--1evzbv-padding-left-tablet, var(--1evzbv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--1evzbv-position, relative); top: var(--1evzbv-top, auto); right: var(--1evzbv-right, auto); bottom: var(--1evzbv-bottom, auto); left: var(--1evzbv-left, auto); transform: var(--1evzbv-transform, none); z-index: var(--1evzbv-z-index, 10); aspect-ratio: var(--1evzbv-background-imageRatio, auto); background: var(--1evzbv-background-color,transparent); border-style: var(--1evzbv-borderStyle,solid); border-color: var(--1evzbv-borderColor,#000000); border-width: var(--1evzbv-borderWidth-tl,0px) var(--1evzbv-borderWidth-tr,0px) var(--1evzbv-borderWidth-br,0px) var(--1evzbv-borderWidth-bl,0px); border-radius: var(--1evzbv-borderRadius-tl,0px) var(--1evzbv-borderRadius-tr,0px) var(--1evzbv-borderRadius-br,0px) var(--1evzbv-borderRadius-bl,0px); box-shadow: var(--1evzbv-shadowHorizontal, 0px) var(--1evzbv-shadowVertical, 0px) var(--1evzbv-shadowBlur, 0px) 1px color-mix( in srgb, var(--1evzbv-shadowColor, #000000) var(--1evzbv-shadowTransparent, 0%), transparent ); max-width: var(--1evzbv-max-width, 100%); width: 100%; height: if(style(--1evzbv-position: absolute): var(--1evzbv-height,100%); else: unset ); backdrop-filter:blur(var(--1evzbv-background-blur, none)) saturate(var(--1evzbv-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--1evzbv-position-tablet, var(--1evzbv-position, relative)); top: var(--1evzbv-top-tablet, var(--1evzbv-top, auto)); right: var(--1evzbv-right-tablet, var(--1evzbv-right, auto)); bottom: var(--1evzbv-bottom-tablet, var(--1evzbv-bottom, auto)); left: var(--1evzbv-left-tablet, var(--1evzbv-left, auto)); transform: var(--1evzbv-transform-tablet, var(--1evzbv-transform, none)); z-index: var(--1evzbv-z-index-tablet, var(--1evzbv-z-index, 10)); aspect-ratio: var(--1evzbv-background-imageRatio-tablet, var(--1evzbv-background-imageRatio, auto)); border-width: var(--1evzbv-borderWidth-tl-tablet, var(--1evzbv-borderWidth-tl,0px)) var(--1evzbv-borderWidth-tr-tablet,var(--1evzbv-borderWidth-tr,0px)) var(--1evzbv-borderWidth-br-tablet,var(--1evzbv-borderWidth-br,0px)) var(--1evzbv-borderWidth-bl-tablet,var(--1evzbv-borderWidth-bl,0px)); border-radius: var(--1evzbv-borderRadius-tl-tablet,var(--1evzbv-borderRadius-tl,0px)) var(--1evzbv-borderRadius-tr-tablet,var(--1evzbv-borderRadius-tr,0px)) var(--1evzbv-borderRadius-br-tablet,var(--1evzbv-borderRadius-br,0px)) var(--1evzbv-borderRadius-bl-tablet,var(--1evzbv-borderRadius-bl,0px)); max-width: var(--1evzbv-max-width-tablet, var(--1evzbv-max-width, 100%)); height: if(style(--1evzbv-position-tablet: absolute): var(--1evzbv-height-tablet,var(--1evzbv-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--1evzbv-position-mobile, var(--1evzbv-position-tablet, var(--1evzbv-position, relative))); top: var(--1evzbv-top-mobile, var(--1evzbv-top-tablet, var(--1evzbv-top, auto))); right: var(--1evzbv-right-mobile, var(--1evzbv-right-tablet, var(--1evzbv-right, auto))); bottom: var(--1evzbv-bottom-mobile, var(--1evzbv-bottom-tablet, var(--1evzbv-bottom, auto))); left: var(--1evzbv-left-mobile, var(--1evzbv-left-tablet, var(--1evzbv-left, auto))); transform: var(--1evzbv-transform-mobile, var(--1evzbv-transform-tablet, var(--1evzbv-transform, none))); z-index: var(--1evzbv-z-index-mobile, var(--1evzbv-z-index-tablet, var(--1evzbv-z-index, 10))); aspect-ratio: var(--1evzbv-background-imageRatio-mobile, var(--1evzbv-background-imageRatio, auto)); border-width: var(--1evzbv-borderWidth-tl-mobile, var(--1evzbv-borderWidth-tl,0px)) var(--1evzbv-borderWidth-tr-mobile,var(--1evzbv-borderWidth-tr,0px)) var(--1evzbv-borderWidth-br-mobile,var(--1evzbv-borderWidth-br,0px)) var(--1evzbv-borderWidth-bl-mobile,var(--1evzbv-borderWidth-bl,0px)); border-radius: var(--1evzbv-borderRadius-tl-mobile,var(--1evzbv-borderRadius-tl,0px)) var(--1evzbv-borderRadius-tr-mobile,var(--1evzbv-borderRadius-tr,0px)) var(--1evzbv-borderRadius-br-mobile,var(--1evzbv-borderRadius-br,0px)) var(--1evzbv-borderRadius-bl-mobile,var(--1evzbv-borderRadius-bl,0px)); max-width: var(--1evzbv-max-width-mobile, var(--1evzbv-max-width, 100%)); height: if(style(--1evzbv-position-mobile: absolute): var(--1evzbv-height-mobile,var(--1evzbv-height-tablet,,var(--1evzbv-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--1evzbv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--1evzbv-gap,var(--beae-card-gap)); padding-top: var(--1evzbv-padding-top,var(--beae-card-padding)); padding-right: var(--1evzbv-padding-right,var(--beae-card-padding)); padding-bottom: var(--1evzbv-padding-bottom,var(--beae-card-padding)); padding-left: var(--1evzbv-padding-left,var(--beae-card-padding)); border-width: var(--1evzbv-borderWidth-tl,var(--beae-card-border-width)) var(--1evzbv-borderWidth-tr,var(--beae-card-border-width)) var(--1evzbv-borderWidth-br,var(--beae-card-border-width)) var(--1evzbv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--1evzbv-borderRadius-tl,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-tr,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-br,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--1evzbv-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--1evzbv-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--1evzbv-gap-tablet,var(--beae-card-gap)); padding-top: var(--1evzbv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--1evzbv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--1evzbv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--1evzbv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--1evzbv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--1evzbv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--1evzbv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--1evzbv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--1evzbv-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--1evzbv-gap-mobile,var(--beae-card-gap)); padding-top: var(--1evzbv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--1evzbv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--1evzbv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--1evzbv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--1evzbv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--1evzbv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--1evzbv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--1evzbv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--1evzbv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--1evzbv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--1evzbv-background-color,var(--beae-card-featured-background)); border-color: var(--1evzbv-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--1evzbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--1evzbv-shadowVertical, var(--beae-card-shadow-y)) var(--1evzbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1evzbv-shadowColor, var(--beae-card-featured-shadow-color)) var(--1evzbv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--1evzbv-background-color,var(--beae-card-prod-background)); border-color: var(--1evzbv-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--1evzbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--1evzbv-shadowVertical, var(--beae-card-shadow-y)) var(--1evzbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1evzbv-shadowColor, var(--beae-card-prod-shadow-color)) var(--1evzbv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--1evzbv-background-color,var(--beae-card-pricing-background)); border-color: var(--1evzbv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--1evzbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--1evzbv-shadowVertical, var(--beae-card-shadow-y)) var(--1evzbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1evzbv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--1evzbv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--1evzbv-background-color,var(--beae-card-cta-background)); border-color: var(--1evzbv-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--1evzbv-shadowHorizontal, var(--beae-card-shadow-x)) var(--1evzbv-shadowVertical, var(--beae-card-shadow-y)) var(--1evzbv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1evzbv-shadowColor, var(--beae-card-cta-shadow-color)) var(--1evzbv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-1evzbv"] {     display: flex;     flex-direction: var(--1evzbv-direction, column);     flex-wrap: nowrap;     justify-content: var(--1evzbv-justify-content);     align-items: var(--1evzbv-align-items);     gap: var(--1evzbv-gap, var(--1evzbv-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-1evzbv"] {                            gap: var(--1evzbv-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(--1evzbv-padding-right-tablet, 0px) - var(--1evzbv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-1evzbv"] {                            gap: var(--1evzbv-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(--1evzbv-padding-right-mobile, 0px) - var(--1evzbv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5tfc2d"] { --5tfc2d-typography: h4; --5tfc2d-typography-tablet: h4; --5tfc2d-typography-mobile: h4; }[data-bnode="beae-5tfc2d"] { margin-top: var(--5tfc2d-margin-top, 0px); margin-right: var(--5tfc2d-margin-right, 0px); margin-bottom: var(--5tfc2d-margin-bottom, 0px); margin-left: var(--5tfc2d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5tfc2d-margin-top-tablet, 0px); margin-right: var(--5tfc2d-margin-right-tablet, 0px); margin-bottom: var(--5tfc2d-margin-bottom-tablet, 0px); margin-left: var(--5tfc2d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5tfc2d-margin-top-mobile, 0px); margin-right: var(--5tfc2d-margin-right-mobile, 0px); margin-bottom: var(--5tfc2d-margin-bottom-mobile, 0px); margin-left: var(--5tfc2d-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--5tfc2d-highlightColor,var(--beae-p-color)); top: var(--5tfc2d-highlightTop, 100%); } }[data-bnode="beae-gdj53z"] { margin-top: var(--gdj53z-margin-top, 0px); margin-right: var(--gdj53z-margin-right, 0px); margin-bottom: var(--gdj53z-margin-bottom, 0px); margin-left: var(--gdj53z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gdj53z-margin-top-tablet, 0px); margin-right: var(--gdj53z-margin-right-tablet, 0px); margin-bottom: var(--gdj53z-margin-bottom-tablet, 0px); margin-left: var(--gdj53z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gdj53z-margin-top-mobile, 0px); margin-right: var(--gdj53z-margin-right-mobile, 0px); margin-bottom: var(--gdj53z-margin-bottom-mobile, 0px); margin-left: var(--gdj53z-margin-left-mobile, 0px); } }[data-bnode="beae-9wt2py"] { --9wt2py-width: var(--beae-section-width); --9wt2py-width-tablet: var(--beae-section-width); --9wt2py-width-mobile: var(--beae-section-width); --9wt2py-height: fit-content; --9wt2py-height-tablet: fit-content; --9wt2py-height-mobile: fit-content; --9wt2py-direction: row; --9wt2py-direction-tablet: row; --9wt2py-direction-mobile: row; --9wt2py-structure: columns; --9wt2py-structure-tablet: columns; --9wt2py-structure-mobile: columns; --9wt2py-padding-top: 56px; --9wt2py-padding-top-tablet: 56px; --9wt2py-padding-top-mobile: 56px; --9wt2py-padding-right: 40px; --9wt2py-padding-right-tablet: 40px; --9wt2py-padding-right-mobile: 40px; --9wt2py-padding-bottom: 56px; --9wt2py-padding-bottom-tablet: 56px; --9wt2py-padding-bottom-mobile: 56px; --9wt2py-padding-left: 40px; --9wt2py-padding-left-tablet: 40px; --9wt2py-padding-left-mobile: 40px; }[data-bnode="beae-9wt2py"] { padding-top: var(--9wt2py-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--9wt2py-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--9wt2py-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--9wt2py-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9wt2py-padding-top-tablet, var(--9wt2py-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--9wt2py-padding-right-tablet, var(--9wt2py-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--9wt2py-padding-bottom-tablet, var(--9wt2py-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--9wt2py-padding-left-tablet, var(--9wt2py-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9wt2py-padding-top-mobile, var(--9wt2py-padding-top-tablet, var(--9wt2py-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--9wt2py-padding-right-mobile, var(--9wt2py-padding-right-tablet, var(--9wt2py-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--9wt2py-padding-bottom-mobile, var(--9wt2py-padding-bottom-tablet, var(--9wt2py-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--9wt2py-padding-left-mobile, var(--9wt2py-padding-left-tablet, var(--9wt2py-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--9wt2py-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--9wt2py-height); width: 100%; max-width: var(--9wt2py-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(--9wt2py-height-tablet, auto); width: 100%; max-width: var(--9wt2py-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--9wt2py-height-mobile, auto); width: 100%; max-width: var(--9wt2py-width-mobile, 100%); } } } }