/** 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-fs2cnh"] { --fs2cnh-width: 1600px; --fs2cnh-width-tablet: 1600px; --fs2cnh-width-mobile: 1600px; --fs2cnh-height: 800px; --fs2cnh-height-tablet: 800px; --fs2cnh-height-mobile: 720px; --fs2cnh-padding-top: 0px; --fs2cnh-padding-top-tablet: 0px; --fs2cnh-padding-top-mobile: 0px; --fs2cnh-padding-bottom: 0px; --fs2cnh-padding-bottom-tablet: 0px; --fs2cnh-padding-bottom-mobile: 0px; --fs2cnh-padding-right: 32px; --fs2cnh-padding-right-tablet: 30px; --fs2cnh-padding-right-mobile: 16px; --fs2cnh-padding-left: 32px; --fs2cnh-padding-left-tablet: 30px; --fs2cnh-padding-left-mobile: 16px; --fs2cnh-background-type: image; --fs2cnh-background-type-tablet: image; --fs2cnh-background-type-mobile: image; --fs2cnh-background-image: [object Object]; --fs2cnh-background-image-tablet: [object Object]; --fs2cnh-background-image-mobile: [object Object]; --fs2cnh-background-color: #ffffff; --fs2cnh-background-color-tablet: #ffffff; --fs2cnh-background-color-mobile: #ffffff; --fs2cnh-direction: column; --fs2cnh-direction-tablet: column; --fs2cnh-direction-mobile: column; --fs2cnh-align-items: flex-start; --fs2cnh-align-items-tablet: flex-start; --fs2cnh-align-items-mobile: flex-start; --fs2cnh-justify-content: flex-end; --fs2cnh-justify-content-tablet: flex-end; --fs2cnh-justify-content-mobile: flex-end; }[data-bnode="beae-fs2cnh"] { padding-top: var(--fs2cnh-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--fs2cnh-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--fs2cnh-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--fs2cnh-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--fs2cnh-padding-top-tablet, var(--fs2cnh-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--fs2cnh-padding-right-tablet, var(--fs2cnh-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--fs2cnh-padding-bottom-tablet, var(--fs2cnh-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--fs2cnh-padding-left-tablet, var(--fs2cnh-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--fs2cnh-padding-top-mobile, var(--fs2cnh-padding-top-tablet, var(--fs2cnh-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--fs2cnh-padding-right-mobile, var(--fs2cnh-padding-right-tablet, var(--fs2cnh-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--fs2cnh-padding-bottom-mobile, var(--fs2cnh-padding-bottom-tablet, var(--fs2cnh-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--fs2cnh-padding-left-mobile, var(--fs2cnh-padding-left-tablet, var(--fs2cnh-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--fs2cnh-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--fs2cnh-height); width: 100%; max-width: var(--fs2cnh-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(--fs2cnh-height-tablet, auto); width: 100%; max-width: var(--fs2cnh-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--fs2cnh-height-mobile, auto); width: 100%; max-width: var(--fs2cnh-width-mobile, 100%); } } } }[data-bnode="beae-fs2cnh"] > .beae-section-container{     display: flex;     flex-direction: var(--fs2cnh-direction, column);     flex-wrap: nowrap;     justify-content: var(--fs2cnh-justify-content);     align-items: var(--fs2cnh-align-items);     gap: var(--fs2cnh-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-fs2cnh"] > .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(--fs2cnh-padding-right-tablet, 0px) - var(--fs2cnh-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-fs2cnh"] > .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(--fs2cnh-padding-right-mobile, 0px) - var(--fs2cnh-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-tk7uri"] { --tk7uri-direction: column; --tk7uri-direction-tablet: column; --tk7uri-direction-mobile: column; --tk7uri-structure: columns; --tk7uri-structure-tablet: columns; --tk7uri-structure-mobile: columns; --tk7uri-align-items: flex-start; --tk7uri-align-items-tablet: flex-start; --tk7uri-align-items-mobile: center; --tk7uri-justify-content: flex-end; --tk7uri-justify-content-tablet: flex-end; --tk7uri-justify-content-mobile: flex-end; --tk7uri-max-width: 672px; --tk7uri-gap: 16px; --tk7uri-gap-tablet: 16px; --tk7uri-gap-mobile: 12px; --tk7uri-padding-top: 80px; --tk7uri-padding-top-tablet: 80px; --tk7uri-padding-top-mobile: 48px; --tk7uri-padding-right: 0px; --tk7uri-padding-right-tablet: 0px; --tk7uri-padding-right-mobile: 0px; --tk7uri-padding-bottom: 80px; --tk7uri-padding-bottom-tablet: 80px; --tk7uri-padding-bottom-mobile: 48px; --tk7uri-padding-left: 0px; --tk7uri-padding-left-tablet: 0px; --tk7uri-padding-left-mobile: 0px; }[data-bnode="beae-tk7uri"] { padding-top: var(--tk7uri-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--tk7uri-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--tk7uri-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--tk7uri-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--tk7uri-padding-top-tablet, var(--tk7uri-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--tk7uri-padding-right-tablet, var(--tk7uri-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--tk7uri-padding-bottom-tablet, var(--tk7uri-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--tk7uri-padding-left-tablet, var(--tk7uri-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--tk7uri-padding-top-mobile, var(--tk7uri-padding-top-tablet, var(--tk7uri-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--tk7uri-padding-right-mobile, var(--tk7uri-padding-right-tablet, var(--tk7uri-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--tk7uri-padding-bottom-mobile, var(--tk7uri-padding-bottom-tablet, var(--tk7uri-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--tk7uri-padding-left-mobile, var(--tk7uri-padding-left-tablet, var(--tk7uri-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--tk7uri-position, relative); top: var(--tk7uri-top, auto); right: var(--tk7uri-right, auto); bottom: var(--tk7uri-bottom, auto); left: var(--tk7uri-left, auto); transform: var(--tk7uri-transform, none); z-index: var(--tk7uri-z-index, 10); aspect-ratio: var(--tk7uri-background-imageRatio, auto); background: var(--tk7uri-background-color,transparent); border-style: var(--tk7uri-borderStyle,solid); border-color: var(--tk7uri-borderColor,#000000); border-width: var(--tk7uri-borderWidth-tl,0px) var(--tk7uri-borderWidth-tr,0px) var(--tk7uri-borderWidth-br,0px) var(--tk7uri-borderWidth-bl,0px); border-radius: var(--tk7uri-borderRadius-tl,0px) var(--tk7uri-borderRadius-tr,0px) var(--tk7uri-borderRadius-br,0px) var(--tk7uri-borderRadius-bl,0px); box-shadow: var(--tk7uri-shadowHorizontal, 0px) var(--tk7uri-shadowVertical, 0px) var(--tk7uri-shadowBlur, 0px) 1px color-mix( in srgb, var(--tk7uri-shadowColor, #000000) var(--tk7uri-shadowTransparent, 0%), transparent ); max-width: var(--tk7uri-max-width, 100%); width: 100%; height: if(style(--tk7uri-position: absolute): var(--tk7uri-height,100%); else: unset ); backdrop-filter:blur(var(--tk7uri-background-blur, none)) saturate(var(--tk7uri-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--tk7uri-position-tablet, var(--tk7uri-position, relative)); top: var(--tk7uri-top-tablet, var(--tk7uri-top, auto)); right: var(--tk7uri-right-tablet, var(--tk7uri-right, auto)); bottom: var(--tk7uri-bottom-tablet, var(--tk7uri-bottom, auto)); left: var(--tk7uri-left-tablet, var(--tk7uri-left, auto)); transform: var(--tk7uri-transform-tablet, var(--tk7uri-transform, none)); z-index: var(--tk7uri-z-index-tablet, var(--tk7uri-z-index, 10)); aspect-ratio: var(--tk7uri-background-imageRatio-tablet, var(--tk7uri-background-imageRatio, auto)); border-width: var(--tk7uri-borderWidth-tl-tablet, var(--tk7uri-borderWidth-tl,0px)) var(--tk7uri-borderWidth-tr-tablet,var(--tk7uri-borderWidth-tr,0px)) var(--tk7uri-borderWidth-br-tablet,var(--tk7uri-borderWidth-br,0px)) var(--tk7uri-borderWidth-bl-tablet,var(--tk7uri-borderWidth-bl,0px)); border-radius: var(--tk7uri-borderRadius-tl-tablet,var(--tk7uri-borderRadius-tl,0px)) var(--tk7uri-borderRadius-tr-tablet,var(--tk7uri-borderRadius-tr,0px)) var(--tk7uri-borderRadius-br-tablet,var(--tk7uri-borderRadius-br,0px)) var(--tk7uri-borderRadius-bl-tablet,var(--tk7uri-borderRadius-bl,0px)); max-width: var(--tk7uri-max-width-tablet, var(--tk7uri-max-width, 100%)); height: if(style(--tk7uri-position-tablet: absolute): var(--tk7uri-height-tablet,var(--tk7uri-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--tk7uri-position-mobile, var(--tk7uri-position-tablet, var(--tk7uri-position, relative))); top: var(--tk7uri-top-mobile, var(--tk7uri-top-tablet, var(--tk7uri-top, auto))); right: var(--tk7uri-right-mobile, var(--tk7uri-right-tablet, var(--tk7uri-right, auto))); bottom: var(--tk7uri-bottom-mobile, var(--tk7uri-bottom-tablet, var(--tk7uri-bottom, auto))); left: var(--tk7uri-left-mobile, var(--tk7uri-left-tablet, var(--tk7uri-left, auto))); transform: var(--tk7uri-transform-mobile, var(--tk7uri-transform-tablet, var(--tk7uri-transform, none))); z-index: var(--tk7uri-z-index-mobile, var(--tk7uri-z-index-tablet, var(--tk7uri-z-index, 10))); aspect-ratio: var(--tk7uri-background-imageRatio-mobile, var(--tk7uri-background-imageRatio, auto)); border-width: var(--tk7uri-borderWidth-tl-mobile, var(--tk7uri-borderWidth-tl,0px)) var(--tk7uri-borderWidth-tr-mobile,var(--tk7uri-borderWidth-tr,0px)) var(--tk7uri-borderWidth-br-mobile,var(--tk7uri-borderWidth-br,0px)) var(--tk7uri-borderWidth-bl-mobile,var(--tk7uri-borderWidth-bl,0px)); border-radius: var(--tk7uri-borderRadius-tl-mobile,var(--tk7uri-borderRadius-tl,0px)) var(--tk7uri-borderRadius-tr-mobile,var(--tk7uri-borderRadius-tr,0px)) var(--tk7uri-borderRadius-br-mobile,var(--tk7uri-borderRadius-br,0px)) var(--tk7uri-borderRadius-bl-mobile,var(--tk7uri-borderRadius-bl,0px)); max-width: var(--tk7uri-max-width-mobile, var(--tk7uri-max-width, 100%)); height: if(style(--tk7uri-position-mobile: absolute): var(--tk7uri-height-mobile,var(--tk7uri-height-tablet,,var(--tk7uri-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--tk7uri-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--tk7uri-gap,var(--beae-card-gap)); padding-top: var(--tk7uri-padding-top,var(--beae-card-padding)); padding-right: var(--tk7uri-padding-right,var(--beae-card-padding)); padding-bottom: var(--tk7uri-padding-bottom,var(--beae-card-padding)); padding-left: var(--tk7uri-padding-left,var(--beae-card-padding)); border-width: var(--tk7uri-borderWidth-tl,var(--beae-card-border-width)) var(--tk7uri-borderWidth-tr,var(--beae-card-border-width)) var(--tk7uri-borderWidth-br,var(--beae-card-border-width)) var(--tk7uri-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--tk7uri-borderRadius-tl,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-tr,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-br,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--tk7uri-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--tk7uri-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--tk7uri-gap-tablet,var(--beae-card-gap)); padding-top: var(--tk7uri-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--tk7uri-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--tk7uri-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--tk7uri-padding-left-tablet,var(--beae-card-padding)); border-width: var(--tk7uri-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--tk7uri-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--tk7uri-borderWidth-br-desktop,var(--beae-card-border-width)) var(--tk7uri-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--tk7uri-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--tk7uri-gap-mobile,var(--beae-card-gap)); padding-top: var(--tk7uri-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--tk7uri-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--tk7uri-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--tk7uri-padding-left-mobile,var(--beae-card-padding)); border-width: var(--tk7uri-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--tk7uri-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--tk7uri-borderWidth-br-mobile,var(--beae-card-border-width)) var(--tk7uri-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--tk7uri-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--tk7uri-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--tk7uri-background-color,var(--beae-card-featured-background)); border-color: var(--tk7uri-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--tk7uri-shadowHorizontal, var(--beae-card-shadow-x)) var(--tk7uri-shadowVertical, var(--beae-card-shadow-y)) var(--tk7uri-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tk7uri-shadowColor, var(--beae-card-featured-shadow-color)) var(--tk7uri-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--tk7uri-background-color,var(--beae-card-prod-background)); border-color: var(--tk7uri-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--tk7uri-shadowHorizontal, var(--beae-card-shadow-x)) var(--tk7uri-shadowVertical, var(--beae-card-shadow-y)) var(--tk7uri-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tk7uri-shadowColor, var(--beae-card-prod-shadow-color)) var(--tk7uri-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--tk7uri-background-color,var(--beae-card-pricing-background)); border-color: var(--tk7uri-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--tk7uri-shadowHorizontal, var(--beae-card-shadow-x)) var(--tk7uri-shadowVertical, var(--beae-card-shadow-y)) var(--tk7uri-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tk7uri-shadowColor, var(--beae-card-pricing-shadow-color)) var(--tk7uri-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--tk7uri-background-color,var(--beae-card-cta-background)); border-color: var(--tk7uri-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--tk7uri-shadowHorizontal, var(--beae-card-shadow-x)) var(--tk7uri-shadowVertical, var(--beae-card-shadow-y)) var(--tk7uri-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tk7uri-shadowColor, var(--beae-card-cta-shadow-color)) var(--tk7uri-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-tk7uri"] {     display: flex;     flex-direction: var(--tk7uri-direction, column);     flex-wrap: nowrap;     justify-content: var(--tk7uri-justify-content);     align-items: var(--tk7uri-align-items);     gap: var(--tk7uri-gap, var(--tk7uri-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-tk7uri"] {                            gap: var(--tk7uri-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(--tk7uri-padding-right-tablet, 0px) - var(--tk7uri-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-tk7uri"] {                      align-items: var(--tk7uri-align-items-mobile, inherit);      gap: var(--tk7uri-gap-mobile, var(--tk7uri-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(--tk7uri-padding-right-mobile, 0px) - var(--tk7uri-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-p7zmw5"] { --p7zmw5-typography: h1; --p7zmw5-typography-tablet: h1; --p7zmw5-typography-mobile: h1; --beae-h1-text-align: start; --beae-h1-color: #ff00a3; --beae-h1-font-weight: 600; --beae-h1-font-size: 58px; }[data-bnode="beae-p7zmw5"] { margin-top: var(--p7zmw5-margin-top, 0px); margin-right: var(--p7zmw5-margin-right, 0px); margin-bottom: var(--p7zmw5-margin-bottom, 0px); margin-left: var(--p7zmw5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--p7zmw5-margin-top-tablet, 0px); margin-right: var(--p7zmw5-margin-right-tablet, 0px); margin-bottom: var(--p7zmw5-margin-bottom-tablet, 0px); margin-left: var(--p7zmw5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--p7zmw5-margin-top-mobile, 0px); margin-right: var(--p7zmw5-margin-right-mobile, 0px); margin-bottom: var(--p7zmw5-margin-bottom-mobile, 0px); margin-left: var(--p7zmw5-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--p7zmw5-highlightColor,var(--beae-p-color)); top: var(--p7zmw5-highlightTop, 100%); } }[data-bnode="beae-sc771r"] { --sc771r-typography: p; --sc771r-typography-tablet: p; --sc771r-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-size: 23px; --beae-p-color: #0a0a0a; }[data-bnode="beae-sc771r"] { margin-top: var(--sc771r-margin-top, 0px); margin-right: var(--sc771r-margin-right, 0px); margin-bottom: var(--sc771r-margin-bottom, 0px); margin-left: var(--sc771r-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--sc771r-margin-top-tablet, 0px); margin-right: var(--sc771r-margin-right-tablet, 0px); margin-bottom: var(--sc771r-margin-bottom-tablet, 0px); margin-left: var(--sc771r-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--sc771r-margin-top-mobile, 0px); margin-right: var(--sc771r-margin-right-mobile, 0px); margin-bottom: var(--sc771r-margin-bottom-mobile, 0px); margin-left: var(--sc771r-margin-left-mobile, 0px); } }[data-bnode="beae-zz4eed"] { --zz4eed-width: fill; --zz4eed-width-tablet: fill; --zz4eed-width-mobile: fill; --zz4eed-button: se; --zz4eed-button-tablet: se; --zz4eed-button-mobile: se; --beae-btn-se-label-color: #ffffff; --beae-btn-se-background-color: #ff00a3; --beae-btn-font-size: 18px; --beae-btn-border-radius: 20px; }[data-bnode="beae-zz4eed"] { margin-top: var(--zz4eed-margin-top, 0px); margin-right: var(--zz4eed-margin-right, 0px); margin-bottom: var(--zz4eed-margin-bottom, 0px); margin-left: var(--zz4eed-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zz4eed-margin-top-tablet, 0px); margin-right: var(--zz4eed-margin-right-tablet, 0px); margin-bottom: var(--zz4eed-margin-bottom-tablet, 0px); margin-left: var(--zz4eed-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zz4eed-margin-top-mobile, 0px); margin-right: var(--zz4eed-margin-right-mobile, 0px); margin-bottom: var(--zz4eed-margin-bottom-mobile, 0px); margin-left: var(--zz4eed-margin-left-mobile, 0px); } &{ gap:var(--zz4eed-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--zz4eed-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--zz4eed-bgBtnHover)) * 1%)); style(--zz4eed-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--zz4eed-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--zz4eed-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--zz4eed-labelBtnHover)) * 1%)); style(--zz4eed-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--zz4eed-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--zz4eed-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--zz4eed-borderBtnHover)) * 1%)); style(--zz4eed-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--zz4eed-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--zz4eed-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--zz4eed-bgBtnHover)) * 1%)); style(--zz4eed-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--zz4eed-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--zz4eed-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--zz4eed-labelBtnHover)) * 1%)); style(--zz4eed-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--zz4eed-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--zz4eed-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--zz4eed-borderBtnHover)) * 1%)); style(--zz4eed-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--zz4eed-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--zz4eed-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--zz4eed-labelBtnHover)) * 1%)); style(--zz4eed-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--zz4eed-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--zz4eed-iconWidth); } svg { width: var(--zz4eed-iconWidth,20px); min-width: var(--zz4eed-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--zz4eed-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--zz4eed-iconWidth-tablet, var(--zz4eed-iconWidth)); } svg { width: var(--zz4eed-iconWidth-tablet, var(--zz4eed-iconWidth)); min-width: var(--zz4eed-iconWidth-tablet, var(--zz4eed-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--zz4eed-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--zz4eed-iconWidth-mobile, var(--zz4eed-iconWidth)); } svg { width: var(--zz4eed-iconWidth-mobile, var(--zz4eed-iconWidth)); min-width: var(--zz4eed-iconWidth-mobile, var(--zz4eed-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-5pjggc"] { --5pjggc-width: 1600px; --5pjggc-width-tablet: 1600px; --5pjggc-width-mobile: 1600px; --5pjggc-height: fit-content; --5pjggc-height-tablet: fit-content; --5pjggc-height-mobile: fit-content; --5pjggc-padding-top: 112px; --5pjggc-padding-top-tablet: 80px; --5pjggc-padding-top-mobile: 56px; --5pjggc-padding-bottom: 112px; --5pjggc-padding-bottom-tablet: 80px; --5pjggc-padding-bottom-mobile: 56px; --5pjggc-padding-right: 32px; --5pjggc-padding-right-tablet: 30px; --5pjggc-padding-right-mobile: 16px; --5pjggc-padding-left: 32px; --5pjggc-padding-left-tablet: 30px; --5pjggc-padding-left-mobile: 16px; --5pjggc-direction: row; --5pjggc-direction-tablet: row; --5pjggc-direction-mobile: column; --5pjggc-structure: columns; --5pjggc-structure-tablet: auto; --5pjggc-structure-mobile: auto; --5pjggc-columns: 50.00,50.00; --5pjggc-columns-tablet: 50.00,50.00; --5pjggc-columns-mobile: 50.00,50.00; --5pjggc-columnsPresetId: 50.00,50.00; --5pjggc-columnsPresetId-tablet: 50.00,50.00; --5pjggc-columnsPresetId-mobile: 50.00,50.00; --5pjggc-gap: 80px; --5pjggc-gap-tablet: 32px; --5pjggc-gap-mobile: 32px; --5pjggc-align-items: stretch; --5pjggc-align-items-tablet: stretch; --5pjggc-align-items-mobile: stretch; }[data-bnode="beae-5pjggc"] { padding-top: var(--5pjggc-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--5pjggc-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--5pjggc-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--5pjggc-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5pjggc-padding-top-tablet, var(--5pjggc-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--5pjggc-padding-right-tablet, var(--5pjggc-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--5pjggc-padding-bottom-tablet, var(--5pjggc-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--5pjggc-padding-left-tablet, var(--5pjggc-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5pjggc-padding-top-mobile, var(--5pjggc-padding-top-tablet, var(--5pjggc-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--5pjggc-padding-right-mobile, var(--5pjggc-padding-right-tablet, var(--5pjggc-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--5pjggc-padding-bottom-mobile, var(--5pjggc-padding-bottom-tablet, var(--5pjggc-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--5pjggc-padding-left-mobile, var(--5pjggc-padding-left-tablet, var(--5pjggc-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--5pjggc-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--5pjggc-height); width: 100%; max-width: var(--5pjggc-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(--5pjggc-height-tablet, auto); width: 100%; max-width: var(--5pjggc-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--5pjggc-height-mobile, auto); width: 100%; max-width: var(--5pjggc-width-mobile, 100%); } } } }[data-bnode="beae-5pjggc"] > .beae-section-container{     display: flex;     flex-direction: var(--5pjggc-direction, column);     flex-wrap: nowrap;     justify-content: var(--5pjggc-justify-content);     align-items: var(--5pjggc-align-items);     gap: var(--5pjggc-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--5pjggc-padding-right, 0px) - var(--5pjggc-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--5pjggc-padding-right, 0px) - var(--5pjggc-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--5pjggc-padding-right, 0px) - var(--5pjggc-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5pjggc"] > .beae-section-container{      flex-direction: var(--5pjggc-direction-tablet, column);                 align-items: var(--5pjggc-align-items-tablet, inherit);      gap: var(--5pjggc-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-5pjggc"] > .beae-section-container{      flex-direction: var(--5pjggc-direction-mobile, column);                      gap: var(--5pjggc-gap-mobile, var(--beae-grid-gap-mobile, 4px));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-31lfm0"] { --31lfm0-direction: row; --31lfm0-direction-tablet: row; --31lfm0-direction-mobile: row; --31lfm0-structure: columns; --31lfm0-structure-tablet: columns; --31lfm0-structure-mobile: columns; }[data-bnode="beae-31lfm0"] { padding-top: var(--31lfm0-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--31lfm0-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--31lfm0-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--31lfm0-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--31lfm0-padding-top-tablet, var(--31lfm0-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--31lfm0-padding-right-tablet, var(--31lfm0-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--31lfm0-padding-bottom-tablet, var(--31lfm0-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--31lfm0-padding-left-tablet, var(--31lfm0-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--31lfm0-padding-top-mobile, var(--31lfm0-padding-top-tablet, var(--31lfm0-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--31lfm0-padding-right-mobile, var(--31lfm0-padding-right-tablet, var(--31lfm0-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--31lfm0-padding-bottom-mobile, var(--31lfm0-padding-bottom-tablet, var(--31lfm0-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--31lfm0-padding-left-mobile, var(--31lfm0-padding-left-tablet, var(--31lfm0-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--31lfm0-position, relative); top: var(--31lfm0-top, auto); right: var(--31lfm0-right, auto); bottom: var(--31lfm0-bottom, auto); left: var(--31lfm0-left, auto); transform: var(--31lfm0-transform, none); z-index: var(--31lfm0-z-index, 10); aspect-ratio: var(--31lfm0-background-imageRatio, auto); background: var(--31lfm0-background-color,transparent); border-style: var(--31lfm0-borderStyle,solid); border-color: var(--31lfm0-borderColor,#000000); border-width: var(--31lfm0-borderWidth-tl,0px) var(--31lfm0-borderWidth-tr,0px) var(--31lfm0-borderWidth-br,0px) var(--31lfm0-borderWidth-bl,0px); border-radius: var(--31lfm0-borderRadius-tl,0px) var(--31lfm0-borderRadius-tr,0px) var(--31lfm0-borderRadius-br,0px) var(--31lfm0-borderRadius-bl,0px); box-shadow: var(--31lfm0-shadowHorizontal, 0px) var(--31lfm0-shadowVertical, 0px) var(--31lfm0-shadowBlur, 0px) 1px color-mix( in srgb, var(--31lfm0-shadowColor, #000000) var(--31lfm0-shadowTransparent, 0%), transparent ); max-width: var(--31lfm0-max-width, 100%); width: 100%; height: if(style(--31lfm0-position: absolute): var(--31lfm0-height,100%); else: unset ); backdrop-filter:blur(var(--31lfm0-background-blur, none)) saturate(var(--31lfm0-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--31lfm0-position-tablet, var(--31lfm0-position, relative)); top: var(--31lfm0-top-tablet, var(--31lfm0-top, auto)); right: var(--31lfm0-right-tablet, var(--31lfm0-right, auto)); bottom: var(--31lfm0-bottom-tablet, var(--31lfm0-bottom, auto)); left: var(--31lfm0-left-tablet, var(--31lfm0-left, auto)); transform: var(--31lfm0-transform-tablet, var(--31lfm0-transform, none)); z-index: var(--31lfm0-z-index-tablet, var(--31lfm0-z-index, 10)); aspect-ratio: var(--31lfm0-background-imageRatio-tablet, var(--31lfm0-background-imageRatio, auto)); border-width: var(--31lfm0-borderWidth-tl-tablet, var(--31lfm0-borderWidth-tl,0px)) var(--31lfm0-borderWidth-tr-tablet,var(--31lfm0-borderWidth-tr,0px)) var(--31lfm0-borderWidth-br-tablet,var(--31lfm0-borderWidth-br,0px)) var(--31lfm0-borderWidth-bl-tablet,var(--31lfm0-borderWidth-bl,0px)); border-radius: var(--31lfm0-borderRadius-tl-tablet,var(--31lfm0-borderRadius-tl,0px)) var(--31lfm0-borderRadius-tr-tablet,var(--31lfm0-borderRadius-tr,0px)) var(--31lfm0-borderRadius-br-tablet,var(--31lfm0-borderRadius-br,0px)) var(--31lfm0-borderRadius-bl-tablet,var(--31lfm0-borderRadius-bl,0px)); max-width: var(--31lfm0-max-width-tablet, var(--31lfm0-max-width, 100%)); height: if(style(--31lfm0-position-tablet: absolute): var(--31lfm0-height-tablet,var(--31lfm0-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--31lfm0-position-mobile, var(--31lfm0-position-tablet, var(--31lfm0-position, relative))); top: var(--31lfm0-top-mobile, var(--31lfm0-top-tablet, var(--31lfm0-top, auto))); right: var(--31lfm0-right-mobile, var(--31lfm0-right-tablet, var(--31lfm0-right, auto))); bottom: var(--31lfm0-bottom-mobile, var(--31lfm0-bottom-tablet, var(--31lfm0-bottom, auto))); left: var(--31lfm0-left-mobile, var(--31lfm0-left-tablet, var(--31lfm0-left, auto))); transform: var(--31lfm0-transform-mobile, var(--31lfm0-transform-tablet, var(--31lfm0-transform, none))); z-index: var(--31lfm0-z-index-mobile, var(--31lfm0-z-index-tablet, var(--31lfm0-z-index, 10))); aspect-ratio: var(--31lfm0-background-imageRatio-mobile, var(--31lfm0-background-imageRatio, auto)); border-width: var(--31lfm0-borderWidth-tl-mobile, var(--31lfm0-borderWidth-tl,0px)) var(--31lfm0-borderWidth-tr-mobile,var(--31lfm0-borderWidth-tr,0px)) var(--31lfm0-borderWidth-br-mobile,var(--31lfm0-borderWidth-br,0px)) var(--31lfm0-borderWidth-bl-mobile,var(--31lfm0-borderWidth-bl,0px)); border-radius: var(--31lfm0-borderRadius-tl-mobile,var(--31lfm0-borderRadius-tl,0px)) var(--31lfm0-borderRadius-tr-mobile,var(--31lfm0-borderRadius-tr,0px)) var(--31lfm0-borderRadius-br-mobile,var(--31lfm0-borderRadius-br,0px)) var(--31lfm0-borderRadius-bl-mobile,var(--31lfm0-borderRadius-bl,0px)); max-width: var(--31lfm0-max-width-mobile, var(--31lfm0-max-width, 100%)); height: if(style(--31lfm0-position-mobile: absolute): var(--31lfm0-height-mobile,var(--31lfm0-height-tablet,,var(--31lfm0-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--31lfm0-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--31lfm0-gap,var(--beae-card-gap)); padding-top: var(--31lfm0-padding-top,var(--beae-card-padding)); padding-right: var(--31lfm0-padding-right,var(--beae-card-padding)); padding-bottom: var(--31lfm0-padding-bottom,var(--beae-card-padding)); padding-left: var(--31lfm0-padding-left,var(--beae-card-padding)); border-width: var(--31lfm0-borderWidth-tl,var(--beae-card-border-width)) var(--31lfm0-borderWidth-tr,var(--beae-card-border-width)) var(--31lfm0-borderWidth-br,var(--beae-card-border-width)) var(--31lfm0-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--31lfm0-borderRadius-tl,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-tr,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-br,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--31lfm0-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--31lfm0-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--31lfm0-gap-tablet,var(--beae-card-gap)); padding-top: var(--31lfm0-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--31lfm0-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--31lfm0-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--31lfm0-padding-left-tablet,var(--beae-card-padding)); border-width: var(--31lfm0-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--31lfm0-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--31lfm0-borderWidth-br-desktop,var(--beae-card-border-width)) var(--31lfm0-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--31lfm0-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--31lfm0-gap-mobile,var(--beae-card-gap)); padding-top: var(--31lfm0-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--31lfm0-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--31lfm0-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--31lfm0-padding-left-mobile,var(--beae-card-padding)); border-width: var(--31lfm0-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--31lfm0-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--31lfm0-borderWidth-br-mobile,var(--beae-card-border-width)) var(--31lfm0-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--31lfm0-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--31lfm0-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--31lfm0-background-color,var(--beae-card-featured-background)); border-color: var(--31lfm0-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--31lfm0-shadowHorizontal, var(--beae-card-shadow-x)) var(--31lfm0-shadowVertical, var(--beae-card-shadow-y)) var(--31lfm0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--31lfm0-shadowColor, var(--beae-card-featured-shadow-color)) var(--31lfm0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--31lfm0-background-color,var(--beae-card-prod-background)); border-color: var(--31lfm0-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--31lfm0-shadowHorizontal, var(--beae-card-shadow-x)) var(--31lfm0-shadowVertical, var(--beae-card-shadow-y)) var(--31lfm0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--31lfm0-shadowColor, var(--beae-card-prod-shadow-color)) var(--31lfm0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--31lfm0-background-color,var(--beae-card-pricing-background)); border-color: var(--31lfm0-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--31lfm0-shadowHorizontal, var(--beae-card-shadow-x)) var(--31lfm0-shadowVertical, var(--beae-card-shadow-y)) var(--31lfm0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--31lfm0-shadowColor, var(--beae-card-pricing-shadow-color)) var(--31lfm0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--31lfm0-background-color,var(--beae-card-cta-background)); border-color: var(--31lfm0-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--31lfm0-shadowHorizontal, var(--beae-card-shadow-x)) var(--31lfm0-shadowVertical, var(--beae-card-shadow-y)) var(--31lfm0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--31lfm0-shadowColor, var(--beae-card-cta-shadow-color)) var(--31lfm0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-31lfm0"] {     display: flex;     flex-direction: var(--31lfm0-direction, column);     flex-wrap: nowrap;     justify-content: var(--31lfm0-justify-content);     align-items: var(--31lfm0-align-items);     gap: var(--31lfm0-gap, var(--31lfm0-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(--31lfm0-padding-right, 0px) - var(--31lfm0-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-31lfm0"] {                            gap: var(--31lfm0-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(--31lfm0-padding-right-tablet, 0px) - var(--31lfm0-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-31lfm0"] {                            gap: var(--31lfm0-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(--31lfm0-padding-right-mobile, 0px) - var(--31lfm0-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-632wzo"] { --632wzo-width: 100%; --632wzo-width-tablet: 100%; --632wzo-width-mobile: 100%; --632wzo-imageRatio: 7/6; --632wzo-imageRatio-tablet: 7/6; --632wzo-imageRatio-mobile: 7/6; --632wzo-objFit: cover; --632wzo-objFit-tablet: cover; --632wzo-objFit-mobile: cover; --632wzo-borderColor: #000000; --632wzo-borderColor-tablet: #000000; --632wzo-borderColor-mobile: #000000; --632wzo-shadowColor: #000000; --632wzo-shadowColor-tablet: #000000; --632wzo-shadowColor-mobile: #000000; --632wzo-borderStyle: none; --632wzo-borderStyle-tablet: none; --632wzo-borderStyle-mobile: none; --632wzo-enableShadow: false; --632wzo-enableShadow-tablet: false; --632wzo-enableShadow-mobile: false; --632wzo-borderRadius-tl: 24px; --632wzo-borderRadius-tl-tablet: 24px; --632wzo-borderRadius-tl-mobile: 16px; --632wzo-borderRadius-tr: 24px; --632wzo-borderRadius-tr-tablet: 24px; --632wzo-borderRadius-tr-mobile: 16px; --632wzo-borderRadius-bl: 24px; --632wzo-borderRadius-bl-tablet: 24px; --632wzo-borderRadius-bl-mobile: 16px; --632wzo-borderRadius-br: 24px; --632wzo-borderRadius-br-tablet: 24px; --632wzo-borderRadius-br-mobile: 16px; }[data-bnode="beae-632wzo"] { margin-top: var(--632wzo-margin-top, 0px); margin-right: var(--632wzo-margin-right, 0px); margin-bottom: var(--632wzo-margin-bottom, 0px); margin-left: var(--632wzo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--632wzo-margin-top-tablet, 0px); margin-right: var(--632wzo-margin-right-tablet, 0px); margin-bottom: var(--632wzo-margin-bottom-tablet, 0px); margin-left: var(--632wzo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--632wzo-margin-top-mobile, 0px); margin-right: var(--632wzo-margin-right-mobile, 0px); margin-bottom: var(--632wzo-margin-bottom-mobile, 0px); margin-left: var(--632wzo-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--632wzo-width,100%) - var(--632wzo-margin-left,0px) - var(--632wzo-margin-right,0px)); min-height: min-content; border-color: var(--632wzo-borderColor,var(--beae-card-media-border-color)); border-style: var(--632wzo-borderStyle,solid); border-width: var(--632wzo-borderWidth-tl,var(--beae-card-border-width)) var(--632wzo-borderWidth-tr,var(--beae-card-border-width)) var(--632wzo-borderWidth-br,var(--beae-card-border-width)) var(--632wzo-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--632wzo-borderRadius-tl,var(--beae-card-border-radius)) var(--632wzo-borderRadius-tr,var(--beae-card-border-radius)) var(--632wzo-borderRadius-br,var(--beae-card-border-radius)) var(--632wzo-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--632wzo-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--632wzo-borderWidth-tl-tablet, var(--632wzo-borderWidth-tl,var(--beae-card-border-width))) var(--632wzo-borderWidth-tr-tablet, var(--632wzo-borderWidth-tr,var(--beae-card-border-width))) var(--632wzo-borderWidth-br-tablet, var(--632wzo-borderWidth-br,var(--beae-card-border-width))) var(--632wzo-borderWidth-bl-tablet, var(--632wzo-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--632wzo-borderRadius-tl-tablet, var(--632wzo-borderRadius-tl,var(--beae-card-border-radius))) var(--632wzo-borderRadius-tr-tablet, var(--632wzo-borderRadius-tr,var(--beae-card-border-radius))) var(--632wzo-borderRadius-br-tablet, var(--632wzo-borderRadius-br,var(--beae-card-border-radius))) var(--632wzo-borderRadius-bl-tablet, var(--632wzo-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--632wzo-borderWidth-tl-mobile, var(--632wzo-borderWidth-tl,var(--beae-card-border-width))) var(--632wzo-borderWidth-tr-mobile, var(--632wzo-borderWidth-tr,var(--beae-card-border-width))) var(--632wzo-borderWidth-br-mobile, var(--632wzo-borderWidth-br,var(--beae-card-border-width))) var(--632wzo-borderWidth-bl-mobile, var(--632wzo-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--632wzo-borderRadius-tl-mobile, var(--632wzo-borderRadius-tl,var(--beae-card-border-radius))) var(--632wzo-borderRadius-tr-mobile, var(--632wzo-borderRadius-tr,var(--beae-card-border-radius))) var(--632wzo-borderRadius-br-mobile, var(--632wzo-borderRadius-br,var(--beae-card-border-radius))) var(--632wzo-borderRadius-bl-mobile, var(--632wzo-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--632wzo-shadowHorizontal, var(--beae-card-shadow-x)) var(--632wzo-shadowVertical, var(--beae-card-shadow-y)) var(--632wzo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--632wzo-shadowColor, var(--beae-card-media-shadow-color)) var(--632wzo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--632wzo-overlayColor-color, #000); opacity: var(--632wzo-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--632wzo-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--632wzo-width-tablet,var(--632wzo-width,100%)) - var(--632wzo-margin-left-tablet,var(--632wzo-margin-left,0px)) - var(--632wzo-margin-right-tablet,var(--632wzo-margin-right,0px))); aspect-ratio: var(--632wzo-imageRatio-tablet, var(--632wzo-imageRatio, auto)); img { object-fit: var(--632wzo-objFit-tablet, var(--632wzo-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--632wzo-width-mobile,var(--632wzo-width,100%)) - var(--632wzo-margin-left-mobile,var(--632wzo-margin-left,0px)) - var(--632wzo-margin-right-mobile,var(--632wzo-margin-right,0px))); aspect-ratio: var(--632wzo-imageRatio-mobile, var(--632wzo-imageRatio, auto)); img { object-fit: var(--632wzo-objFit-mobile, var(--632wzo-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-8m5kqb"] { --8m5kqb-direction: row; --8m5kqb-direction-tablet: row; --8m5kqb-direction-mobile: row; --8m5kqb-structure: columns; --8m5kqb-structure-tablet: columns; --8m5kqb-structure-mobile: columns; }[data-bnode="beae-8m5kqb"] { padding-top: var(--8m5kqb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--8m5kqb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--8m5kqb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--8m5kqb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8m5kqb-padding-top-tablet, var(--8m5kqb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--8m5kqb-padding-right-tablet, var(--8m5kqb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--8m5kqb-padding-bottom-tablet, var(--8m5kqb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--8m5kqb-padding-left-tablet, var(--8m5kqb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8m5kqb-padding-top-mobile, var(--8m5kqb-padding-top-tablet, var(--8m5kqb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--8m5kqb-padding-right-mobile, var(--8m5kqb-padding-right-tablet, var(--8m5kqb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--8m5kqb-padding-bottom-mobile, var(--8m5kqb-padding-bottom-tablet, var(--8m5kqb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--8m5kqb-padding-left-mobile, var(--8m5kqb-padding-left-tablet, var(--8m5kqb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--8m5kqb-position, relative); top: var(--8m5kqb-top, auto); right: var(--8m5kqb-right, auto); bottom: var(--8m5kqb-bottom, auto); left: var(--8m5kqb-left, auto); transform: var(--8m5kqb-transform, none); z-index: var(--8m5kqb-z-index, 10); aspect-ratio: var(--8m5kqb-background-imageRatio, auto); background: var(--8m5kqb-background-color,transparent); border-style: var(--8m5kqb-borderStyle,solid); border-color: var(--8m5kqb-borderColor,#000000); border-width: var(--8m5kqb-borderWidth-tl,0px) var(--8m5kqb-borderWidth-tr,0px) var(--8m5kqb-borderWidth-br,0px) var(--8m5kqb-borderWidth-bl,0px); border-radius: var(--8m5kqb-borderRadius-tl,0px) var(--8m5kqb-borderRadius-tr,0px) var(--8m5kqb-borderRadius-br,0px) var(--8m5kqb-borderRadius-bl,0px); box-shadow: var(--8m5kqb-shadowHorizontal, 0px) var(--8m5kqb-shadowVertical, 0px) var(--8m5kqb-shadowBlur, 0px) 1px color-mix( in srgb, var(--8m5kqb-shadowColor, #000000) var(--8m5kqb-shadowTransparent, 0%), transparent ); max-width: var(--8m5kqb-max-width, 100%); width: 100%; height: if(style(--8m5kqb-position: absolute): var(--8m5kqb-height,100%); else: unset ); backdrop-filter:blur(var(--8m5kqb-background-blur, none)) saturate(var(--8m5kqb-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--8m5kqb-position-tablet, var(--8m5kqb-position, relative)); top: var(--8m5kqb-top-tablet, var(--8m5kqb-top, auto)); right: var(--8m5kqb-right-tablet, var(--8m5kqb-right, auto)); bottom: var(--8m5kqb-bottom-tablet, var(--8m5kqb-bottom, auto)); left: var(--8m5kqb-left-tablet, var(--8m5kqb-left, auto)); transform: var(--8m5kqb-transform-tablet, var(--8m5kqb-transform, none)); z-index: var(--8m5kqb-z-index-tablet, var(--8m5kqb-z-index, 10)); aspect-ratio: var(--8m5kqb-background-imageRatio-tablet, var(--8m5kqb-background-imageRatio, auto)); border-width: var(--8m5kqb-borderWidth-tl-tablet, var(--8m5kqb-borderWidth-tl,0px)) var(--8m5kqb-borderWidth-tr-tablet,var(--8m5kqb-borderWidth-tr,0px)) var(--8m5kqb-borderWidth-br-tablet,var(--8m5kqb-borderWidth-br,0px)) var(--8m5kqb-borderWidth-bl-tablet,var(--8m5kqb-borderWidth-bl,0px)); border-radius: var(--8m5kqb-borderRadius-tl-tablet,var(--8m5kqb-borderRadius-tl,0px)) var(--8m5kqb-borderRadius-tr-tablet,var(--8m5kqb-borderRadius-tr,0px)) var(--8m5kqb-borderRadius-br-tablet,var(--8m5kqb-borderRadius-br,0px)) var(--8m5kqb-borderRadius-bl-tablet,var(--8m5kqb-borderRadius-bl,0px)); max-width: var(--8m5kqb-max-width-tablet, var(--8m5kqb-max-width, 100%)); height: if(style(--8m5kqb-position-tablet: absolute): var(--8m5kqb-height-tablet,var(--8m5kqb-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--8m5kqb-position-mobile, var(--8m5kqb-position-tablet, var(--8m5kqb-position, relative))); top: var(--8m5kqb-top-mobile, var(--8m5kqb-top-tablet, var(--8m5kqb-top, auto))); right: var(--8m5kqb-right-mobile, var(--8m5kqb-right-tablet, var(--8m5kqb-right, auto))); bottom: var(--8m5kqb-bottom-mobile, var(--8m5kqb-bottom-tablet, var(--8m5kqb-bottom, auto))); left: var(--8m5kqb-left-mobile, var(--8m5kqb-left-tablet, var(--8m5kqb-left, auto))); transform: var(--8m5kqb-transform-mobile, var(--8m5kqb-transform-tablet, var(--8m5kqb-transform, none))); z-index: var(--8m5kqb-z-index-mobile, var(--8m5kqb-z-index-tablet, var(--8m5kqb-z-index, 10))); aspect-ratio: var(--8m5kqb-background-imageRatio-mobile, var(--8m5kqb-background-imageRatio, auto)); border-width: var(--8m5kqb-borderWidth-tl-mobile, var(--8m5kqb-borderWidth-tl,0px)) var(--8m5kqb-borderWidth-tr-mobile,var(--8m5kqb-borderWidth-tr,0px)) var(--8m5kqb-borderWidth-br-mobile,var(--8m5kqb-borderWidth-br,0px)) var(--8m5kqb-borderWidth-bl-mobile,var(--8m5kqb-borderWidth-bl,0px)); border-radius: var(--8m5kqb-borderRadius-tl-mobile,var(--8m5kqb-borderRadius-tl,0px)) var(--8m5kqb-borderRadius-tr-mobile,var(--8m5kqb-borderRadius-tr,0px)) var(--8m5kqb-borderRadius-br-mobile,var(--8m5kqb-borderRadius-br,0px)) var(--8m5kqb-borderRadius-bl-mobile,var(--8m5kqb-borderRadius-bl,0px)); max-width: var(--8m5kqb-max-width-mobile, var(--8m5kqb-max-width, 100%)); height: if(style(--8m5kqb-position-mobile: absolute): var(--8m5kqb-height-mobile,var(--8m5kqb-height-tablet,,var(--8m5kqb-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--8m5kqb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--8m5kqb-gap,var(--beae-card-gap)); padding-top: var(--8m5kqb-padding-top,var(--beae-card-padding)); padding-right: var(--8m5kqb-padding-right,var(--beae-card-padding)); padding-bottom: var(--8m5kqb-padding-bottom,var(--beae-card-padding)); padding-left: var(--8m5kqb-padding-left,var(--beae-card-padding)); border-width: var(--8m5kqb-borderWidth-tl,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-tr,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-br,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--8m5kqb-borderRadius-tl,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-tr,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-br,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--8m5kqb-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--8m5kqb-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--8m5kqb-gap-tablet,var(--beae-card-gap)); padding-top: var(--8m5kqb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--8m5kqb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--8m5kqb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--8m5kqb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--8m5kqb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--8m5kqb-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--8m5kqb-gap-mobile,var(--beae-card-gap)); padding-top: var(--8m5kqb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--8m5kqb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--8m5kqb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--8m5kqb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--8m5kqb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--8m5kqb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--8m5kqb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--8m5kqb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--8m5kqb-background-color,var(--beae-card-featured-background)); border-color: var(--8m5kqb-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--8m5kqb-shadowHorizontal, var(--beae-card-shadow-x)) var(--8m5kqb-shadowVertical, var(--beae-card-shadow-y)) var(--8m5kqb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8m5kqb-shadowColor, var(--beae-card-featured-shadow-color)) var(--8m5kqb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--8m5kqb-background-color,var(--beae-card-prod-background)); border-color: var(--8m5kqb-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--8m5kqb-shadowHorizontal, var(--beae-card-shadow-x)) var(--8m5kqb-shadowVertical, var(--beae-card-shadow-y)) var(--8m5kqb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8m5kqb-shadowColor, var(--beae-card-prod-shadow-color)) var(--8m5kqb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--8m5kqb-background-color,var(--beae-card-pricing-background)); border-color: var(--8m5kqb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--8m5kqb-shadowHorizontal, var(--beae-card-shadow-x)) var(--8m5kqb-shadowVertical, var(--beae-card-shadow-y)) var(--8m5kqb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8m5kqb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--8m5kqb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--8m5kqb-background-color,var(--beae-card-cta-background)); border-color: var(--8m5kqb-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--8m5kqb-shadowHorizontal, var(--beae-card-shadow-x)) var(--8m5kqb-shadowVertical, var(--beae-card-shadow-y)) var(--8m5kqb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8m5kqb-shadowColor, var(--beae-card-cta-shadow-color)) var(--8m5kqb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-8m5kqb"] {     display: flex;     flex-direction: var(--8m5kqb-direction, column);     flex-wrap: nowrap;     justify-content: var(--8m5kqb-justify-content);     align-items: var(--8m5kqb-align-items);     gap: var(--8m5kqb-gap, var(--8m5kqb-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(--8m5kqb-padding-right, 0px) - var(--8m5kqb-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-8m5kqb"] {                            gap: var(--8m5kqb-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(--8m5kqb-padding-right-tablet, 0px) - var(--8m5kqb-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-8m5kqb"] {                            gap: var(--8m5kqb-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(--8m5kqb-padding-right-mobile, 0px) - var(--8m5kqb-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rmz4xq"] { --rmz4xq-direction: column; --rmz4xq-direction-tablet: column; --rmz4xq-direction-mobile: column; --rmz4xq-structure: columns; --rmz4xq-structure-tablet: columns; --rmz4xq-structure-mobile: columns; --rmz4xq-gap: 20px; --rmz4xq-gap-tablet: 20px; --rmz4xq-gap-mobile: 16px; --rmz4xq-align-items: flex-start; --rmz4xq-align-items-tablet: flex-start; --rmz4xq-align-items-mobile: flex-start; --rmz4xq-justify-content: center; --rmz4xq-justify-content-tablet: center; --rmz4xq-justify-content-mobile: center; }[data-bnode="beae-rmz4xq"] { padding-top: var(--rmz4xq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rmz4xq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rmz4xq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rmz4xq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rmz4xq-padding-top-tablet, var(--rmz4xq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rmz4xq-padding-right-tablet, var(--rmz4xq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rmz4xq-padding-bottom-tablet, var(--rmz4xq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rmz4xq-padding-left-tablet, var(--rmz4xq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rmz4xq-padding-top-mobile, var(--rmz4xq-padding-top-tablet, var(--rmz4xq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rmz4xq-padding-right-mobile, var(--rmz4xq-padding-right-tablet, var(--rmz4xq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rmz4xq-padding-bottom-mobile, var(--rmz4xq-padding-bottom-tablet, var(--rmz4xq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rmz4xq-padding-left-mobile, var(--rmz4xq-padding-left-tablet, var(--rmz4xq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--rmz4xq-position, relative); top: var(--rmz4xq-top, auto); right: var(--rmz4xq-right, auto); bottom: var(--rmz4xq-bottom, auto); left: var(--rmz4xq-left, auto); transform: var(--rmz4xq-transform, none); z-index: var(--rmz4xq-z-index, 10); aspect-ratio: var(--rmz4xq-background-imageRatio, auto); background: var(--rmz4xq-background-color,transparent); border-style: var(--rmz4xq-borderStyle,solid); border-color: var(--rmz4xq-borderColor,#000000); border-width: var(--rmz4xq-borderWidth-tl,0px) var(--rmz4xq-borderWidth-tr,0px) var(--rmz4xq-borderWidth-br,0px) var(--rmz4xq-borderWidth-bl,0px); border-radius: var(--rmz4xq-borderRadius-tl,0px) var(--rmz4xq-borderRadius-tr,0px) var(--rmz4xq-borderRadius-br,0px) var(--rmz4xq-borderRadius-bl,0px); box-shadow: var(--rmz4xq-shadowHorizontal, 0px) var(--rmz4xq-shadowVertical, 0px) var(--rmz4xq-shadowBlur, 0px) 1px color-mix( in srgb, var(--rmz4xq-shadowColor, #000000) var(--rmz4xq-shadowTransparent, 0%), transparent ); max-width: var(--rmz4xq-max-width, 100%); width: 100%; height: if(style(--rmz4xq-position: absolute): var(--rmz4xq-height,100%); else: unset ); backdrop-filter:blur(var(--rmz4xq-background-blur, none)) saturate(var(--rmz4xq-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--rmz4xq-position-tablet, var(--rmz4xq-position, relative)); top: var(--rmz4xq-top-tablet, var(--rmz4xq-top, auto)); right: var(--rmz4xq-right-tablet, var(--rmz4xq-right, auto)); bottom: var(--rmz4xq-bottom-tablet, var(--rmz4xq-bottom, auto)); left: var(--rmz4xq-left-tablet, var(--rmz4xq-left, auto)); transform: var(--rmz4xq-transform-tablet, var(--rmz4xq-transform, none)); z-index: var(--rmz4xq-z-index-tablet, var(--rmz4xq-z-index, 10)); aspect-ratio: var(--rmz4xq-background-imageRatio-tablet, var(--rmz4xq-background-imageRatio, auto)); border-width: var(--rmz4xq-borderWidth-tl-tablet, var(--rmz4xq-borderWidth-tl,0px)) var(--rmz4xq-borderWidth-tr-tablet,var(--rmz4xq-borderWidth-tr,0px)) var(--rmz4xq-borderWidth-br-tablet,var(--rmz4xq-borderWidth-br,0px)) var(--rmz4xq-borderWidth-bl-tablet,var(--rmz4xq-borderWidth-bl,0px)); border-radius: var(--rmz4xq-borderRadius-tl-tablet,var(--rmz4xq-borderRadius-tl,0px)) var(--rmz4xq-borderRadius-tr-tablet,var(--rmz4xq-borderRadius-tr,0px)) var(--rmz4xq-borderRadius-br-tablet,var(--rmz4xq-borderRadius-br,0px)) var(--rmz4xq-borderRadius-bl-tablet,var(--rmz4xq-borderRadius-bl,0px)); max-width: var(--rmz4xq-max-width-tablet, var(--rmz4xq-max-width, 100%)); height: if(style(--rmz4xq-position-tablet: absolute): var(--rmz4xq-height-tablet,var(--rmz4xq-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--rmz4xq-position-mobile, var(--rmz4xq-position-tablet, var(--rmz4xq-position, relative))); top: var(--rmz4xq-top-mobile, var(--rmz4xq-top-tablet, var(--rmz4xq-top, auto))); right: var(--rmz4xq-right-mobile, var(--rmz4xq-right-tablet, var(--rmz4xq-right, auto))); bottom: var(--rmz4xq-bottom-mobile, var(--rmz4xq-bottom-tablet, var(--rmz4xq-bottom, auto))); left: var(--rmz4xq-left-mobile, var(--rmz4xq-left-tablet, var(--rmz4xq-left, auto))); transform: var(--rmz4xq-transform-mobile, var(--rmz4xq-transform-tablet, var(--rmz4xq-transform, none))); z-index: var(--rmz4xq-z-index-mobile, var(--rmz4xq-z-index-tablet, var(--rmz4xq-z-index, 10))); aspect-ratio: var(--rmz4xq-background-imageRatio-mobile, var(--rmz4xq-background-imageRatio, auto)); border-width: var(--rmz4xq-borderWidth-tl-mobile, var(--rmz4xq-borderWidth-tl,0px)) var(--rmz4xq-borderWidth-tr-mobile,var(--rmz4xq-borderWidth-tr,0px)) var(--rmz4xq-borderWidth-br-mobile,var(--rmz4xq-borderWidth-br,0px)) var(--rmz4xq-borderWidth-bl-mobile,var(--rmz4xq-borderWidth-bl,0px)); border-radius: var(--rmz4xq-borderRadius-tl-mobile,var(--rmz4xq-borderRadius-tl,0px)) var(--rmz4xq-borderRadius-tr-mobile,var(--rmz4xq-borderRadius-tr,0px)) var(--rmz4xq-borderRadius-br-mobile,var(--rmz4xq-borderRadius-br,0px)) var(--rmz4xq-borderRadius-bl-mobile,var(--rmz4xq-borderRadius-bl,0px)); max-width: var(--rmz4xq-max-width-mobile, var(--rmz4xq-max-width, 100%)); height: if(style(--rmz4xq-position-mobile: absolute): var(--rmz4xq-height-mobile,var(--rmz4xq-height-tablet,,var(--rmz4xq-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rmz4xq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--rmz4xq-gap,var(--beae-card-gap)); padding-top: var(--rmz4xq-padding-top,var(--beae-card-padding)); padding-right: var(--rmz4xq-padding-right,var(--beae-card-padding)); padding-bottom: var(--rmz4xq-padding-bottom,var(--beae-card-padding)); padding-left: var(--rmz4xq-padding-left,var(--beae-card-padding)); border-width: var(--rmz4xq-borderWidth-tl,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-tr,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-br,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rmz4xq-borderRadius-tl,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-tr,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-br,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--rmz4xq-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--rmz4xq-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--rmz4xq-gap-tablet,var(--beae-card-gap)); padding-top: var(--rmz4xq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rmz4xq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rmz4xq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rmz4xq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rmz4xq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rmz4xq-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--rmz4xq-gap-mobile,var(--beae-card-gap)); padding-top: var(--rmz4xq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rmz4xq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rmz4xq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rmz4xq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rmz4xq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rmz4xq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rmz4xq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rmz4xq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rmz4xq-background-color,var(--beae-card-featured-background)); border-color: var(--rmz4xq-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--rmz4xq-shadowHorizontal, var(--beae-card-shadow-x)) var(--rmz4xq-shadowVertical, var(--beae-card-shadow-y)) var(--rmz4xq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rmz4xq-shadowColor, var(--beae-card-featured-shadow-color)) var(--rmz4xq-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--rmz4xq-background-color,var(--beae-card-prod-background)); border-color: var(--rmz4xq-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--rmz4xq-shadowHorizontal, var(--beae-card-shadow-x)) var(--rmz4xq-shadowVertical, var(--beae-card-shadow-y)) var(--rmz4xq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rmz4xq-shadowColor, var(--beae-card-prod-shadow-color)) var(--rmz4xq-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--rmz4xq-background-color,var(--beae-card-pricing-background)); border-color: var(--rmz4xq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--rmz4xq-shadowHorizontal, var(--beae-card-shadow-x)) var(--rmz4xq-shadowVertical, var(--beae-card-shadow-y)) var(--rmz4xq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rmz4xq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--rmz4xq-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--rmz4xq-background-color,var(--beae-card-cta-background)); border-color: var(--rmz4xq-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--rmz4xq-shadowHorizontal, var(--beae-card-shadow-x)) var(--rmz4xq-shadowVertical, var(--beae-card-shadow-y)) var(--rmz4xq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rmz4xq-shadowColor, var(--beae-card-cta-shadow-color)) var(--rmz4xq-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-rmz4xq"] {     display: flex;     flex-direction: var(--rmz4xq-direction, column);     flex-wrap: nowrap;     justify-content: var(--rmz4xq-justify-content);     align-items: var(--rmz4xq-align-items);     gap: var(--rmz4xq-gap, var(--rmz4xq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rmz4xq"] {                            gap: var(--rmz4xq-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(--rmz4xq-padding-right-tablet, 0px) - var(--rmz4xq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rmz4xq"] {                            gap: var(--rmz4xq-gap-mobile, var(--rmz4xq-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(--rmz4xq-padding-right-mobile, 0px) - var(--rmz4xq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-o2yk5y"] { --o2yk5y-direction: row; --o2yk5y-direction-tablet: row; --o2yk5y-direction-mobile: row; --o2yk5y-structure: columns; --o2yk5y-structure-tablet: columns; --o2yk5y-structure-mobile: columns; --o2yk5y-max-width: fit-content; --o2yk5y-max-width-tablet: fit-content; --o2yk5y-max-width-mobile: fit-content; --o2yk5y-padding-top: 6px; --o2yk5y-padding-top-tablet: 6px; --o2yk5y-padding-top-mobile: 6px; --o2yk5y-padding-right: 12px; --o2yk5y-padding-right-tablet: 12px; --o2yk5y-padding-right-mobile: 12px; --o2yk5y-padding-bottom: 6px; --o2yk5y-padding-bottom-tablet: 6px; --o2yk5y-padding-bottom-mobile: 6px; --o2yk5y-padding-left: 12px; --o2yk5y-padding-left-tablet: 12px; --o2yk5y-padding-left-mobile: 12px; --o2yk5y-background-0: c; --o2yk5y-background-0-tablet: c; --o2yk5y-background-0-mobile: c; --o2yk5y-background-1: o; --o2yk5y-background-1-tablet: o; --o2yk5y-background-1-mobile: o; --o2yk5y-background-2: l; --o2yk5y-background-2-tablet: l; --o2yk5y-background-2-mobile: l; --o2yk5y-background-3: o; --o2yk5y-background-3-tablet: o; --o2yk5y-background-3-mobile: o; --o2yk5y-background-4: r; --o2yk5y-background-4-tablet: r; --o2yk5y-background-4-mobile: r; --o2yk5y-background-type: color; --o2yk5y-background-type-tablet: color; --o2yk5y-background-type-mobile: color; --o2yk5y-background-color: #ff00a3; --o2yk5y-background-color-tablet: #ff00a3; --o2yk5y-background-color-mobile: #ff00a3; --o2yk5y-borderRadius-tl: 9999px; --o2yk5y-borderRadius-tl-tablet: 9999px; --o2yk5y-borderRadius-tl-mobile: 9999px; --o2yk5y-borderRadius-tr: 9999px; --o2yk5y-borderRadius-tr-tablet: 9999px; --o2yk5y-borderRadius-tr-mobile: 9999px; --o2yk5y-borderRadius-bl: 9999px; --o2yk5y-borderRadius-bl-tablet: 9999px; --o2yk5y-borderRadius-bl-mobile: 9999px; --o2yk5y-borderRadius-br: 9999px; --o2yk5y-borderRadius-br-tablet: 9999px; --o2yk5y-borderRadius-br-mobile: 9999px; }[data-bnode="beae-o2yk5y"] { padding-top: var(--o2yk5y-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--o2yk5y-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--o2yk5y-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--o2yk5y-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--o2yk5y-padding-top-tablet, var(--o2yk5y-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--o2yk5y-padding-right-tablet, var(--o2yk5y-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--o2yk5y-padding-bottom-tablet, var(--o2yk5y-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--o2yk5y-padding-left-tablet, var(--o2yk5y-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--o2yk5y-padding-top-mobile, var(--o2yk5y-padding-top-tablet, var(--o2yk5y-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--o2yk5y-padding-right-mobile, var(--o2yk5y-padding-right-tablet, var(--o2yk5y-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--o2yk5y-padding-bottom-mobile, var(--o2yk5y-padding-bottom-tablet, var(--o2yk5y-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--o2yk5y-padding-left-mobile, var(--o2yk5y-padding-left-tablet, var(--o2yk5y-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--o2yk5y-position, relative); top: var(--o2yk5y-top, auto); right: var(--o2yk5y-right, auto); bottom: var(--o2yk5y-bottom, auto); left: var(--o2yk5y-left, auto); transform: var(--o2yk5y-transform, none); z-index: var(--o2yk5y-z-index, 10); aspect-ratio: var(--o2yk5y-background-imageRatio, auto); background: var(--o2yk5y-background-color,transparent); border-style: var(--o2yk5y-borderStyle,solid); border-color: var(--o2yk5y-borderColor,#000000); border-width: var(--o2yk5y-borderWidth-tl,0px) var(--o2yk5y-borderWidth-tr,0px) var(--o2yk5y-borderWidth-br,0px) var(--o2yk5y-borderWidth-bl,0px); border-radius: var(--o2yk5y-borderRadius-tl,0px) var(--o2yk5y-borderRadius-tr,0px) var(--o2yk5y-borderRadius-br,0px) var(--o2yk5y-borderRadius-bl,0px); box-shadow: var(--o2yk5y-shadowHorizontal, 0px) var(--o2yk5y-shadowVertical, 0px) var(--o2yk5y-shadowBlur, 0px) 1px color-mix( in srgb, var(--o2yk5y-shadowColor, #000000) var(--o2yk5y-shadowTransparent, 0%), transparent ); max-width: var(--o2yk5y-max-width, 100%); width: 100%; height: if(style(--o2yk5y-position: absolute): var(--o2yk5y-height,100%); else: unset ); backdrop-filter:blur(var(--o2yk5y-background-blur, none)) saturate(var(--o2yk5y-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--o2yk5y-position-tablet, var(--o2yk5y-position, relative)); top: var(--o2yk5y-top-tablet, var(--o2yk5y-top, auto)); right: var(--o2yk5y-right-tablet, var(--o2yk5y-right, auto)); bottom: var(--o2yk5y-bottom-tablet, var(--o2yk5y-bottom, auto)); left: var(--o2yk5y-left-tablet, var(--o2yk5y-left, auto)); transform: var(--o2yk5y-transform-tablet, var(--o2yk5y-transform, none)); z-index: var(--o2yk5y-z-index-tablet, var(--o2yk5y-z-index, 10)); aspect-ratio: var(--o2yk5y-background-imageRatio-tablet, var(--o2yk5y-background-imageRatio, auto)); border-width: var(--o2yk5y-borderWidth-tl-tablet, var(--o2yk5y-borderWidth-tl,0px)) var(--o2yk5y-borderWidth-tr-tablet,var(--o2yk5y-borderWidth-tr,0px)) var(--o2yk5y-borderWidth-br-tablet,var(--o2yk5y-borderWidth-br,0px)) var(--o2yk5y-borderWidth-bl-tablet,var(--o2yk5y-borderWidth-bl,0px)); border-radius: var(--o2yk5y-borderRadius-tl-tablet,var(--o2yk5y-borderRadius-tl,0px)) var(--o2yk5y-borderRadius-tr-tablet,var(--o2yk5y-borderRadius-tr,0px)) var(--o2yk5y-borderRadius-br-tablet,var(--o2yk5y-borderRadius-br,0px)) var(--o2yk5y-borderRadius-bl-tablet,var(--o2yk5y-borderRadius-bl,0px)); max-width: var(--o2yk5y-max-width-tablet, var(--o2yk5y-max-width, 100%)); height: if(style(--o2yk5y-position-tablet: absolute): var(--o2yk5y-height-tablet,var(--o2yk5y-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--o2yk5y-position-mobile, var(--o2yk5y-position-tablet, var(--o2yk5y-position, relative))); top: var(--o2yk5y-top-mobile, var(--o2yk5y-top-tablet, var(--o2yk5y-top, auto))); right: var(--o2yk5y-right-mobile, var(--o2yk5y-right-tablet, var(--o2yk5y-right, auto))); bottom: var(--o2yk5y-bottom-mobile, var(--o2yk5y-bottom-tablet, var(--o2yk5y-bottom, auto))); left: var(--o2yk5y-left-mobile, var(--o2yk5y-left-tablet, var(--o2yk5y-left, auto))); transform: var(--o2yk5y-transform-mobile, var(--o2yk5y-transform-tablet, var(--o2yk5y-transform, none))); z-index: var(--o2yk5y-z-index-mobile, var(--o2yk5y-z-index-tablet, var(--o2yk5y-z-index, 10))); aspect-ratio: var(--o2yk5y-background-imageRatio-mobile, var(--o2yk5y-background-imageRatio, auto)); border-width: var(--o2yk5y-borderWidth-tl-mobile, var(--o2yk5y-borderWidth-tl,0px)) var(--o2yk5y-borderWidth-tr-mobile,var(--o2yk5y-borderWidth-tr,0px)) var(--o2yk5y-borderWidth-br-mobile,var(--o2yk5y-borderWidth-br,0px)) var(--o2yk5y-borderWidth-bl-mobile,var(--o2yk5y-borderWidth-bl,0px)); border-radius: var(--o2yk5y-borderRadius-tl-mobile,var(--o2yk5y-borderRadius-tl,0px)) var(--o2yk5y-borderRadius-tr-mobile,var(--o2yk5y-borderRadius-tr,0px)) var(--o2yk5y-borderRadius-br-mobile,var(--o2yk5y-borderRadius-br,0px)) var(--o2yk5y-borderRadius-bl-mobile,var(--o2yk5y-borderRadius-bl,0px)); max-width: var(--o2yk5y-max-width-mobile, var(--o2yk5y-max-width, 100%)); height: if(style(--o2yk5y-position-mobile: absolute): var(--o2yk5y-height-mobile,var(--o2yk5y-height-tablet,,var(--o2yk5y-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--o2yk5y-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--o2yk5y-gap,var(--beae-card-gap)); padding-top: var(--o2yk5y-padding-top,var(--beae-card-padding)); padding-right: var(--o2yk5y-padding-right,var(--beae-card-padding)); padding-bottom: var(--o2yk5y-padding-bottom,var(--beae-card-padding)); padding-left: var(--o2yk5y-padding-left,var(--beae-card-padding)); border-width: var(--o2yk5y-borderWidth-tl,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-tr,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-br,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--o2yk5y-borderRadius-tl,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-tr,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-br,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--o2yk5y-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--o2yk5y-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--o2yk5y-gap-tablet,var(--beae-card-gap)); padding-top: var(--o2yk5y-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--o2yk5y-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--o2yk5y-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--o2yk5y-padding-left-tablet,var(--beae-card-padding)); border-width: var(--o2yk5y-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-br-desktop,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--o2yk5y-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--o2yk5y-gap-mobile,var(--beae-card-gap)); padding-top: var(--o2yk5y-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--o2yk5y-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--o2yk5y-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--o2yk5y-padding-left-mobile,var(--beae-card-padding)); border-width: var(--o2yk5y-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-br-mobile,var(--beae-card-border-width)) var(--o2yk5y-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--o2yk5y-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--o2yk5y-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--o2yk5y-background-color,var(--beae-card-featured-background)); border-color: var(--o2yk5y-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--o2yk5y-shadowHorizontal, var(--beae-card-shadow-x)) var(--o2yk5y-shadowVertical, var(--beae-card-shadow-y)) var(--o2yk5y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o2yk5y-shadowColor, var(--beae-card-featured-shadow-color)) var(--o2yk5y-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--o2yk5y-background-color,var(--beae-card-prod-background)); border-color: var(--o2yk5y-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--o2yk5y-shadowHorizontal, var(--beae-card-shadow-x)) var(--o2yk5y-shadowVertical, var(--beae-card-shadow-y)) var(--o2yk5y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o2yk5y-shadowColor, var(--beae-card-prod-shadow-color)) var(--o2yk5y-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--o2yk5y-background-color,var(--beae-card-pricing-background)); border-color: var(--o2yk5y-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--o2yk5y-shadowHorizontal, var(--beae-card-shadow-x)) var(--o2yk5y-shadowVertical, var(--beae-card-shadow-y)) var(--o2yk5y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o2yk5y-shadowColor, var(--beae-card-pricing-shadow-color)) var(--o2yk5y-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--o2yk5y-background-color,var(--beae-card-cta-background)); border-color: var(--o2yk5y-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--o2yk5y-shadowHorizontal, var(--beae-card-shadow-x)) var(--o2yk5y-shadowVertical, var(--beae-card-shadow-y)) var(--o2yk5y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o2yk5y-shadowColor, var(--beae-card-cta-shadow-color)) var(--o2yk5y-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-o2yk5y"] {     display: flex;     flex-direction: var(--o2yk5y-direction, column);     flex-wrap: nowrap;     justify-content: var(--o2yk5y-justify-content);     align-items: var(--o2yk5y-align-items);     gap: var(--o2yk5y-gap, var(--o2yk5y-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(--o2yk5y-padding-right, 0px) - var(--o2yk5y-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-o2yk5y"] {                            gap: var(--o2yk5y-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(--o2yk5y-padding-right-tablet, 0px) - var(--o2yk5y-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-o2yk5y"] {                            gap: var(--o2yk5y-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(--o2yk5y-padding-right-mobile, 0px) - var(--o2yk5y-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-wun8m8"] { --wun8m8-typography: p; --wun8m8-typography-tablet: p; --wun8m8-typography-mobile: p; --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #ffffff; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; }[data-bnode="beae-wun8m8"] { margin-top: var(--wun8m8-margin-top, 0px); margin-right: var(--wun8m8-margin-right, 0px); margin-bottom: var(--wun8m8-margin-bottom, 0px); margin-left: var(--wun8m8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wun8m8-margin-top-tablet, 0px); margin-right: var(--wun8m8-margin-right-tablet, 0px); margin-bottom: var(--wun8m8-margin-bottom-tablet, 0px); margin-left: var(--wun8m8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wun8m8-margin-top-mobile, 0px); margin-right: var(--wun8m8-margin-right-mobile, 0px); margin-bottom: var(--wun8m8-margin-bottom-mobile, 0px); margin-left: var(--wun8m8-margin-left-mobile, 0px); } }[data-bnode="beae-5di5tp"] { --5di5tp-typography: h2; --5di5tp-typography-tablet: h2; --5di5tp-typography-mobile: h2; --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #100D09; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; }[data-bnode="beae-5di5tp"] { margin-top: var(--5di5tp-margin-top, 0px); margin-right: var(--5di5tp-margin-right, 0px); margin-bottom: var(--5di5tp-margin-bottom, 0px); margin-left: var(--5di5tp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5di5tp-margin-top-tablet, 0px); margin-right: var(--5di5tp-margin-right-tablet, 0px); margin-bottom: var(--5di5tp-margin-bottom-tablet, 0px); margin-left: var(--5di5tp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5di5tp-margin-top-mobile, 0px); margin-right: var(--5di5tp-margin-right-mobile, 0px); margin-bottom: var(--5di5tp-margin-bottom-mobile, 0px); margin-left: var(--5di5tp-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--5di5tp-highlightColor,var(--beae-p-color)); top: var(--5di5tp-highlightTop, 100%); } }[data-bnode="beae-ajviuq"] { --ajviuq-typography: p; --ajviuq-typography-tablet: p; --ajviuq-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-text-transform: none; --ajviuq-margin-top: 8px; --ajviuq-margin-top-tablet: 8px; --ajviuq-margin-top-mobile: 4px; --ajviuq-margin-right: 0px; --ajviuq-margin-right-tablet: 0px; --ajviuq-margin-right-mobile: 0px; --ajviuq-margin-bottom: 0px; --ajviuq-margin-bottom-tablet: 0px; --ajviuq-margin-bottom-mobile: 0px; --ajviuq-margin-left: 0px; --ajviuq-margin-left-tablet: 0px; --ajviuq-margin-left-mobile: 0px; }[data-bnode="beae-ajviuq"] { margin-top: var(--ajviuq-margin-top, 0px); margin-right: var(--ajviuq-margin-right, 0px); margin-bottom: var(--ajviuq-margin-bottom, 0px); margin-left: var(--ajviuq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ajviuq-margin-top-tablet, 0px); margin-right: var(--ajviuq-margin-right-tablet, 0px); margin-bottom: var(--ajviuq-margin-bottom-tablet, 0px); margin-left: var(--ajviuq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ajviuq-margin-top-mobile, 0px); margin-right: var(--ajviuq-margin-right-mobile, 0px); margin-bottom: var(--ajviuq-margin-bottom-mobile, 0px); margin-left: var(--ajviuq-margin-left-mobile, 0px); } }[data-bnode="beae-t2j5ol"] { --t2j5ol-width: 1600px; --t2j5ol-width-tablet: 1600px; --t2j5ol-width-mobile: 1600px; --t2j5ol-height: fit-content; --t2j5ol-height-tablet: fit-content; --t2j5ol-height-mobile: fit-content; --t2j5ol-padding-top: 112px; --t2j5ol-padding-top-tablet: 80px; --t2j5ol-padding-top-mobile: 56px; --t2j5ol-padding-bottom: 112px; --t2j5ol-padding-bottom-tablet: 80px; --t2j5ol-padding-bottom-mobile: 56px; --t2j5ol-padding-right: 32px; --t2j5ol-padding-right-tablet: 30px; --t2j5ol-padding-right-mobile: 16px; --t2j5ol-padding-left: 32px; --t2j5ol-padding-left-tablet: 30px; --t2j5ol-padding-left-mobile: 16px; --t2j5ol-direction: column; --t2j5ol-direction-tablet: column; --t2j5ol-direction-mobile: column; --t2j5ol-gap: 48px; --t2j5ol-gap-tablet: 40px; --t2j5ol-gap-mobile: 32px; --t2j5ol-background-type: color; --t2j5ol-background-type-tablet: color; --t2j5ol-background-type-mobile: color; --t2j5ol-background-image: [object Object]; --t2j5ol-background-image-tablet: [object Object]; --t2j5ol-background-image-mobile: [object Object]; --t2j5ol-background-video: [object Object]; --t2j5ol-background-video-tablet: [object Object]; --t2j5ol-background-video-mobile: [object Object]; --t2j5ol-background-color: #f6f2ef; --t2j5ol-background-color-tablet: #f6f2ef; --t2j5ol-background-color-mobile: #f6f2ef; --t2j5ol-align-items: flex-end; --t2j5ol-align-items-tablet: flex-end; --t2j5ol-align-items-mobile: flex-end; }[data-bnode="beae-t2j5ol"] { padding-top: var(--t2j5ol-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--t2j5ol-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--t2j5ol-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--t2j5ol-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--t2j5ol-padding-top-tablet, var(--t2j5ol-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--t2j5ol-padding-right-tablet, var(--t2j5ol-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--t2j5ol-padding-bottom-tablet, var(--t2j5ol-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--t2j5ol-padding-left-tablet, var(--t2j5ol-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--t2j5ol-padding-top-mobile, var(--t2j5ol-padding-top-tablet, var(--t2j5ol-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--t2j5ol-padding-right-mobile, var(--t2j5ol-padding-right-tablet, var(--t2j5ol-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--t2j5ol-padding-bottom-mobile, var(--t2j5ol-padding-bottom-tablet, var(--t2j5ol-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--t2j5ol-padding-left-mobile, var(--t2j5ol-padding-left-tablet, var(--t2j5ol-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--t2j5ol-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--t2j5ol-height); width: 100%; max-width: var(--t2j5ol-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(--t2j5ol-height-tablet, auto); width: 100%; max-width: var(--t2j5ol-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--t2j5ol-height-mobile, auto); width: 100%; max-width: var(--t2j5ol-width-mobile, 100%); } } } }[data-bnode="beae-t2j5ol"] > .beae-section-container{     display: flex;     flex-direction: var(--t2j5ol-direction, column);     flex-wrap: nowrap;     justify-content: var(--t2j5ol-justify-content);     align-items: var(--t2j5ol-align-items);     gap: var(--t2j5ol-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-t2j5ol"] > .beae-section-container{                            gap: var(--t2j5ol-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(--t2j5ol-padding-right-tablet, 0px) - var(--t2j5ol-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-t2j5ol"] > .beae-section-container{                            gap: var(--t2j5ol-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(--t2j5ol-padding-right-mobile, 0px) - var(--t2j5ol-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-nxwa00"] { --nxwa00-direction: column; --nxwa00-direction-tablet: column; --nxwa00-direction-mobile: column; --nxwa00-structure: columns; --nxwa00-structure-tablet: columns; --nxwa00-structure-mobile: columns; --nxwa00-gap: 20px; --nxwa00-gap-tablet: 20px; --nxwa00-gap-mobile: 16px; --nxwa00-align-items: center; --nxwa00-align-items-tablet: center; --nxwa00-align-items-mobile: center; }[data-bnode="beae-nxwa00"] { padding-top: var(--nxwa00-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--nxwa00-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--nxwa00-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--nxwa00-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--nxwa00-padding-top-tablet, var(--nxwa00-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--nxwa00-padding-right-tablet, var(--nxwa00-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--nxwa00-padding-bottom-tablet, var(--nxwa00-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--nxwa00-padding-left-tablet, var(--nxwa00-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--nxwa00-padding-top-mobile, var(--nxwa00-padding-top-tablet, var(--nxwa00-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--nxwa00-padding-right-mobile, var(--nxwa00-padding-right-tablet, var(--nxwa00-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--nxwa00-padding-bottom-mobile, var(--nxwa00-padding-bottom-tablet, var(--nxwa00-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--nxwa00-padding-left-mobile, var(--nxwa00-padding-left-tablet, var(--nxwa00-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--nxwa00-position, relative); top: var(--nxwa00-top, auto); right: var(--nxwa00-right, auto); bottom: var(--nxwa00-bottom, auto); left: var(--nxwa00-left, auto); transform: var(--nxwa00-transform, none); z-index: var(--nxwa00-z-index, 10); aspect-ratio: var(--nxwa00-background-imageRatio, auto); background: var(--nxwa00-background-color,transparent); border-style: var(--nxwa00-borderStyle,solid); border-color: var(--nxwa00-borderColor,#000000); border-width: var(--nxwa00-borderWidth-tl,0px) var(--nxwa00-borderWidth-tr,0px) var(--nxwa00-borderWidth-br,0px) var(--nxwa00-borderWidth-bl,0px); border-radius: var(--nxwa00-borderRadius-tl,0px) var(--nxwa00-borderRadius-tr,0px) var(--nxwa00-borderRadius-br,0px) var(--nxwa00-borderRadius-bl,0px); box-shadow: var(--nxwa00-shadowHorizontal, 0px) var(--nxwa00-shadowVertical, 0px) var(--nxwa00-shadowBlur, 0px) 1px color-mix( in srgb, var(--nxwa00-shadowColor, #000000) var(--nxwa00-shadowTransparent, 0%), transparent ); max-width: var(--nxwa00-max-width, 100%); width: 100%; height: if(style(--nxwa00-position: absolute): var(--nxwa00-height,100%); else: unset ); backdrop-filter:blur(var(--nxwa00-background-blur, none)) saturate(var(--nxwa00-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--nxwa00-position-tablet, var(--nxwa00-position, relative)); top: var(--nxwa00-top-tablet, var(--nxwa00-top, auto)); right: var(--nxwa00-right-tablet, var(--nxwa00-right, auto)); bottom: var(--nxwa00-bottom-tablet, var(--nxwa00-bottom, auto)); left: var(--nxwa00-left-tablet, var(--nxwa00-left, auto)); transform: var(--nxwa00-transform-tablet, var(--nxwa00-transform, none)); z-index: var(--nxwa00-z-index-tablet, var(--nxwa00-z-index, 10)); aspect-ratio: var(--nxwa00-background-imageRatio-tablet, var(--nxwa00-background-imageRatio, auto)); border-width: var(--nxwa00-borderWidth-tl-tablet, var(--nxwa00-borderWidth-tl,0px)) var(--nxwa00-borderWidth-tr-tablet,var(--nxwa00-borderWidth-tr,0px)) var(--nxwa00-borderWidth-br-tablet,var(--nxwa00-borderWidth-br,0px)) var(--nxwa00-borderWidth-bl-tablet,var(--nxwa00-borderWidth-bl,0px)); border-radius: var(--nxwa00-borderRadius-tl-tablet,var(--nxwa00-borderRadius-tl,0px)) var(--nxwa00-borderRadius-tr-tablet,var(--nxwa00-borderRadius-tr,0px)) var(--nxwa00-borderRadius-br-tablet,var(--nxwa00-borderRadius-br,0px)) var(--nxwa00-borderRadius-bl-tablet,var(--nxwa00-borderRadius-bl,0px)); max-width: var(--nxwa00-max-width-tablet, var(--nxwa00-max-width, 100%)); height: if(style(--nxwa00-position-tablet: absolute): var(--nxwa00-height-tablet,var(--nxwa00-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--nxwa00-position-mobile, var(--nxwa00-position-tablet, var(--nxwa00-position, relative))); top: var(--nxwa00-top-mobile, var(--nxwa00-top-tablet, var(--nxwa00-top, auto))); right: var(--nxwa00-right-mobile, var(--nxwa00-right-tablet, var(--nxwa00-right, auto))); bottom: var(--nxwa00-bottom-mobile, var(--nxwa00-bottom-tablet, var(--nxwa00-bottom, auto))); left: var(--nxwa00-left-mobile, var(--nxwa00-left-tablet, var(--nxwa00-left, auto))); transform: var(--nxwa00-transform-mobile, var(--nxwa00-transform-tablet, var(--nxwa00-transform, none))); z-index: var(--nxwa00-z-index-mobile, var(--nxwa00-z-index-tablet, var(--nxwa00-z-index, 10))); aspect-ratio: var(--nxwa00-background-imageRatio-mobile, var(--nxwa00-background-imageRatio, auto)); border-width: var(--nxwa00-borderWidth-tl-mobile, var(--nxwa00-borderWidth-tl,0px)) var(--nxwa00-borderWidth-tr-mobile,var(--nxwa00-borderWidth-tr,0px)) var(--nxwa00-borderWidth-br-mobile,var(--nxwa00-borderWidth-br,0px)) var(--nxwa00-borderWidth-bl-mobile,var(--nxwa00-borderWidth-bl,0px)); border-radius: var(--nxwa00-borderRadius-tl-mobile,var(--nxwa00-borderRadius-tl,0px)) var(--nxwa00-borderRadius-tr-mobile,var(--nxwa00-borderRadius-tr,0px)) var(--nxwa00-borderRadius-br-mobile,var(--nxwa00-borderRadius-br,0px)) var(--nxwa00-borderRadius-bl-mobile,var(--nxwa00-borderRadius-bl,0px)); max-width: var(--nxwa00-max-width-mobile, var(--nxwa00-max-width, 100%)); height: if(style(--nxwa00-position-mobile: absolute): var(--nxwa00-height-mobile,var(--nxwa00-height-tablet,,var(--nxwa00-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--nxwa00-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--nxwa00-gap,var(--beae-card-gap)); padding-top: var(--nxwa00-padding-top,var(--beae-card-padding)); padding-right: var(--nxwa00-padding-right,var(--beae-card-padding)); padding-bottom: var(--nxwa00-padding-bottom,var(--beae-card-padding)); padding-left: var(--nxwa00-padding-left,var(--beae-card-padding)); border-width: var(--nxwa00-borderWidth-tl,var(--beae-card-border-width)) var(--nxwa00-borderWidth-tr,var(--beae-card-border-width)) var(--nxwa00-borderWidth-br,var(--beae-card-border-width)) var(--nxwa00-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--nxwa00-borderRadius-tl,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-tr,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-br,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--nxwa00-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--nxwa00-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--nxwa00-gap-tablet,var(--beae-card-gap)); padding-top: var(--nxwa00-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--nxwa00-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--nxwa00-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--nxwa00-padding-left-tablet,var(--beae-card-padding)); border-width: var(--nxwa00-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--nxwa00-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--nxwa00-borderWidth-br-desktop,var(--beae-card-border-width)) var(--nxwa00-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--nxwa00-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--nxwa00-gap-mobile,var(--beae-card-gap)); padding-top: var(--nxwa00-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--nxwa00-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--nxwa00-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--nxwa00-padding-left-mobile,var(--beae-card-padding)); border-width: var(--nxwa00-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--nxwa00-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--nxwa00-borderWidth-br-mobile,var(--beae-card-border-width)) var(--nxwa00-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--nxwa00-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--nxwa00-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--nxwa00-background-color,var(--beae-card-featured-background)); border-color: var(--nxwa00-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--nxwa00-shadowHorizontal, var(--beae-card-shadow-x)) var(--nxwa00-shadowVertical, var(--beae-card-shadow-y)) var(--nxwa00-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nxwa00-shadowColor, var(--beae-card-featured-shadow-color)) var(--nxwa00-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--nxwa00-background-color,var(--beae-card-prod-background)); border-color: var(--nxwa00-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--nxwa00-shadowHorizontal, var(--beae-card-shadow-x)) var(--nxwa00-shadowVertical, var(--beae-card-shadow-y)) var(--nxwa00-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nxwa00-shadowColor, var(--beae-card-prod-shadow-color)) var(--nxwa00-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--nxwa00-background-color,var(--beae-card-pricing-background)); border-color: var(--nxwa00-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--nxwa00-shadowHorizontal, var(--beae-card-shadow-x)) var(--nxwa00-shadowVertical, var(--beae-card-shadow-y)) var(--nxwa00-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nxwa00-shadowColor, var(--beae-card-pricing-shadow-color)) var(--nxwa00-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--nxwa00-background-color,var(--beae-card-cta-background)); border-color: var(--nxwa00-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--nxwa00-shadowHorizontal, var(--beae-card-shadow-x)) var(--nxwa00-shadowVertical, var(--beae-card-shadow-y)) var(--nxwa00-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nxwa00-shadowColor, var(--beae-card-cta-shadow-color)) var(--nxwa00-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-nxwa00"] {     display: flex;     flex-direction: var(--nxwa00-direction, column);     flex-wrap: nowrap;     justify-content: var(--nxwa00-justify-content);     align-items: var(--nxwa00-align-items);     gap: var(--nxwa00-gap, var(--nxwa00-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-nxwa00"] {                            gap: var(--nxwa00-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(--nxwa00-padding-right-tablet, 0px) - var(--nxwa00-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-nxwa00"] {                            gap: var(--nxwa00-gap-mobile, var(--nxwa00-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(--nxwa00-padding-right-mobile, 0px) - var(--nxwa00-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-tb3019"] { --tb3019-direction: row; --tb3019-direction-tablet: row; --tb3019-direction-mobile: row; --tb3019-structure: columns; --tb3019-structure-tablet: columns; --tb3019-structure-mobile: columns; --tb3019-max-width: fit-content; --tb3019-max-width-tablet: fit-content; --tb3019-max-width-mobile: fit-content; --tb3019-padding-top: 6px; --tb3019-padding-top-tablet: 6px; --tb3019-padding-top-mobile: 6px; --tb3019-padding-right: 12px; --tb3019-padding-right-tablet: 12px; --tb3019-padding-right-mobile: 12px; --tb3019-padding-bottom: 6px; --tb3019-padding-bottom-tablet: 6px; --tb3019-padding-bottom-mobile: 6px; --tb3019-padding-left: 12px; --tb3019-padding-left-tablet: 12px; --tb3019-padding-left-mobile: 12px; --tb3019-background-0: c; --tb3019-background-0-tablet: c; --tb3019-background-0-mobile: c; --tb3019-background-1: o; --tb3019-background-1-tablet: o; --tb3019-background-1-mobile: o; --tb3019-background-2: l; --tb3019-background-2-tablet: l; --tb3019-background-2-mobile: l; --tb3019-background-3: o; --tb3019-background-3-tablet: o; --tb3019-background-3-mobile: o; --tb3019-background-4: r; --tb3019-background-4-tablet: r; --tb3019-background-4-mobile: r; --tb3019-background-type: color; --tb3019-background-type-tablet: color; --tb3019-background-type-mobile: color; --tb3019-background-color: #ff00a3; --tb3019-background-color-tablet: #ff00a3; --tb3019-background-color-mobile: #ff00a3; --tb3019-borderRadius-tl: 9999px; --tb3019-borderRadius-tl-tablet: 9999px; --tb3019-borderRadius-tl-mobile: 9999px; --tb3019-borderRadius-tr: 9999px; --tb3019-borderRadius-tr-tablet: 9999px; --tb3019-borderRadius-tr-mobile: 9999px; --tb3019-borderRadius-bl: 9999px; --tb3019-borderRadius-bl-tablet: 9999px; --tb3019-borderRadius-bl-mobile: 9999px; --tb3019-borderRadius-br: 9999px; --tb3019-borderRadius-br-tablet: 9999px; --tb3019-borderRadius-br-mobile: 9999px; }[data-bnode="beae-tb3019"] { padding-top: var(--tb3019-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--tb3019-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--tb3019-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--tb3019-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--tb3019-padding-top-tablet, var(--tb3019-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--tb3019-padding-right-tablet, var(--tb3019-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--tb3019-padding-bottom-tablet, var(--tb3019-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--tb3019-padding-left-tablet, var(--tb3019-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--tb3019-padding-top-mobile, var(--tb3019-padding-top-tablet, var(--tb3019-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--tb3019-padding-right-mobile, var(--tb3019-padding-right-tablet, var(--tb3019-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--tb3019-padding-bottom-mobile, var(--tb3019-padding-bottom-tablet, var(--tb3019-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--tb3019-padding-left-mobile, var(--tb3019-padding-left-tablet, var(--tb3019-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--tb3019-position, relative); top: var(--tb3019-top, auto); right: var(--tb3019-right, auto); bottom: var(--tb3019-bottom, auto); left: var(--tb3019-left, auto); transform: var(--tb3019-transform, none); z-index: var(--tb3019-z-index, 10); aspect-ratio: var(--tb3019-background-imageRatio, auto); background: var(--tb3019-background-color,transparent); border-style: var(--tb3019-borderStyle,solid); border-color: var(--tb3019-borderColor,#000000); border-width: var(--tb3019-borderWidth-tl,0px) var(--tb3019-borderWidth-tr,0px) var(--tb3019-borderWidth-br,0px) var(--tb3019-borderWidth-bl,0px); border-radius: var(--tb3019-borderRadius-tl,0px) var(--tb3019-borderRadius-tr,0px) var(--tb3019-borderRadius-br,0px) var(--tb3019-borderRadius-bl,0px); box-shadow: var(--tb3019-shadowHorizontal, 0px) var(--tb3019-shadowVertical, 0px) var(--tb3019-shadowBlur, 0px) 1px color-mix( in srgb, var(--tb3019-shadowColor, #000000) var(--tb3019-shadowTransparent, 0%), transparent ); max-width: var(--tb3019-max-width, 100%); width: 100%; height: if(style(--tb3019-position: absolute): var(--tb3019-height,100%); else: unset ); backdrop-filter:blur(var(--tb3019-background-blur, none)) saturate(var(--tb3019-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--tb3019-position-tablet, var(--tb3019-position, relative)); top: var(--tb3019-top-tablet, var(--tb3019-top, auto)); right: var(--tb3019-right-tablet, var(--tb3019-right, auto)); bottom: var(--tb3019-bottom-tablet, var(--tb3019-bottom, auto)); left: var(--tb3019-left-tablet, var(--tb3019-left, auto)); transform: var(--tb3019-transform-tablet, var(--tb3019-transform, none)); z-index: var(--tb3019-z-index-tablet, var(--tb3019-z-index, 10)); aspect-ratio: var(--tb3019-background-imageRatio-tablet, var(--tb3019-background-imageRatio, auto)); border-width: var(--tb3019-borderWidth-tl-tablet, var(--tb3019-borderWidth-tl,0px)) var(--tb3019-borderWidth-tr-tablet,var(--tb3019-borderWidth-tr,0px)) var(--tb3019-borderWidth-br-tablet,var(--tb3019-borderWidth-br,0px)) var(--tb3019-borderWidth-bl-tablet,var(--tb3019-borderWidth-bl,0px)); border-radius: var(--tb3019-borderRadius-tl-tablet,var(--tb3019-borderRadius-tl,0px)) var(--tb3019-borderRadius-tr-tablet,var(--tb3019-borderRadius-tr,0px)) var(--tb3019-borderRadius-br-tablet,var(--tb3019-borderRadius-br,0px)) var(--tb3019-borderRadius-bl-tablet,var(--tb3019-borderRadius-bl,0px)); max-width: var(--tb3019-max-width-tablet, var(--tb3019-max-width, 100%)); height: if(style(--tb3019-position-tablet: absolute): var(--tb3019-height-tablet,var(--tb3019-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--tb3019-position-mobile, var(--tb3019-position-tablet, var(--tb3019-position, relative))); top: var(--tb3019-top-mobile, var(--tb3019-top-tablet, var(--tb3019-top, auto))); right: var(--tb3019-right-mobile, var(--tb3019-right-tablet, var(--tb3019-right, auto))); bottom: var(--tb3019-bottom-mobile, var(--tb3019-bottom-tablet, var(--tb3019-bottom, auto))); left: var(--tb3019-left-mobile, var(--tb3019-left-tablet, var(--tb3019-left, auto))); transform: var(--tb3019-transform-mobile, var(--tb3019-transform-tablet, var(--tb3019-transform, none))); z-index: var(--tb3019-z-index-mobile, var(--tb3019-z-index-tablet, var(--tb3019-z-index, 10))); aspect-ratio: var(--tb3019-background-imageRatio-mobile, var(--tb3019-background-imageRatio, auto)); border-width: var(--tb3019-borderWidth-tl-mobile, var(--tb3019-borderWidth-tl,0px)) var(--tb3019-borderWidth-tr-mobile,var(--tb3019-borderWidth-tr,0px)) var(--tb3019-borderWidth-br-mobile,var(--tb3019-borderWidth-br,0px)) var(--tb3019-borderWidth-bl-mobile,var(--tb3019-borderWidth-bl,0px)); border-radius: var(--tb3019-borderRadius-tl-mobile,var(--tb3019-borderRadius-tl,0px)) var(--tb3019-borderRadius-tr-mobile,var(--tb3019-borderRadius-tr,0px)) var(--tb3019-borderRadius-br-mobile,var(--tb3019-borderRadius-br,0px)) var(--tb3019-borderRadius-bl-mobile,var(--tb3019-borderRadius-bl,0px)); max-width: var(--tb3019-max-width-mobile, var(--tb3019-max-width, 100%)); height: if(style(--tb3019-position-mobile: absolute): var(--tb3019-height-mobile,var(--tb3019-height-tablet,,var(--tb3019-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--tb3019-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--tb3019-gap,var(--beae-card-gap)); padding-top: var(--tb3019-padding-top,var(--beae-card-padding)); padding-right: var(--tb3019-padding-right,var(--beae-card-padding)); padding-bottom: var(--tb3019-padding-bottom,var(--beae-card-padding)); padding-left: var(--tb3019-padding-left,var(--beae-card-padding)); border-width: var(--tb3019-borderWidth-tl,var(--beae-card-border-width)) var(--tb3019-borderWidth-tr,var(--beae-card-border-width)) var(--tb3019-borderWidth-br,var(--beae-card-border-width)) var(--tb3019-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--tb3019-borderRadius-tl,var(--beae-card-border-radius)) var(--tb3019-borderRadius-tr,var(--beae-card-border-radius)) var(--tb3019-borderRadius-br,var(--beae-card-border-radius)) var(--tb3019-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--tb3019-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--tb3019-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--tb3019-gap-tablet,var(--beae-card-gap)); padding-top: var(--tb3019-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--tb3019-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--tb3019-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--tb3019-padding-left-tablet,var(--beae-card-padding)); border-width: var(--tb3019-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--tb3019-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--tb3019-borderWidth-br-desktop,var(--beae-card-border-width)) var(--tb3019-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--tb3019-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--tb3019-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--tb3019-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--tb3019-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--tb3019-gap-mobile,var(--beae-card-gap)); padding-top: var(--tb3019-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--tb3019-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--tb3019-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--tb3019-padding-left-mobile,var(--beae-card-padding)); border-width: var(--tb3019-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--tb3019-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--tb3019-borderWidth-br-mobile,var(--beae-card-border-width)) var(--tb3019-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--tb3019-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--tb3019-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--tb3019-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--tb3019-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--tb3019-background-color,var(--beae-card-featured-background)); border-color: var(--tb3019-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--tb3019-shadowHorizontal, var(--beae-card-shadow-x)) var(--tb3019-shadowVertical, var(--beae-card-shadow-y)) var(--tb3019-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tb3019-shadowColor, var(--beae-card-featured-shadow-color)) var(--tb3019-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--tb3019-background-color,var(--beae-card-prod-background)); border-color: var(--tb3019-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--tb3019-shadowHorizontal, var(--beae-card-shadow-x)) var(--tb3019-shadowVertical, var(--beae-card-shadow-y)) var(--tb3019-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tb3019-shadowColor, var(--beae-card-prod-shadow-color)) var(--tb3019-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--tb3019-background-color,var(--beae-card-pricing-background)); border-color: var(--tb3019-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--tb3019-shadowHorizontal, var(--beae-card-shadow-x)) var(--tb3019-shadowVertical, var(--beae-card-shadow-y)) var(--tb3019-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tb3019-shadowColor, var(--beae-card-pricing-shadow-color)) var(--tb3019-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--tb3019-background-color,var(--beae-card-cta-background)); border-color: var(--tb3019-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--tb3019-shadowHorizontal, var(--beae-card-shadow-x)) var(--tb3019-shadowVertical, var(--beae-card-shadow-y)) var(--tb3019-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tb3019-shadowColor, var(--beae-card-cta-shadow-color)) var(--tb3019-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-tb3019"] {     display: flex;     flex-direction: var(--tb3019-direction, column);     flex-wrap: nowrap;     justify-content: var(--tb3019-justify-content);     align-items: var(--tb3019-align-items);     gap: var(--tb3019-gap, var(--tb3019-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(--tb3019-padding-right, 0px) - var(--tb3019-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-tb3019"] {                            gap: var(--tb3019-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(--tb3019-padding-right-tablet, 0px) - var(--tb3019-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-tb3019"] {                            gap: var(--tb3019-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(--tb3019-padding-right-mobile, 0px) - var(--tb3019-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-gnj9bi"] { --gnj9bi-typography: p; --gnj9bi-typography-tablet: p; --gnj9bi-typography-mobile: p; --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #100D09; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; }[data-bnode="beae-gnj9bi"] { margin-top: var(--gnj9bi-margin-top, 0px); margin-right: var(--gnj9bi-margin-right, 0px); margin-bottom: var(--gnj9bi-margin-bottom, 0px); margin-left: var(--gnj9bi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gnj9bi-margin-top-tablet, 0px); margin-right: var(--gnj9bi-margin-right-tablet, 0px); margin-bottom: var(--gnj9bi-margin-bottom-tablet, 0px); margin-left: var(--gnj9bi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gnj9bi-margin-top-mobile, 0px); margin-right: var(--gnj9bi-margin-right-mobile, 0px); margin-bottom: var(--gnj9bi-margin-bottom-mobile, 0px); margin-left: var(--gnj9bi-margin-left-mobile, 0px); } }[data-bnode="beae-279eqp"] { --279eqp-typography: h2; --279eqp-typography-tablet: h2; --279eqp-typography-mobile: h2; --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #ff00a3; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --beae-h2-text-align: center; }[data-bnode="beae-279eqp"] { margin-top: var(--279eqp-margin-top, 0px); margin-right: var(--279eqp-margin-right, 0px); margin-bottom: var(--279eqp-margin-bottom, 0px); margin-left: var(--279eqp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--279eqp-margin-top-tablet, 0px); margin-right: var(--279eqp-margin-right-tablet, 0px); margin-bottom: var(--279eqp-margin-bottom-tablet, 0px); margin-left: var(--279eqp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--279eqp-margin-top-mobile, 0px); margin-right: var(--279eqp-margin-right-mobile, 0px); margin-bottom: var(--279eqp-margin-bottom-mobile, 0px); margin-left: var(--279eqp-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--279eqp-highlightColor,var(--beae-p-color)); top: var(--279eqp-highlightTop, 100%); } }[data-bnode="beae-m1b1lj"] { --m1b1lj-direction: row; --m1b1lj-direction-tablet: row; --m1b1lj-direction-mobile: row; --m1b1lj-structure: columns; --m1b1lj-structure-tablet: columns; --m1b1lj-structure-mobile: columns; }[data-bnode="beae-m1b1lj"] { padding-top: var(--m1b1lj-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--m1b1lj-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--m1b1lj-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--m1b1lj-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--m1b1lj-padding-top-tablet, var(--m1b1lj-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--m1b1lj-padding-right-tablet, var(--m1b1lj-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--m1b1lj-padding-bottom-tablet, var(--m1b1lj-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--m1b1lj-padding-left-tablet, var(--m1b1lj-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--m1b1lj-padding-top-mobile, var(--m1b1lj-padding-top-tablet, var(--m1b1lj-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--m1b1lj-padding-right-mobile, var(--m1b1lj-padding-right-tablet, var(--m1b1lj-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--m1b1lj-padding-bottom-mobile, var(--m1b1lj-padding-bottom-tablet, var(--m1b1lj-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--m1b1lj-padding-left-mobile, var(--m1b1lj-padding-left-tablet, var(--m1b1lj-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--m1b1lj-position, relative); top: var(--m1b1lj-top, auto); right: var(--m1b1lj-right, auto); bottom: var(--m1b1lj-bottom, auto); left: var(--m1b1lj-left, auto); transform: var(--m1b1lj-transform, none); z-index: var(--m1b1lj-z-index, 10); aspect-ratio: var(--m1b1lj-background-imageRatio, auto); background: var(--m1b1lj-background-color,transparent); border-style: var(--m1b1lj-borderStyle,solid); border-color: var(--m1b1lj-borderColor,#000000); border-width: var(--m1b1lj-borderWidth-tl,0px) var(--m1b1lj-borderWidth-tr,0px) var(--m1b1lj-borderWidth-br,0px) var(--m1b1lj-borderWidth-bl,0px); border-radius: var(--m1b1lj-borderRadius-tl,0px) var(--m1b1lj-borderRadius-tr,0px) var(--m1b1lj-borderRadius-br,0px) var(--m1b1lj-borderRadius-bl,0px); box-shadow: var(--m1b1lj-shadowHorizontal, 0px) var(--m1b1lj-shadowVertical, 0px) var(--m1b1lj-shadowBlur, 0px) 1px color-mix( in srgb, var(--m1b1lj-shadowColor, #000000) var(--m1b1lj-shadowTransparent, 0%), transparent ); max-width: var(--m1b1lj-max-width, 100%); width: 100%; height: if(style(--m1b1lj-position: absolute): var(--m1b1lj-height,100%); else: unset ); backdrop-filter:blur(var(--m1b1lj-background-blur, none)) saturate(var(--m1b1lj-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--m1b1lj-position-tablet, var(--m1b1lj-position, relative)); top: var(--m1b1lj-top-tablet, var(--m1b1lj-top, auto)); right: var(--m1b1lj-right-tablet, var(--m1b1lj-right, auto)); bottom: var(--m1b1lj-bottom-tablet, var(--m1b1lj-bottom, auto)); left: var(--m1b1lj-left-tablet, var(--m1b1lj-left, auto)); transform: var(--m1b1lj-transform-tablet, var(--m1b1lj-transform, none)); z-index: var(--m1b1lj-z-index-tablet, var(--m1b1lj-z-index, 10)); aspect-ratio: var(--m1b1lj-background-imageRatio-tablet, var(--m1b1lj-background-imageRatio, auto)); border-width: var(--m1b1lj-borderWidth-tl-tablet, var(--m1b1lj-borderWidth-tl,0px)) var(--m1b1lj-borderWidth-tr-tablet,var(--m1b1lj-borderWidth-tr,0px)) var(--m1b1lj-borderWidth-br-tablet,var(--m1b1lj-borderWidth-br,0px)) var(--m1b1lj-borderWidth-bl-tablet,var(--m1b1lj-borderWidth-bl,0px)); border-radius: var(--m1b1lj-borderRadius-tl-tablet,var(--m1b1lj-borderRadius-tl,0px)) var(--m1b1lj-borderRadius-tr-tablet,var(--m1b1lj-borderRadius-tr,0px)) var(--m1b1lj-borderRadius-br-tablet,var(--m1b1lj-borderRadius-br,0px)) var(--m1b1lj-borderRadius-bl-tablet,var(--m1b1lj-borderRadius-bl,0px)); max-width: var(--m1b1lj-max-width-tablet, var(--m1b1lj-max-width, 100%)); height: if(style(--m1b1lj-position-tablet: absolute): var(--m1b1lj-height-tablet,var(--m1b1lj-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--m1b1lj-position-mobile, var(--m1b1lj-position-tablet, var(--m1b1lj-position, relative))); top: var(--m1b1lj-top-mobile, var(--m1b1lj-top-tablet, var(--m1b1lj-top, auto))); right: var(--m1b1lj-right-mobile, var(--m1b1lj-right-tablet, var(--m1b1lj-right, auto))); bottom: var(--m1b1lj-bottom-mobile, var(--m1b1lj-bottom-tablet, var(--m1b1lj-bottom, auto))); left: var(--m1b1lj-left-mobile, var(--m1b1lj-left-tablet, var(--m1b1lj-left, auto))); transform: var(--m1b1lj-transform-mobile, var(--m1b1lj-transform-tablet, var(--m1b1lj-transform, none))); z-index: var(--m1b1lj-z-index-mobile, var(--m1b1lj-z-index-tablet, var(--m1b1lj-z-index, 10))); aspect-ratio: var(--m1b1lj-background-imageRatio-mobile, var(--m1b1lj-background-imageRatio, auto)); border-width: var(--m1b1lj-borderWidth-tl-mobile, var(--m1b1lj-borderWidth-tl,0px)) var(--m1b1lj-borderWidth-tr-mobile,var(--m1b1lj-borderWidth-tr,0px)) var(--m1b1lj-borderWidth-br-mobile,var(--m1b1lj-borderWidth-br,0px)) var(--m1b1lj-borderWidth-bl-mobile,var(--m1b1lj-borderWidth-bl,0px)); border-radius: var(--m1b1lj-borderRadius-tl-mobile,var(--m1b1lj-borderRadius-tl,0px)) var(--m1b1lj-borderRadius-tr-mobile,var(--m1b1lj-borderRadius-tr,0px)) var(--m1b1lj-borderRadius-br-mobile,var(--m1b1lj-borderRadius-br,0px)) var(--m1b1lj-borderRadius-bl-mobile,var(--m1b1lj-borderRadius-bl,0px)); max-width: var(--m1b1lj-max-width-mobile, var(--m1b1lj-max-width, 100%)); height: if(style(--m1b1lj-position-mobile: absolute): var(--m1b1lj-height-mobile,var(--m1b1lj-height-tablet,,var(--m1b1lj-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--m1b1lj-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--m1b1lj-gap,var(--beae-card-gap)); padding-top: var(--m1b1lj-padding-top,var(--beae-card-padding)); padding-right: var(--m1b1lj-padding-right,var(--beae-card-padding)); padding-bottom: var(--m1b1lj-padding-bottom,var(--beae-card-padding)); padding-left: var(--m1b1lj-padding-left,var(--beae-card-padding)); border-width: var(--m1b1lj-borderWidth-tl,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-tr,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-br,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--m1b1lj-borderRadius-tl,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-tr,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-br,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--m1b1lj-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--m1b1lj-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--m1b1lj-gap-tablet,var(--beae-card-gap)); padding-top: var(--m1b1lj-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--m1b1lj-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--m1b1lj-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--m1b1lj-padding-left-tablet,var(--beae-card-padding)); border-width: var(--m1b1lj-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-br-desktop,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--m1b1lj-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--m1b1lj-gap-mobile,var(--beae-card-gap)); padding-top: var(--m1b1lj-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--m1b1lj-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--m1b1lj-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--m1b1lj-padding-left-mobile,var(--beae-card-padding)); border-width: var(--m1b1lj-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-br-mobile,var(--beae-card-border-width)) var(--m1b1lj-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--m1b1lj-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--m1b1lj-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--m1b1lj-background-color,var(--beae-card-featured-background)); border-color: var(--m1b1lj-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--m1b1lj-shadowHorizontal, var(--beae-card-shadow-x)) var(--m1b1lj-shadowVertical, var(--beae-card-shadow-y)) var(--m1b1lj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m1b1lj-shadowColor, var(--beae-card-featured-shadow-color)) var(--m1b1lj-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--m1b1lj-background-color,var(--beae-card-prod-background)); border-color: var(--m1b1lj-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--m1b1lj-shadowHorizontal, var(--beae-card-shadow-x)) var(--m1b1lj-shadowVertical, var(--beae-card-shadow-y)) var(--m1b1lj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m1b1lj-shadowColor, var(--beae-card-prod-shadow-color)) var(--m1b1lj-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--m1b1lj-background-color,var(--beae-card-pricing-background)); border-color: var(--m1b1lj-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--m1b1lj-shadowHorizontal, var(--beae-card-shadow-x)) var(--m1b1lj-shadowVertical, var(--beae-card-shadow-y)) var(--m1b1lj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m1b1lj-shadowColor, var(--beae-card-pricing-shadow-color)) var(--m1b1lj-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--m1b1lj-background-color,var(--beae-card-cta-background)); border-color: var(--m1b1lj-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--m1b1lj-shadowHorizontal, var(--beae-card-shadow-x)) var(--m1b1lj-shadowVertical, var(--beae-card-shadow-y)) var(--m1b1lj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--m1b1lj-shadowColor, var(--beae-card-cta-shadow-color)) var(--m1b1lj-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-m1b1lj"] {     display: flex;     flex-direction: var(--m1b1lj-direction, column);     flex-wrap: nowrap;     justify-content: var(--m1b1lj-justify-content);     align-items: var(--m1b1lj-align-items);     gap: var(--m1b1lj-gap, var(--m1b1lj-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(--m1b1lj-padding-right, 0px) - var(--m1b1lj-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-m1b1lj"] {                            gap: var(--m1b1lj-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(--m1b1lj-padding-right-tablet, 0px) - var(--m1b1lj-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-m1b1lj"] {                            gap: var(--m1b1lj-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(--m1b1lj-padding-right-mobile, 0px) - var(--m1b1lj-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-cegl93"] { --cegl93-columns: 2; --cegl93-columns-tablet: 3; --cegl93-columns-mobile: 1; --cegl93-gap: 40px; --cegl93-gap-tablet: 32px; --cegl93-gap-mobile: 24px; --cegl93-navType: true; --cegl93-navType-tablet: true; --cegl93-navType-mobile: true; --cegl93-pagiType: false; --cegl93-pagiType-tablet: false; --cegl93-pagiType-mobile: false; --cegl93-listType: slider; --cegl93-listType-tablet: slider; --cegl93-listType-mobile: grid; --cegl93-stateNavigation: normal; --cegl93-stateNavigation-tablet: normal; --cegl93-stateNavigation-mobile: normal; --cegl93-statePagination: normal; --cegl93-statePagination-tablet: normal; --cegl93-statePagination-mobile: normal; --cegl93-stateNavigtion: normal; --cegl93-stateNavigtion-tablet: normal; --cegl93-stateNavigtion-mobile: normal; --cegl93-columnsMobile-mobile: 1; } [data-bnode="beae-cegl93"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-cegl93"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-cegl93"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-cegl93"] [data-bnode="beae-qzwgd3"] { --qzwgd3-width: 80px; --qzwgd3-imageRatio: 1/1; --qzwgd3-objFit: cover; --qzwgd3-borderColor: #000000; --qzwgd3-shadowColor: #000000; --qzwgd3-borderStyle: none; --qzwgd3-enableShadow: false; --qzwgd3-width-mobile: 56px; } [data-bnode="beae-cegl93"] [data-bnode="beae-jl07lo"] { --beae-p-text-align: center; --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; } [data-bnode="beae-cegl93"] [data-bnode="beae-virjnq"] { --virjnq-button: pr; --beae-btn-border-radius: 19px; --beae-btn-pr-background-color: #ff00a3; } [data-bnode="beae-cegl93"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; }[data-bnode="beae-cegl93"] { margin-top: var(--cegl93-margin-top, 0px); margin-right: var(--cegl93-margin-right, 0px); margin-bottom: var(--cegl93-margin-bottom, 0px); margin-left: var(--cegl93-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cegl93-margin-top-tablet, 0px); margin-right: var(--cegl93-margin-right-tablet, 0px); margin-bottom: var(--cegl93-margin-bottom-tablet, 0px); margin-left: var(--cegl93-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cegl93-margin-top-mobile, 0px); margin-right: var(--cegl93-margin-right-mobile, 0px); margin-bottom: var(--cegl93-margin-bottom-mobile, 0px); margin-left: var(--cegl93-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(--cegl93-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--cegl93-gap,var(--beae-grid-gap, 20px)) * (var(--cegl93-columns, 3) - 1)) / var(--cegl93-columns, 3)); &:last-child{ margin-right: var(--cegl93-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(--cegl93-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--cegl93-columns) - 1) * var(--cegl93-gap,var(--beae-grid-gap, 20px))) / var(--cegl93-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--cegl93-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--cegl93-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--cegl93-columns-tablet, 3) - 1)) / var(--cegl93-columns-tablet, 3)); &:last-child{ margin-right: var(--cegl93-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(--cegl93-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--cegl93-columns-tablet) - 1) * var(--cegl93-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--cegl93-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--cegl93-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--cegl93-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--cegl93-columnsMobile-mobile, 1) - 1)) / var(--cegl93-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--cegl93-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(--cegl93-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--cegl93-columnsMobile-mobile) - 1) * var(--cegl93-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--cegl93-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--cegl93-navPadding,12px); background:var(--cegl93-navBg,#F5F5F5); color: var(--cegl93-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--cegl93-navBgHover,#CCCCCC); color: var(--cegl93-navColorHover,var(--beae-text-color)); } svg { width: var(--cegl93-navIconSize,20px); height: var(--cegl93-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--cegl93-pagiBg,#E6E6E6); &.active { background:var(--cegl93-pagiBgActive,#181818); } &:not(.active):hover { background:var(--cegl93-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--cegl93-pagiColor,#e6e6e6); &.active { color:var(--cegl93-pagiColorActive,#181818); } &:not(.active):hover { color: var(--cegl93-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--cegl93-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--cegl93-pagiBg,#E6E6E6); &.active { background: var(--cegl93-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--cegl93-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-cegl93"] [data-bnode="beae-qzwgd3"] { margin-top: var(--qzwgd3-margin-top, 0px); margin-right: var(--qzwgd3-margin-right, 0px); margin-bottom: var(--qzwgd3-margin-bottom, 0px); margin-left: var(--qzwgd3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qzwgd3-margin-top-tablet, 0px); margin-right: var(--qzwgd3-margin-right-tablet, 0px); margin-bottom: var(--qzwgd3-margin-bottom-tablet, 0px); margin-left: var(--qzwgd3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qzwgd3-margin-top-mobile, 0px); margin-right: var(--qzwgd3-margin-right-mobile, 0px); margin-bottom: var(--qzwgd3-margin-bottom-mobile, 0px); margin-left: var(--qzwgd3-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--qzwgd3-width,100%) - var(--qzwgd3-margin-left,0px) - var(--qzwgd3-margin-right,0px)); min-height: min-content; border-color: var(--qzwgd3-borderColor,var(--beae-card-media-border-color)); border-style: var(--qzwgd3-borderStyle,solid); border-width: var(--qzwgd3-borderWidth-tl,var(--beae-card-border-width)) var(--qzwgd3-borderWidth-tr,var(--beae-card-border-width)) var(--qzwgd3-borderWidth-br,var(--beae-card-border-width)) var(--qzwgd3-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--qzwgd3-borderRadius-tl,var(--beae-card-border-radius)) var(--qzwgd3-borderRadius-tr,var(--beae-card-border-radius)) var(--qzwgd3-borderRadius-br,var(--beae-card-border-radius)) var(--qzwgd3-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--qzwgd3-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--qzwgd3-borderWidth-tl-tablet, var(--qzwgd3-borderWidth-tl,var(--beae-card-border-width))) var(--qzwgd3-borderWidth-tr-tablet, var(--qzwgd3-borderWidth-tr,var(--beae-card-border-width))) var(--qzwgd3-borderWidth-br-tablet, var(--qzwgd3-borderWidth-br,var(--beae-card-border-width))) var(--qzwgd3-borderWidth-bl-tablet, var(--qzwgd3-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--qzwgd3-borderRadius-tl-tablet, var(--qzwgd3-borderRadius-tl,var(--beae-card-border-radius))) var(--qzwgd3-borderRadius-tr-tablet, var(--qzwgd3-borderRadius-tr,var(--beae-card-border-radius))) var(--qzwgd3-borderRadius-br-tablet, var(--qzwgd3-borderRadius-br,var(--beae-card-border-radius))) var(--qzwgd3-borderRadius-bl-tablet, var(--qzwgd3-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--qzwgd3-borderWidth-tl-mobile, var(--qzwgd3-borderWidth-tl,var(--beae-card-border-width))) var(--qzwgd3-borderWidth-tr-mobile, var(--qzwgd3-borderWidth-tr,var(--beae-card-border-width))) var(--qzwgd3-borderWidth-br-mobile, var(--qzwgd3-borderWidth-br,var(--beae-card-border-width))) var(--qzwgd3-borderWidth-bl-mobile, var(--qzwgd3-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--qzwgd3-borderRadius-tl-mobile, var(--qzwgd3-borderRadius-tl,var(--beae-card-border-radius))) var(--qzwgd3-borderRadius-tr-mobile, var(--qzwgd3-borderRadius-tr,var(--beae-card-border-radius))) var(--qzwgd3-borderRadius-br-mobile, var(--qzwgd3-borderRadius-br,var(--beae-card-border-radius))) var(--qzwgd3-borderRadius-bl-mobile, var(--qzwgd3-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--qzwgd3-shadowHorizontal, var(--beae-card-shadow-x)) var(--qzwgd3-shadowVertical, var(--beae-card-shadow-y)) var(--qzwgd3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qzwgd3-shadowColor, var(--beae-card-media-shadow-color)) var(--qzwgd3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--qzwgd3-overlayColor-color, #000); opacity: var(--qzwgd3-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--qzwgd3-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--qzwgd3-width-tablet,var(--qzwgd3-width,100%)) - var(--qzwgd3-margin-left-tablet,var(--qzwgd3-margin-left,0px)) - var(--qzwgd3-margin-right-tablet,var(--qzwgd3-margin-right,0px))); aspect-ratio: var(--qzwgd3-imageRatio-tablet, var(--qzwgd3-imageRatio, auto)); img { object-fit: var(--qzwgd3-objFit-tablet, var(--qzwgd3-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--qzwgd3-width-mobile,var(--qzwgd3-width,100%)) - var(--qzwgd3-margin-left-mobile,var(--qzwgd3-margin-left,0px)) - var(--qzwgd3-margin-right-mobile,var(--qzwgd3-margin-right,0px))); aspect-ratio: var(--qzwgd3-imageRatio-mobile, var(--qzwgd3-imageRatio, auto)); img { object-fit: var(--qzwgd3-objFit-mobile, var(--qzwgd3-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-cegl93"] [data-bnode="beae-jl07lo"] { margin-top: var(--jl07lo-margin-top, 0px); margin-right: var(--jl07lo-margin-right, 0px); margin-bottom: var(--jl07lo-margin-bottom, 0px); margin-left: var(--jl07lo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jl07lo-margin-top-tablet, 0px); margin-right: var(--jl07lo-margin-right-tablet, 0px); margin-bottom: var(--jl07lo-margin-bottom-tablet, 0px); margin-left: var(--jl07lo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jl07lo-margin-top-mobile, 0px); margin-right: var(--jl07lo-margin-right-mobile, 0px); margin-bottom: var(--jl07lo-margin-bottom-mobile, 0px); margin-left: var(--jl07lo-margin-left-mobile, 0px); } &{ a { text-decoration: underline; } ul, ol { padding-inline-start: 28px; } } } [data-bnode="beae-cegl93"] [data-bnode="beae-virjnq"] { margin-top: var(--virjnq-margin-top, 0px); margin-right: var(--virjnq-margin-right, 0px); margin-bottom: var(--virjnq-margin-bottom, 0px); margin-left: var(--virjnq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--virjnq-margin-top-tablet, 0px); margin-right: var(--virjnq-margin-right-tablet, 0px); margin-bottom: var(--virjnq-margin-bottom-tablet, 0px); margin-left: var(--virjnq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--virjnq-margin-top-mobile, 0px); margin-right: var(--virjnq-margin-right-mobile, 0px); margin-bottom: var(--virjnq-margin-bottom-mobile, 0px); margin-left: var(--virjnq-margin-left-mobile, 0px); } &{ gap:var(--virjnq-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--virjnq-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--virjnq-bgBtnHover)) * 1%)); style(--virjnq-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--virjnq-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--virjnq-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--virjnq-labelBtnHover)) * 1%)); style(--virjnq-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--virjnq-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--virjnq-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--virjnq-borderBtnHover)) * 1%)); style(--virjnq-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--virjnq-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--virjnq-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--virjnq-bgBtnHover)) * 1%)); style(--virjnq-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--virjnq-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--virjnq-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--virjnq-labelBtnHover)) * 1%)); style(--virjnq-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--virjnq-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--virjnq-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--virjnq-borderBtnHover)) * 1%)); style(--virjnq-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--virjnq-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--virjnq-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--virjnq-labelBtnHover)) * 1%)); style(--virjnq-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--virjnq-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--virjnq-iconWidth); } svg { width: var(--virjnq-iconWidth,20px); min-width: var(--virjnq-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--virjnq-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--virjnq-iconWidth-tablet, var(--virjnq-iconWidth)); } svg { width: var(--virjnq-iconWidth-tablet, var(--virjnq-iconWidth)); min-width: var(--virjnq-iconWidth-tablet, var(--virjnq-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--virjnq-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--virjnq-iconWidth-mobile, var(--virjnq-iconWidth)); } svg { width: var(--virjnq-iconWidth-mobile, var(--virjnq-iconWidth)); min-width: var(--virjnq-iconWidth-mobile, var(--virjnq-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } } [data-bnode="beae-cegl93"] [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-cegl93"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-cegl93"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-cegl93"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rlvnk7"] { --rlvnk7-width: 1600px; --rlvnk7-width-tablet: 1600px; --rlvnk7-width-mobile: 1600px; --rlvnk7-height: fit-content; --rlvnk7-height-tablet: fit-content; --rlvnk7-height-mobile: fit-content; --rlvnk7-padding-top: 112px; --rlvnk7-padding-top-tablet: 80px; --rlvnk7-padding-top-mobile: 56px; --rlvnk7-padding-bottom: 112px; --rlvnk7-padding-bottom-tablet: 0px; --rlvnk7-padding-bottom-mobile: 0px; --rlvnk7-padding-right: 32px; --rlvnk7-padding-right-tablet: 16px; --rlvnk7-padding-right-mobile: 16px; --rlvnk7-padding-left: 32px; --rlvnk7-padding-left-tablet: 16px; --rlvnk7-padding-left-mobile: 16px; --rlvnk7-gap: 48px; --rlvnk7-gap-tablet: 40px; --rlvnk7-gap-mobile: 32px; --rlvnk7-background-type: image; --rlvnk7-background-type-tablet: image; --rlvnk7-background-type-mobile: image; --rlvnk7-background-image: [object Object]; --rlvnk7-background-image-tablet: [object Object]; --rlvnk7-background-image-mobile: [object Object]; }[data-bnode="beae-rlvnk7"] { padding-top: var(--rlvnk7-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--rlvnk7-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--rlvnk7-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--rlvnk7-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rlvnk7-padding-top-tablet, var(--rlvnk7-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--rlvnk7-padding-right-tablet, var(--rlvnk7-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--rlvnk7-padding-bottom-tablet, var(--rlvnk7-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--rlvnk7-padding-left-tablet, var(--rlvnk7-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rlvnk7-padding-top-mobile, var(--rlvnk7-padding-top-tablet, var(--rlvnk7-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--rlvnk7-padding-right-mobile, var(--rlvnk7-padding-right-tablet, var(--rlvnk7-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--rlvnk7-padding-bottom-mobile, var(--rlvnk7-padding-bottom-tablet, var(--rlvnk7-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--rlvnk7-padding-left-mobile, var(--rlvnk7-padding-left-tablet, var(--rlvnk7-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--rlvnk7-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--rlvnk7-height); width: 100%; max-width: var(--rlvnk7-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(--rlvnk7-height-tablet, auto); width: 100%; max-width: var(--rlvnk7-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--rlvnk7-height-mobile, auto); width: 100%; max-width: var(--rlvnk7-width-mobile, 100%); } } } }[data-bnode="beae-rlvnk7"] > .beae-section-container{     display: flex;     flex-direction: var(--rlvnk7-direction, column);     flex-wrap: nowrap;     justify-content: var(--rlvnk7-justify-content);     align-items: var(--rlvnk7-align-items);     gap: var(--rlvnk7-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-rlvnk7"] > .beae-section-container{                            gap: var(--rlvnk7-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(--rlvnk7-padding-right-tablet, 0px) - var(--rlvnk7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rlvnk7"] > .beae-section-container{                            gap: var(--rlvnk7-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(--rlvnk7-padding-right-mobile, 0px) - var(--rlvnk7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-u55ftn"] { --u55ftn-direction: column; --u55ftn-direction-tablet: column; --u55ftn-direction-mobile: column; --u55ftn-structure: columns; --u55ftn-structure-tablet: columns; --u55ftn-structure-mobile: columns; --u55ftn-gap: 20px; --u55ftn-gap-tablet: 20px; --u55ftn-gap-mobile: 16px; --u55ftn-align-items: center; --u55ftn-align-items-tablet: center; --u55ftn-align-items-mobile: center; }[data-bnode="beae-u55ftn"] { padding-top: var(--u55ftn-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--u55ftn-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--u55ftn-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--u55ftn-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--u55ftn-padding-top-tablet, var(--u55ftn-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--u55ftn-padding-right-tablet, var(--u55ftn-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--u55ftn-padding-bottom-tablet, var(--u55ftn-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--u55ftn-padding-left-tablet, var(--u55ftn-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--u55ftn-padding-top-mobile, var(--u55ftn-padding-top-tablet, var(--u55ftn-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--u55ftn-padding-right-mobile, var(--u55ftn-padding-right-tablet, var(--u55ftn-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--u55ftn-padding-bottom-mobile, var(--u55ftn-padding-bottom-tablet, var(--u55ftn-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--u55ftn-padding-left-mobile, var(--u55ftn-padding-left-tablet, var(--u55ftn-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--u55ftn-position, relative); top: var(--u55ftn-top, auto); right: var(--u55ftn-right, auto); bottom: var(--u55ftn-bottom, auto); left: var(--u55ftn-left, auto); transform: var(--u55ftn-transform, none); z-index: var(--u55ftn-z-index, 10); aspect-ratio: var(--u55ftn-background-imageRatio, auto); background: var(--u55ftn-background-color,transparent); border-style: var(--u55ftn-borderStyle,solid); border-color: var(--u55ftn-borderColor,#000000); border-width: var(--u55ftn-borderWidth-tl,0px) var(--u55ftn-borderWidth-tr,0px) var(--u55ftn-borderWidth-br,0px) var(--u55ftn-borderWidth-bl,0px); border-radius: var(--u55ftn-borderRadius-tl,0px) var(--u55ftn-borderRadius-tr,0px) var(--u55ftn-borderRadius-br,0px) var(--u55ftn-borderRadius-bl,0px); box-shadow: var(--u55ftn-shadowHorizontal, 0px) var(--u55ftn-shadowVertical, 0px) var(--u55ftn-shadowBlur, 0px) 1px color-mix( in srgb, var(--u55ftn-shadowColor, #000000) var(--u55ftn-shadowTransparent, 0%), transparent ); max-width: var(--u55ftn-max-width, 100%); width: 100%; height: if(style(--u55ftn-position: absolute): var(--u55ftn-height,100%); else: unset ); backdrop-filter:blur(var(--u55ftn-background-blur, none)) saturate(var(--u55ftn-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--u55ftn-position-tablet, var(--u55ftn-position, relative)); top: var(--u55ftn-top-tablet, var(--u55ftn-top, auto)); right: var(--u55ftn-right-tablet, var(--u55ftn-right, auto)); bottom: var(--u55ftn-bottom-tablet, var(--u55ftn-bottom, auto)); left: var(--u55ftn-left-tablet, var(--u55ftn-left, auto)); transform: var(--u55ftn-transform-tablet, var(--u55ftn-transform, none)); z-index: var(--u55ftn-z-index-tablet, var(--u55ftn-z-index, 10)); aspect-ratio: var(--u55ftn-background-imageRatio-tablet, var(--u55ftn-background-imageRatio, auto)); border-width: var(--u55ftn-borderWidth-tl-tablet, var(--u55ftn-borderWidth-tl,0px)) var(--u55ftn-borderWidth-tr-tablet,var(--u55ftn-borderWidth-tr,0px)) var(--u55ftn-borderWidth-br-tablet,var(--u55ftn-borderWidth-br,0px)) var(--u55ftn-borderWidth-bl-tablet,var(--u55ftn-borderWidth-bl,0px)); border-radius: var(--u55ftn-borderRadius-tl-tablet,var(--u55ftn-borderRadius-tl,0px)) var(--u55ftn-borderRadius-tr-tablet,var(--u55ftn-borderRadius-tr,0px)) var(--u55ftn-borderRadius-br-tablet,var(--u55ftn-borderRadius-br,0px)) var(--u55ftn-borderRadius-bl-tablet,var(--u55ftn-borderRadius-bl,0px)); max-width: var(--u55ftn-max-width-tablet, var(--u55ftn-max-width, 100%)); height: if(style(--u55ftn-position-tablet: absolute): var(--u55ftn-height-tablet,var(--u55ftn-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--u55ftn-position-mobile, var(--u55ftn-position-tablet, var(--u55ftn-position, relative))); top: var(--u55ftn-top-mobile, var(--u55ftn-top-tablet, var(--u55ftn-top, auto))); right: var(--u55ftn-right-mobile, var(--u55ftn-right-tablet, var(--u55ftn-right, auto))); bottom: var(--u55ftn-bottom-mobile, var(--u55ftn-bottom-tablet, var(--u55ftn-bottom, auto))); left: var(--u55ftn-left-mobile, var(--u55ftn-left-tablet, var(--u55ftn-left, auto))); transform: var(--u55ftn-transform-mobile, var(--u55ftn-transform-tablet, var(--u55ftn-transform, none))); z-index: var(--u55ftn-z-index-mobile, var(--u55ftn-z-index-tablet, var(--u55ftn-z-index, 10))); aspect-ratio: var(--u55ftn-background-imageRatio-mobile, var(--u55ftn-background-imageRatio, auto)); border-width: var(--u55ftn-borderWidth-tl-mobile, var(--u55ftn-borderWidth-tl,0px)) var(--u55ftn-borderWidth-tr-mobile,var(--u55ftn-borderWidth-tr,0px)) var(--u55ftn-borderWidth-br-mobile,var(--u55ftn-borderWidth-br,0px)) var(--u55ftn-borderWidth-bl-mobile,var(--u55ftn-borderWidth-bl,0px)); border-radius: var(--u55ftn-borderRadius-tl-mobile,var(--u55ftn-borderRadius-tl,0px)) var(--u55ftn-borderRadius-tr-mobile,var(--u55ftn-borderRadius-tr,0px)) var(--u55ftn-borderRadius-br-mobile,var(--u55ftn-borderRadius-br,0px)) var(--u55ftn-borderRadius-bl-mobile,var(--u55ftn-borderRadius-bl,0px)); max-width: var(--u55ftn-max-width-mobile, var(--u55ftn-max-width, 100%)); height: if(style(--u55ftn-position-mobile: absolute): var(--u55ftn-height-mobile,var(--u55ftn-height-tablet,,var(--u55ftn-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--u55ftn-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--u55ftn-gap,var(--beae-card-gap)); padding-top: var(--u55ftn-padding-top,var(--beae-card-padding)); padding-right: var(--u55ftn-padding-right,var(--beae-card-padding)); padding-bottom: var(--u55ftn-padding-bottom,var(--beae-card-padding)); padding-left: var(--u55ftn-padding-left,var(--beae-card-padding)); border-width: var(--u55ftn-borderWidth-tl,var(--beae-card-border-width)) var(--u55ftn-borderWidth-tr,var(--beae-card-border-width)) var(--u55ftn-borderWidth-br,var(--beae-card-border-width)) var(--u55ftn-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--u55ftn-borderRadius-tl,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-tr,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-br,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--u55ftn-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--u55ftn-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--u55ftn-gap-tablet,var(--beae-card-gap)); padding-top: var(--u55ftn-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--u55ftn-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--u55ftn-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--u55ftn-padding-left-tablet,var(--beae-card-padding)); border-width: var(--u55ftn-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--u55ftn-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--u55ftn-borderWidth-br-desktop,var(--beae-card-border-width)) var(--u55ftn-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--u55ftn-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--u55ftn-gap-mobile,var(--beae-card-gap)); padding-top: var(--u55ftn-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--u55ftn-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--u55ftn-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--u55ftn-padding-left-mobile,var(--beae-card-padding)); border-width: var(--u55ftn-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--u55ftn-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--u55ftn-borderWidth-br-mobile,var(--beae-card-border-width)) var(--u55ftn-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--u55ftn-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--u55ftn-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--u55ftn-background-color,var(--beae-card-featured-background)); border-color: var(--u55ftn-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--u55ftn-shadowHorizontal, var(--beae-card-shadow-x)) var(--u55ftn-shadowVertical, var(--beae-card-shadow-y)) var(--u55ftn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u55ftn-shadowColor, var(--beae-card-featured-shadow-color)) var(--u55ftn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--u55ftn-background-color,var(--beae-card-prod-background)); border-color: var(--u55ftn-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--u55ftn-shadowHorizontal, var(--beae-card-shadow-x)) var(--u55ftn-shadowVertical, var(--beae-card-shadow-y)) var(--u55ftn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u55ftn-shadowColor, var(--beae-card-prod-shadow-color)) var(--u55ftn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--u55ftn-background-color,var(--beae-card-pricing-background)); border-color: var(--u55ftn-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--u55ftn-shadowHorizontal, var(--beae-card-shadow-x)) var(--u55ftn-shadowVertical, var(--beae-card-shadow-y)) var(--u55ftn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u55ftn-shadowColor, var(--beae-card-pricing-shadow-color)) var(--u55ftn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--u55ftn-background-color,var(--beae-card-cta-background)); border-color: var(--u55ftn-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--u55ftn-shadowHorizontal, var(--beae-card-shadow-x)) var(--u55ftn-shadowVertical, var(--beae-card-shadow-y)) var(--u55ftn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u55ftn-shadowColor, var(--beae-card-cta-shadow-color)) var(--u55ftn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-u55ftn"] {     display: flex;     flex-direction: var(--u55ftn-direction, column);     flex-wrap: nowrap;     justify-content: var(--u55ftn-justify-content);     align-items: var(--u55ftn-align-items);     gap: var(--u55ftn-gap, var(--u55ftn-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-u55ftn"] {                            gap: var(--u55ftn-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(--u55ftn-padding-right-tablet, 0px) - var(--u55ftn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-u55ftn"] {                            gap: var(--u55ftn-gap-mobile, var(--u55ftn-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(--u55ftn-padding-right-mobile, 0px) - var(--u55ftn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ifrv5a"] { --ifrv5a-direction: row; --ifrv5a-direction-tablet: row; --ifrv5a-direction-mobile: row; --ifrv5a-structure: columns; --ifrv5a-structure-tablet: columns; --ifrv5a-structure-mobile: columns; --ifrv5a-max-width: fit-content; --ifrv5a-max-width-tablet: fit-content; --ifrv5a-max-width-mobile: fit-content; --ifrv5a-padding-top: 6px; --ifrv5a-padding-top-tablet: 6px; --ifrv5a-padding-top-mobile: 6px; --ifrv5a-padding-right: 12px; --ifrv5a-padding-right-tablet: 12px; --ifrv5a-padding-right-mobile: 12px; --ifrv5a-padding-bottom: 6px; --ifrv5a-padding-bottom-tablet: 6px; --ifrv5a-padding-bottom-mobile: 6px; --ifrv5a-padding-left: 12px; --ifrv5a-padding-left-tablet: 12px; --ifrv5a-padding-left-mobile: 12px; --ifrv5a-background-0: c; --ifrv5a-background-0-tablet: c; --ifrv5a-background-0-mobile: c; --ifrv5a-background-1: o; --ifrv5a-background-1-tablet: o; --ifrv5a-background-1-mobile: o; --ifrv5a-background-2: l; --ifrv5a-background-2-tablet: l; --ifrv5a-background-2-mobile: l; --ifrv5a-background-3: o; --ifrv5a-background-3-tablet: o; --ifrv5a-background-3-mobile: o; --ifrv5a-background-4: r; --ifrv5a-background-4-tablet: r; --ifrv5a-background-4-mobile: r; --ifrv5a-background-type: color; --ifrv5a-background-type-tablet: color; --ifrv5a-background-type-mobile: color; --ifrv5a-background-color: #ff00a3; --ifrv5a-background-color-tablet: #ff00a3; --ifrv5a-background-color-mobile: #ff00a3; --ifrv5a-borderRadius-tl: 9999px; --ifrv5a-borderRadius-tl-tablet: 9999px; --ifrv5a-borderRadius-tl-mobile: 9999px; --ifrv5a-borderRadius-tr: 9999px; --ifrv5a-borderRadius-tr-tablet: 9999px; --ifrv5a-borderRadius-tr-mobile: 9999px; --ifrv5a-borderRadius-bl: 9999px; --ifrv5a-borderRadius-bl-tablet: 9999px; --ifrv5a-borderRadius-bl-mobile: 9999px; --ifrv5a-borderRadius-br: 9999px; --ifrv5a-borderRadius-br-tablet: 9999px; --ifrv5a-borderRadius-br-mobile: 9999px; }[data-bnode="beae-ifrv5a"] { padding-top: var(--ifrv5a-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ifrv5a-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ifrv5a-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ifrv5a-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ifrv5a-padding-top-tablet, var(--ifrv5a-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ifrv5a-padding-right-tablet, var(--ifrv5a-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ifrv5a-padding-bottom-tablet, var(--ifrv5a-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ifrv5a-padding-left-tablet, var(--ifrv5a-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ifrv5a-padding-top-mobile, var(--ifrv5a-padding-top-tablet, var(--ifrv5a-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ifrv5a-padding-right-mobile, var(--ifrv5a-padding-right-tablet, var(--ifrv5a-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ifrv5a-padding-bottom-mobile, var(--ifrv5a-padding-bottom-tablet, var(--ifrv5a-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ifrv5a-padding-left-mobile, var(--ifrv5a-padding-left-tablet, var(--ifrv5a-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ifrv5a-position, relative); top: var(--ifrv5a-top, auto); right: var(--ifrv5a-right, auto); bottom: var(--ifrv5a-bottom, auto); left: var(--ifrv5a-left, auto); transform: var(--ifrv5a-transform, none); z-index: var(--ifrv5a-z-index, 10); aspect-ratio: var(--ifrv5a-background-imageRatio, auto); background: var(--ifrv5a-background-color,transparent); border-style: var(--ifrv5a-borderStyle,solid); border-color: var(--ifrv5a-borderColor,#000000); border-width: var(--ifrv5a-borderWidth-tl,0px) var(--ifrv5a-borderWidth-tr,0px) var(--ifrv5a-borderWidth-br,0px) var(--ifrv5a-borderWidth-bl,0px); border-radius: var(--ifrv5a-borderRadius-tl,0px) var(--ifrv5a-borderRadius-tr,0px) var(--ifrv5a-borderRadius-br,0px) var(--ifrv5a-borderRadius-bl,0px); box-shadow: var(--ifrv5a-shadowHorizontal, 0px) var(--ifrv5a-shadowVertical, 0px) var(--ifrv5a-shadowBlur, 0px) 1px color-mix( in srgb, var(--ifrv5a-shadowColor, #000000) var(--ifrv5a-shadowTransparent, 0%), transparent ); max-width: var(--ifrv5a-max-width, 100%); width: 100%; height: if(style(--ifrv5a-position: absolute): var(--ifrv5a-height,100%); else: unset ); backdrop-filter:blur(var(--ifrv5a-background-blur, none)) saturate(var(--ifrv5a-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ifrv5a-position-tablet, var(--ifrv5a-position, relative)); top: var(--ifrv5a-top-tablet, var(--ifrv5a-top, auto)); right: var(--ifrv5a-right-tablet, var(--ifrv5a-right, auto)); bottom: var(--ifrv5a-bottom-tablet, var(--ifrv5a-bottom, auto)); left: var(--ifrv5a-left-tablet, var(--ifrv5a-left, auto)); transform: var(--ifrv5a-transform-tablet, var(--ifrv5a-transform, none)); z-index: var(--ifrv5a-z-index-tablet, var(--ifrv5a-z-index, 10)); aspect-ratio: var(--ifrv5a-background-imageRatio-tablet, var(--ifrv5a-background-imageRatio, auto)); border-width: var(--ifrv5a-borderWidth-tl-tablet, var(--ifrv5a-borderWidth-tl,0px)) var(--ifrv5a-borderWidth-tr-tablet,var(--ifrv5a-borderWidth-tr,0px)) var(--ifrv5a-borderWidth-br-tablet,var(--ifrv5a-borderWidth-br,0px)) var(--ifrv5a-borderWidth-bl-tablet,var(--ifrv5a-borderWidth-bl,0px)); border-radius: var(--ifrv5a-borderRadius-tl-tablet,var(--ifrv5a-borderRadius-tl,0px)) var(--ifrv5a-borderRadius-tr-tablet,var(--ifrv5a-borderRadius-tr,0px)) var(--ifrv5a-borderRadius-br-tablet,var(--ifrv5a-borderRadius-br,0px)) var(--ifrv5a-borderRadius-bl-tablet,var(--ifrv5a-borderRadius-bl,0px)); max-width: var(--ifrv5a-max-width-tablet, var(--ifrv5a-max-width, 100%)); height: if(style(--ifrv5a-position-tablet: absolute): var(--ifrv5a-height-tablet,var(--ifrv5a-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ifrv5a-position-mobile, var(--ifrv5a-position-tablet, var(--ifrv5a-position, relative))); top: var(--ifrv5a-top-mobile, var(--ifrv5a-top-tablet, var(--ifrv5a-top, auto))); right: var(--ifrv5a-right-mobile, var(--ifrv5a-right-tablet, var(--ifrv5a-right, auto))); bottom: var(--ifrv5a-bottom-mobile, var(--ifrv5a-bottom-tablet, var(--ifrv5a-bottom, auto))); left: var(--ifrv5a-left-mobile, var(--ifrv5a-left-tablet, var(--ifrv5a-left, auto))); transform: var(--ifrv5a-transform-mobile, var(--ifrv5a-transform-tablet, var(--ifrv5a-transform, none))); z-index: var(--ifrv5a-z-index-mobile, var(--ifrv5a-z-index-tablet, var(--ifrv5a-z-index, 10))); aspect-ratio: var(--ifrv5a-background-imageRatio-mobile, var(--ifrv5a-background-imageRatio, auto)); border-width: var(--ifrv5a-borderWidth-tl-mobile, var(--ifrv5a-borderWidth-tl,0px)) var(--ifrv5a-borderWidth-tr-mobile,var(--ifrv5a-borderWidth-tr,0px)) var(--ifrv5a-borderWidth-br-mobile,var(--ifrv5a-borderWidth-br,0px)) var(--ifrv5a-borderWidth-bl-mobile,var(--ifrv5a-borderWidth-bl,0px)); border-radius: var(--ifrv5a-borderRadius-tl-mobile,var(--ifrv5a-borderRadius-tl,0px)) var(--ifrv5a-borderRadius-tr-mobile,var(--ifrv5a-borderRadius-tr,0px)) var(--ifrv5a-borderRadius-br-mobile,var(--ifrv5a-borderRadius-br,0px)) var(--ifrv5a-borderRadius-bl-mobile,var(--ifrv5a-borderRadius-bl,0px)); max-width: var(--ifrv5a-max-width-mobile, var(--ifrv5a-max-width, 100%)); height: if(style(--ifrv5a-position-mobile: absolute): var(--ifrv5a-height-mobile,var(--ifrv5a-height-tablet,,var(--ifrv5a-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ifrv5a-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ifrv5a-gap,var(--beae-card-gap)); padding-top: var(--ifrv5a-padding-top,var(--beae-card-padding)); padding-right: var(--ifrv5a-padding-right,var(--beae-card-padding)); padding-bottom: var(--ifrv5a-padding-bottom,var(--beae-card-padding)); padding-left: var(--ifrv5a-padding-left,var(--beae-card-padding)); border-width: var(--ifrv5a-borderWidth-tl,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-tr,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-br,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ifrv5a-borderRadius-tl,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-tr,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-br,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ifrv5a-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ifrv5a-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ifrv5a-gap-tablet,var(--beae-card-gap)); padding-top: var(--ifrv5a-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ifrv5a-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ifrv5a-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ifrv5a-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ifrv5a-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ifrv5a-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ifrv5a-gap-mobile,var(--beae-card-gap)); padding-top: var(--ifrv5a-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ifrv5a-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ifrv5a-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ifrv5a-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ifrv5a-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ifrv5a-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ifrv5a-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ifrv5a-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ifrv5a-background-color,var(--beae-card-featured-background)); border-color: var(--ifrv5a-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ifrv5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--ifrv5a-shadowVertical, var(--beae-card-shadow-y)) var(--ifrv5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ifrv5a-shadowColor, var(--beae-card-featured-shadow-color)) var(--ifrv5a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ifrv5a-background-color,var(--beae-card-prod-background)); border-color: var(--ifrv5a-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ifrv5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--ifrv5a-shadowVertical, var(--beae-card-shadow-y)) var(--ifrv5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ifrv5a-shadowColor, var(--beae-card-prod-shadow-color)) var(--ifrv5a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ifrv5a-background-color,var(--beae-card-pricing-background)); border-color: var(--ifrv5a-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ifrv5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--ifrv5a-shadowVertical, var(--beae-card-shadow-y)) var(--ifrv5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ifrv5a-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ifrv5a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ifrv5a-background-color,var(--beae-card-cta-background)); border-color: var(--ifrv5a-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ifrv5a-shadowHorizontal, var(--beae-card-shadow-x)) var(--ifrv5a-shadowVertical, var(--beae-card-shadow-y)) var(--ifrv5a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ifrv5a-shadowColor, var(--beae-card-cta-shadow-color)) var(--ifrv5a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ifrv5a"] {     display: flex;     flex-direction: var(--ifrv5a-direction, column);     flex-wrap: nowrap;     justify-content: var(--ifrv5a-justify-content);     align-items: var(--ifrv5a-align-items);     gap: var(--ifrv5a-gap, var(--ifrv5a-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(--ifrv5a-padding-right, 0px) - var(--ifrv5a-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ifrv5a"] {                            gap: var(--ifrv5a-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(--ifrv5a-padding-right-tablet, 0px) - var(--ifrv5a-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ifrv5a"] {                            gap: var(--ifrv5a-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(--ifrv5a-padding-right-mobile, 0px) - var(--ifrv5a-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-gpgj07"] { --gpgj07-typography: p; --gpgj07-typography-tablet: p; --gpgj07-typography-mobile: p; --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #ffffff; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --gpgj07-margin-top: 0px; --gpgj07-margin-top-tablet: 0px; --gpgj07-margin-top-mobile: 0px; --gpgj07-margin-right: 0px; --gpgj07-margin-right-tablet: 0px; --gpgj07-margin-right-mobile: 0px; --gpgj07-margin-bottom: 0px; --gpgj07-margin-bottom-tablet: 0px; --gpgj07-margin-bottom-mobile: 0px; --gpgj07-margin-left: 0px; --gpgj07-margin-left-tablet: 0px; --gpgj07-margin-left-mobile: 0px; }[data-bnode="beae-gpgj07"] { margin-top: var(--gpgj07-margin-top, 0px); margin-right: var(--gpgj07-margin-right, 0px); margin-bottom: var(--gpgj07-margin-bottom, 0px); margin-left: var(--gpgj07-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gpgj07-margin-top-tablet, 0px); margin-right: var(--gpgj07-margin-right-tablet, 0px); margin-bottom: var(--gpgj07-margin-bottom-tablet, 0px); margin-left: var(--gpgj07-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gpgj07-margin-top-mobile, 0px); margin-right: var(--gpgj07-margin-right-mobile, 0px); margin-bottom: var(--gpgj07-margin-bottom-mobile, 0px); margin-left: var(--gpgj07-margin-left-mobile, 0px); } }[data-bnode="beae-ek5koh"] { --ek5koh-typography: h2; --ek5koh-typography-tablet: h2; --ek5koh-typography-mobile: h2; --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #ffffff; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --beae-h2-text-align: center; }[data-bnode="beae-ek5koh"] { margin-top: var(--ek5koh-margin-top, 0px); margin-right: var(--ek5koh-margin-right, 0px); margin-bottom: var(--ek5koh-margin-bottom, 0px); margin-left: var(--ek5koh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ek5koh-margin-top-tablet, 0px); margin-right: var(--ek5koh-margin-right-tablet, 0px); margin-bottom: var(--ek5koh-margin-bottom-tablet, 0px); margin-left: var(--ek5koh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ek5koh-margin-top-mobile, 0px); margin-right: var(--ek5koh-margin-right-mobile, 0px); margin-bottom: var(--ek5koh-margin-bottom-mobile, 0px); margin-left: var(--ek5koh-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ek5koh-highlightColor,var(--beae-p-color)); top: var(--ek5koh-highlightTop, 100%); } }[data-bnode="beae-ntzrzu"] { --ntzrzu-direction: row; --ntzrzu-direction-tablet: column; --ntzrzu-direction-mobile: column; --ntzrzu-structure: columns; --ntzrzu-structure-tablet: columns; --ntzrzu-structure-mobile: columns; --ntzrzu-gap: 20px; --ntzrzu-gap-tablet: 16px; --ntzrzu-gap-mobile: 16px; --ntzrzu-align-items: stretch; --ntzrzu-align-items-tablet: stretch; --ntzrzu-align-items-mobile: stretch; --ntzrzu-columns: 67.09,32.91; --ntzrzu-columns-tablet: 67.09,32.91; --ntzrzu-columns-mobile: 67.09,32.91; --ntzrzu-columnsPresetId: 67.50,32.50; --ntzrzu-columnsPresetId-tablet: 67.50,32.50; --ntzrzu-columnsPresetId-mobile: 67.50,32.50; }[data-bnode="beae-ntzrzu"] { padding-top: var(--ntzrzu-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ntzrzu-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ntzrzu-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ntzrzu-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ntzrzu-padding-top-tablet, var(--ntzrzu-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ntzrzu-padding-right-tablet, var(--ntzrzu-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ntzrzu-padding-bottom-tablet, var(--ntzrzu-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ntzrzu-padding-left-tablet, var(--ntzrzu-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ntzrzu-padding-top-mobile, var(--ntzrzu-padding-top-tablet, var(--ntzrzu-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ntzrzu-padding-right-mobile, var(--ntzrzu-padding-right-tablet, var(--ntzrzu-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ntzrzu-padding-bottom-mobile, var(--ntzrzu-padding-bottom-tablet, var(--ntzrzu-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ntzrzu-padding-left-mobile, var(--ntzrzu-padding-left-tablet, var(--ntzrzu-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ntzrzu-position, relative); top: var(--ntzrzu-top, auto); right: var(--ntzrzu-right, auto); bottom: var(--ntzrzu-bottom, auto); left: var(--ntzrzu-left, auto); transform: var(--ntzrzu-transform, none); z-index: var(--ntzrzu-z-index, 10); aspect-ratio: var(--ntzrzu-background-imageRatio, auto); background: var(--ntzrzu-background-color,transparent); border-style: var(--ntzrzu-borderStyle,solid); border-color: var(--ntzrzu-borderColor,#000000); border-width: var(--ntzrzu-borderWidth-tl,0px) var(--ntzrzu-borderWidth-tr,0px) var(--ntzrzu-borderWidth-br,0px) var(--ntzrzu-borderWidth-bl,0px); border-radius: var(--ntzrzu-borderRadius-tl,0px) var(--ntzrzu-borderRadius-tr,0px) var(--ntzrzu-borderRadius-br,0px) var(--ntzrzu-borderRadius-bl,0px); box-shadow: var(--ntzrzu-shadowHorizontal, 0px) var(--ntzrzu-shadowVertical, 0px) var(--ntzrzu-shadowBlur, 0px) 1px color-mix( in srgb, var(--ntzrzu-shadowColor, #000000) var(--ntzrzu-shadowTransparent, 0%), transparent ); max-width: var(--ntzrzu-max-width, 100%); width: 100%; height: if(style(--ntzrzu-position: absolute): var(--ntzrzu-height,100%); else: unset ); backdrop-filter:blur(var(--ntzrzu-background-blur, none)) saturate(var(--ntzrzu-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ntzrzu-position-tablet, var(--ntzrzu-position, relative)); top: var(--ntzrzu-top-tablet, var(--ntzrzu-top, auto)); right: var(--ntzrzu-right-tablet, var(--ntzrzu-right, auto)); bottom: var(--ntzrzu-bottom-tablet, var(--ntzrzu-bottom, auto)); left: var(--ntzrzu-left-tablet, var(--ntzrzu-left, auto)); transform: var(--ntzrzu-transform-tablet, var(--ntzrzu-transform, none)); z-index: var(--ntzrzu-z-index-tablet, var(--ntzrzu-z-index, 10)); aspect-ratio: var(--ntzrzu-background-imageRatio-tablet, var(--ntzrzu-background-imageRatio, auto)); border-width: var(--ntzrzu-borderWidth-tl-tablet, var(--ntzrzu-borderWidth-tl,0px)) var(--ntzrzu-borderWidth-tr-tablet,var(--ntzrzu-borderWidth-tr,0px)) var(--ntzrzu-borderWidth-br-tablet,var(--ntzrzu-borderWidth-br,0px)) var(--ntzrzu-borderWidth-bl-tablet,var(--ntzrzu-borderWidth-bl,0px)); border-radius: var(--ntzrzu-borderRadius-tl-tablet,var(--ntzrzu-borderRadius-tl,0px)) var(--ntzrzu-borderRadius-tr-tablet,var(--ntzrzu-borderRadius-tr,0px)) var(--ntzrzu-borderRadius-br-tablet,var(--ntzrzu-borderRadius-br,0px)) var(--ntzrzu-borderRadius-bl-tablet,var(--ntzrzu-borderRadius-bl,0px)); max-width: var(--ntzrzu-max-width-tablet, var(--ntzrzu-max-width, 100%)); height: if(style(--ntzrzu-position-tablet: absolute): var(--ntzrzu-height-tablet,var(--ntzrzu-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ntzrzu-position-mobile, var(--ntzrzu-position-tablet, var(--ntzrzu-position, relative))); top: var(--ntzrzu-top-mobile, var(--ntzrzu-top-tablet, var(--ntzrzu-top, auto))); right: var(--ntzrzu-right-mobile, var(--ntzrzu-right-tablet, var(--ntzrzu-right, auto))); bottom: var(--ntzrzu-bottom-mobile, var(--ntzrzu-bottom-tablet, var(--ntzrzu-bottom, auto))); left: var(--ntzrzu-left-mobile, var(--ntzrzu-left-tablet, var(--ntzrzu-left, auto))); transform: var(--ntzrzu-transform-mobile, var(--ntzrzu-transform-tablet, var(--ntzrzu-transform, none))); z-index: var(--ntzrzu-z-index-mobile, var(--ntzrzu-z-index-tablet, var(--ntzrzu-z-index, 10))); aspect-ratio: var(--ntzrzu-background-imageRatio-mobile, var(--ntzrzu-background-imageRatio, auto)); border-width: var(--ntzrzu-borderWidth-tl-mobile, var(--ntzrzu-borderWidth-tl,0px)) var(--ntzrzu-borderWidth-tr-mobile,var(--ntzrzu-borderWidth-tr,0px)) var(--ntzrzu-borderWidth-br-mobile,var(--ntzrzu-borderWidth-br,0px)) var(--ntzrzu-borderWidth-bl-mobile,var(--ntzrzu-borderWidth-bl,0px)); border-radius: var(--ntzrzu-borderRadius-tl-mobile,var(--ntzrzu-borderRadius-tl,0px)) var(--ntzrzu-borderRadius-tr-mobile,var(--ntzrzu-borderRadius-tr,0px)) var(--ntzrzu-borderRadius-br-mobile,var(--ntzrzu-borderRadius-br,0px)) var(--ntzrzu-borderRadius-bl-mobile,var(--ntzrzu-borderRadius-bl,0px)); max-width: var(--ntzrzu-max-width-mobile, var(--ntzrzu-max-width, 100%)); height: if(style(--ntzrzu-position-mobile: absolute): var(--ntzrzu-height-mobile,var(--ntzrzu-height-tablet,,var(--ntzrzu-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ntzrzu-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ntzrzu-gap,var(--beae-card-gap)); padding-top: var(--ntzrzu-padding-top,var(--beae-card-padding)); padding-right: var(--ntzrzu-padding-right,var(--beae-card-padding)); padding-bottom: var(--ntzrzu-padding-bottom,var(--beae-card-padding)); padding-left: var(--ntzrzu-padding-left,var(--beae-card-padding)); border-width: var(--ntzrzu-borderWidth-tl,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-tr,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-br,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ntzrzu-borderRadius-tl,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-tr,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-br,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ntzrzu-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ntzrzu-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ntzrzu-gap-tablet,var(--beae-card-gap)); padding-top: var(--ntzrzu-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ntzrzu-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ntzrzu-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ntzrzu-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ntzrzu-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ntzrzu-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ntzrzu-gap-mobile,var(--beae-card-gap)); padding-top: var(--ntzrzu-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ntzrzu-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ntzrzu-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ntzrzu-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ntzrzu-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ntzrzu-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ntzrzu-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ntzrzu-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ntzrzu-background-color,var(--beae-card-featured-background)); border-color: var(--ntzrzu-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ntzrzu-shadowHorizontal, var(--beae-card-shadow-x)) var(--ntzrzu-shadowVertical, var(--beae-card-shadow-y)) var(--ntzrzu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ntzrzu-shadowColor, var(--beae-card-featured-shadow-color)) var(--ntzrzu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ntzrzu-background-color,var(--beae-card-prod-background)); border-color: var(--ntzrzu-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ntzrzu-shadowHorizontal, var(--beae-card-shadow-x)) var(--ntzrzu-shadowVertical, var(--beae-card-shadow-y)) var(--ntzrzu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ntzrzu-shadowColor, var(--beae-card-prod-shadow-color)) var(--ntzrzu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ntzrzu-background-color,var(--beae-card-pricing-background)); border-color: var(--ntzrzu-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ntzrzu-shadowHorizontal, var(--beae-card-shadow-x)) var(--ntzrzu-shadowVertical, var(--beae-card-shadow-y)) var(--ntzrzu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ntzrzu-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ntzrzu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ntzrzu-background-color,var(--beae-card-cta-background)); border-color: var(--ntzrzu-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ntzrzu-shadowHorizontal, var(--beae-card-shadow-x)) var(--ntzrzu-shadowVertical, var(--beae-card-shadow-y)) var(--ntzrzu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ntzrzu-shadowColor, var(--beae-card-cta-shadow-color)) var(--ntzrzu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ntzrzu"] {     display: flex;     flex-direction: var(--ntzrzu-direction, column);     flex-wrap: nowrap;     justify-content: var(--ntzrzu-justify-content);     align-items: var(--ntzrzu-align-items);     gap: var(--ntzrzu-gap, var(--ntzrzu-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(67.09% - var(--ntzrzu-padding-right, 0px) - var(--ntzrzu-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(32.91% - var(--ntzrzu-padding-right, 0px) - var(--ntzrzu-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--ntzrzu-padding-right, 0px) - var(--ntzrzu-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ntzrzu"] {      flex-direction: var(--ntzrzu-direction-tablet, column);                      gap: var(--ntzrzu-gap-tablet, var(--ntzrzu-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-ntzrzu"] {      flex-direction: var(--ntzrzu-direction-mobile, column);                      gap: var(--ntzrzu-gap-mobile, var(--ntzrzu-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-1rucsb"] { --1rucsb-direction: row; --1rucsb-direction-tablet: row; --1rucsb-direction-mobile: column; --1rucsb-align-items: stretch; --1rucsb-align-items-tablet: stretch; --1rucsb-align-items-mobile: stretch; --1rucsb-structure: columns; --1rucsb-structure-tablet: columns; --1rucsb-structure-mobile: columns; --1rucsb-columns: 50.00,50.00; --1rucsb-columns-tablet: 50.00,50.00; --1rucsb-columns-mobile: 50.00,50.00; --1rucsb-columnsPresetId: 50.00,50.00; --1rucsb-columnsPresetId-tablet: 50.00,50.00; --1rucsb-columnsPresetId-mobile: 50.00,50.00; --1rucsb-gap: 20px; --1rucsb-gap-tablet: 16px; --1rucsb-gap-mobile: 16px; }[data-bnode="beae-1rucsb"] { padding-top: var(--1rucsb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--1rucsb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--1rucsb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--1rucsb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--1rucsb-padding-top-tablet, var(--1rucsb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--1rucsb-padding-right-tablet, var(--1rucsb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--1rucsb-padding-bottom-tablet, var(--1rucsb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--1rucsb-padding-left-tablet, var(--1rucsb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--1rucsb-padding-top-mobile, var(--1rucsb-padding-top-tablet, var(--1rucsb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--1rucsb-padding-right-mobile, var(--1rucsb-padding-right-tablet, var(--1rucsb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--1rucsb-padding-bottom-mobile, var(--1rucsb-padding-bottom-tablet, var(--1rucsb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--1rucsb-padding-left-mobile, var(--1rucsb-padding-left-tablet, var(--1rucsb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--1rucsb-position, relative); top: var(--1rucsb-top, auto); right: var(--1rucsb-right, auto); bottom: var(--1rucsb-bottom, auto); left: var(--1rucsb-left, auto); transform: var(--1rucsb-transform, none); z-index: var(--1rucsb-z-index, 10); aspect-ratio: var(--1rucsb-background-imageRatio, auto); background: var(--1rucsb-background-color,transparent); border-style: var(--1rucsb-borderStyle,solid); border-color: var(--1rucsb-borderColor,#000000); border-width: var(--1rucsb-borderWidth-tl,0px) var(--1rucsb-borderWidth-tr,0px) var(--1rucsb-borderWidth-br,0px) var(--1rucsb-borderWidth-bl,0px); border-radius: var(--1rucsb-borderRadius-tl,0px) var(--1rucsb-borderRadius-tr,0px) var(--1rucsb-borderRadius-br,0px) var(--1rucsb-borderRadius-bl,0px); box-shadow: var(--1rucsb-shadowHorizontal, 0px) var(--1rucsb-shadowVertical, 0px) var(--1rucsb-shadowBlur, 0px) 1px color-mix( in srgb, var(--1rucsb-shadowColor, #000000) var(--1rucsb-shadowTransparent, 0%), transparent ); max-width: var(--1rucsb-max-width, 100%); width: 100%; height: if(style(--1rucsb-position: absolute): var(--1rucsb-height,100%); else: unset ); backdrop-filter:blur(var(--1rucsb-background-blur, none)) saturate(var(--1rucsb-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--1rucsb-position-tablet, var(--1rucsb-position, relative)); top: var(--1rucsb-top-tablet, var(--1rucsb-top, auto)); right: var(--1rucsb-right-tablet, var(--1rucsb-right, auto)); bottom: var(--1rucsb-bottom-tablet, var(--1rucsb-bottom, auto)); left: var(--1rucsb-left-tablet, var(--1rucsb-left, auto)); transform: var(--1rucsb-transform-tablet, var(--1rucsb-transform, none)); z-index: var(--1rucsb-z-index-tablet, var(--1rucsb-z-index, 10)); aspect-ratio: var(--1rucsb-background-imageRatio-tablet, var(--1rucsb-background-imageRatio, auto)); border-width: var(--1rucsb-borderWidth-tl-tablet, var(--1rucsb-borderWidth-tl,0px)) var(--1rucsb-borderWidth-tr-tablet,var(--1rucsb-borderWidth-tr,0px)) var(--1rucsb-borderWidth-br-tablet,var(--1rucsb-borderWidth-br,0px)) var(--1rucsb-borderWidth-bl-tablet,var(--1rucsb-borderWidth-bl,0px)); border-radius: var(--1rucsb-borderRadius-tl-tablet,var(--1rucsb-borderRadius-tl,0px)) var(--1rucsb-borderRadius-tr-tablet,var(--1rucsb-borderRadius-tr,0px)) var(--1rucsb-borderRadius-br-tablet,var(--1rucsb-borderRadius-br,0px)) var(--1rucsb-borderRadius-bl-tablet,var(--1rucsb-borderRadius-bl,0px)); max-width: var(--1rucsb-max-width-tablet, var(--1rucsb-max-width, 100%)); height: if(style(--1rucsb-position-tablet: absolute): var(--1rucsb-height-tablet,var(--1rucsb-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--1rucsb-position-mobile, var(--1rucsb-position-tablet, var(--1rucsb-position, relative))); top: var(--1rucsb-top-mobile, var(--1rucsb-top-tablet, var(--1rucsb-top, auto))); right: var(--1rucsb-right-mobile, var(--1rucsb-right-tablet, var(--1rucsb-right, auto))); bottom: var(--1rucsb-bottom-mobile, var(--1rucsb-bottom-tablet, var(--1rucsb-bottom, auto))); left: var(--1rucsb-left-mobile, var(--1rucsb-left-tablet, var(--1rucsb-left, auto))); transform: var(--1rucsb-transform-mobile, var(--1rucsb-transform-tablet, var(--1rucsb-transform, none))); z-index: var(--1rucsb-z-index-mobile, var(--1rucsb-z-index-tablet, var(--1rucsb-z-index, 10))); aspect-ratio: var(--1rucsb-background-imageRatio-mobile, var(--1rucsb-background-imageRatio, auto)); border-width: var(--1rucsb-borderWidth-tl-mobile, var(--1rucsb-borderWidth-tl,0px)) var(--1rucsb-borderWidth-tr-mobile,var(--1rucsb-borderWidth-tr,0px)) var(--1rucsb-borderWidth-br-mobile,var(--1rucsb-borderWidth-br,0px)) var(--1rucsb-borderWidth-bl-mobile,var(--1rucsb-borderWidth-bl,0px)); border-radius: var(--1rucsb-borderRadius-tl-mobile,var(--1rucsb-borderRadius-tl,0px)) var(--1rucsb-borderRadius-tr-mobile,var(--1rucsb-borderRadius-tr,0px)) var(--1rucsb-borderRadius-br-mobile,var(--1rucsb-borderRadius-br,0px)) var(--1rucsb-borderRadius-bl-mobile,var(--1rucsb-borderRadius-bl,0px)); max-width: var(--1rucsb-max-width-mobile, var(--1rucsb-max-width, 100%)); height: if(style(--1rucsb-position-mobile: absolute): var(--1rucsb-height-mobile,var(--1rucsb-height-tablet,,var(--1rucsb-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--1rucsb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--1rucsb-gap,var(--beae-card-gap)); padding-top: var(--1rucsb-padding-top,var(--beae-card-padding)); padding-right: var(--1rucsb-padding-right,var(--beae-card-padding)); padding-bottom: var(--1rucsb-padding-bottom,var(--beae-card-padding)); padding-left: var(--1rucsb-padding-left,var(--beae-card-padding)); border-width: var(--1rucsb-borderWidth-tl,var(--beae-card-border-width)) var(--1rucsb-borderWidth-tr,var(--beae-card-border-width)) var(--1rucsb-borderWidth-br,var(--beae-card-border-width)) var(--1rucsb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--1rucsb-borderRadius-tl,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-tr,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-br,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--1rucsb-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--1rucsb-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--1rucsb-gap-tablet,var(--beae-card-gap)); padding-top: var(--1rucsb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--1rucsb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--1rucsb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--1rucsb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--1rucsb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--1rucsb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--1rucsb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--1rucsb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--1rucsb-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--1rucsb-gap-mobile,var(--beae-card-gap)); padding-top: var(--1rucsb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--1rucsb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--1rucsb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--1rucsb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--1rucsb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--1rucsb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--1rucsb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--1rucsb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--1rucsb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--1rucsb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--1rucsb-background-color,var(--beae-card-featured-background)); border-color: var(--1rucsb-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--1rucsb-shadowHorizontal, var(--beae-card-shadow-x)) var(--1rucsb-shadowVertical, var(--beae-card-shadow-y)) var(--1rucsb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1rucsb-shadowColor, var(--beae-card-featured-shadow-color)) var(--1rucsb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--1rucsb-background-color,var(--beae-card-prod-background)); border-color: var(--1rucsb-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--1rucsb-shadowHorizontal, var(--beae-card-shadow-x)) var(--1rucsb-shadowVertical, var(--beae-card-shadow-y)) var(--1rucsb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1rucsb-shadowColor, var(--beae-card-prod-shadow-color)) var(--1rucsb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--1rucsb-background-color,var(--beae-card-pricing-background)); border-color: var(--1rucsb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--1rucsb-shadowHorizontal, var(--beae-card-shadow-x)) var(--1rucsb-shadowVertical, var(--beae-card-shadow-y)) var(--1rucsb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1rucsb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--1rucsb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--1rucsb-background-color,var(--beae-card-cta-background)); border-color: var(--1rucsb-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--1rucsb-shadowHorizontal, var(--beae-card-shadow-x)) var(--1rucsb-shadowVertical, var(--beae-card-shadow-y)) var(--1rucsb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--1rucsb-shadowColor, var(--beae-card-cta-shadow-color)) var(--1rucsb-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-1rucsb"] {     display: flex;     flex-direction: var(--1rucsb-direction, column);     flex-wrap: nowrap;     justify-content: var(--1rucsb-justify-content);     align-items: var(--1rucsb-align-items);     gap: var(--1rucsb-gap, var(--1rucsb-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(--1rucsb-padding-right, 0px) - var(--1rucsb-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--1rucsb-padding-right, 0px) - var(--1rucsb-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--1rucsb-padding-right, 0px) - var(--1rucsb-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-1rucsb"] {                            gap: var(--1rucsb-gap-tablet, var(--1rucsb-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(--1rucsb-padding-right-tablet, 0px) - var(--1rucsb-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-1rucsb"] {      flex-direction: var(--1rucsb-direction-mobile, column);                      gap: var(--1rucsb-gap-mobile, var(--1rucsb-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-qi091f"] { --qi091f-direction: row; --qi091f-direction-tablet: row; --qi091f-direction-mobile: row; --qi091f-structure: columns; --qi091f-structure-tablet: columns; --qi091f-structure-mobile: columns; --qi091f-background-type: image; --qi091f-background-type-tablet: image; --qi091f-background-type-mobile: image; --qi091f-background-image: [object Object]; --qi091f-background-image-tablet: [object Object]; --qi091f-background-image-mobile: [object Object]; --qi091f-background-imageRatio: 3/4; --qi091f-background-imageRatio-tablet: 3/4; --qi091f-background-imageRatio-mobile: 3/4; --qi091f-background-imageRatio-mobile: 1/1; --qi091f-background-imageRatio-mobile-tablet: 1/1; --qi091f-background-imageRatio-mobile-mobile: 1/1; --qi091f-borderRadius-tl: 16px; --qi091f-borderRadius-tl-tablet: 16px; --qi091f-borderRadius-tl-mobile: 16px; --qi091f-borderRadius-tr: 16px; --qi091f-borderRadius-tr-tablet: 16px; --qi091f-borderRadius-tr-mobile: 16px; --qi091f-borderRadius-bl: 16px; --qi091f-borderRadius-bl-tablet: 16px; --qi091f-borderRadius-bl-mobile: 16px; --qi091f-borderRadius-br: 16px; --qi091f-borderRadius-br-tablet: 16px; --qi091f-borderRadius-br-mobile: 16px; --qi091f-align-items: flex-end; --qi091f-align-items-tablet: flex-end; --qi091f-align-items-mobile: flex-end; --qi091f-padding-top: 10px; --qi091f-padding-top-tablet: 10px; --qi091f-padding-top-mobile: 10px; --qi091f-padding-right: 10px; --qi091f-padding-right-tablet: 10px; --qi091f-padding-right-mobile: 10px; --qi091f-padding-bottom: 10px; --qi091f-padding-bottom-tablet: 10px; --qi091f-padding-bottom-mobile: 10px; --qi091f-padding-left: 10px; --qi091f-padding-left-tablet: 10px; --qi091f-padding-left-mobile: 10px; }[data-bnode="beae-qi091f"] { padding-top: var(--qi091f-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--qi091f-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--qi091f-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--qi091f-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--qi091f-padding-top-tablet, var(--qi091f-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--qi091f-padding-right-tablet, var(--qi091f-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--qi091f-padding-bottom-tablet, var(--qi091f-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--qi091f-padding-left-tablet, var(--qi091f-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--qi091f-padding-top-mobile, var(--qi091f-padding-top-tablet, var(--qi091f-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--qi091f-padding-right-mobile, var(--qi091f-padding-right-tablet, var(--qi091f-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--qi091f-padding-bottom-mobile, var(--qi091f-padding-bottom-tablet, var(--qi091f-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--qi091f-padding-left-mobile, var(--qi091f-padding-left-tablet, var(--qi091f-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--qi091f-position, relative); top: var(--qi091f-top, auto); right: var(--qi091f-right, auto); bottom: var(--qi091f-bottom, auto); left: var(--qi091f-left, auto); transform: var(--qi091f-transform, none); z-index: var(--qi091f-z-index, 10); aspect-ratio: var(--qi091f-background-imageRatio, auto); background: var(--qi091f-background-color,transparent); border-style: var(--qi091f-borderStyle,solid); border-color: var(--qi091f-borderColor,#000000); border-width: var(--qi091f-borderWidth-tl,0px) var(--qi091f-borderWidth-tr,0px) var(--qi091f-borderWidth-br,0px) var(--qi091f-borderWidth-bl,0px); border-radius: var(--qi091f-borderRadius-tl,0px) var(--qi091f-borderRadius-tr,0px) var(--qi091f-borderRadius-br,0px) var(--qi091f-borderRadius-bl,0px); box-shadow: var(--qi091f-shadowHorizontal, 0px) var(--qi091f-shadowVertical, 0px) var(--qi091f-shadowBlur, 0px) 1px color-mix( in srgb, var(--qi091f-shadowColor, #000000) var(--qi091f-shadowTransparent, 0%), transparent ); max-width: var(--qi091f-max-width, 100%); width: 100%; height: if(style(--qi091f-position: absolute): var(--qi091f-height,100%); else: unset ); backdrop-filter:blur(var(--qi091f-background-blur, none)) saturate(var(--qi091f-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--qi091f-position-tablet, var(--qi091f-position, relative)); top: var(--qi091f-top-tablet, var(--qi091f-top, auto)); right: var(--qi091f-right-tablet, var(--qi091f-right, auto)); bottom: var(--qi091f-bottom-tablet, var(--qi091f-bottom, auto)); left: var(--qi091f-left-tablet, var(--qi091f-left, auto)); transform: var(--qi091f-transform-tablet, var(--qi091f-transform, none)); z-index: var(--qi091f-z-index-tablet, var(--qi091f-z-index, 10)); aspect-ratio: var(--qi091f-background-imageRatio-tablet, var(--qi091f-background-imageRatio, auto)); border-width: var(--qi091f-borderWidth-tl-tablet, var(--qi091f-borderWidth-tl,0px)) var(--qi091f-borderWidth-tr-tablet,var(--qi091f-borderWidth-tr,0px)) var(--qi091f-borderWidth-br-tablet,var(--qi091f-borderWidth-br,0px)) var(--qi091f-borderWidth-bl-tablet,var(--qi091f-borderWidth-bl,0px)); border-radius: var(--qi091f-borderRadius-tl-tablet,var(--qi091f-borderRadius-tl,0px)) var(--qi091f-borderRadius-tr-tablet,var(--qi091f-borderRadius-tr,0px)) var(--qi091f-borderRadius-br-tablet,var(--qi091f-borderRadius-br,0px)) var(--qi091f-borderRadius-bl-tablet,var(--qi091f-borderRadius-bl,0px)); max-width: var(--qi091f-max-width-tablet, var(--qi091f-max-width, 100%)); height: if(style(--qi091f-position-tablet: absolute): var(--qi091f-height-tablet,var(--qi091f-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--qi091f-position-mobile, var(--qi091f-position-tablet, var(--qi091f-position, relative))); top: var(--qi091f-top-mobile, var(--qi091f-top-tablet, var(--qi091f-top, auto))); right: var(--qi091f-right-mobile, var(--qi091f-right-tablet, var(--qi091f-right, auto))); bottom: var(--qi091f-bottom-mobile, var(--qi091f-bottom-tablet, var(--qi091f-bottom, auto))); left: var(--qi091f-left-mobile, var(--qi091f-left-tablet, var(--qi091f-left, auto))); transform: var(--qi091f-transform-mobile, var(--qi091f-transform-tablet, var(--qi091f-transform, none))); z-index: var(--qi091f-z-index-mobile, var(--qi091f-z-index-tablet, var(--qi091f-z-index, 10))); aspect-ratio: var(--qi091f-background-imageRatio-mobile, var(--qi091f-background-imageRatio, auto)); border-width: var(--qi091f-borderWidth-tl-mobile, var(--qi091f-borderWidth-tl,0px)) var(--qi091f-borderWidth-tr-mobile,var(--qi091f-borderWidth-tr,0px)) var(--qi091f-borderWidth-br-mobile,var(--qi091f-borderWidth-br,0px)) var(--qi091f-borderWidth-bl-mobile,var(--qi091f-borderWidth-bl,0px)); border-radius: var(--qi091f-borderRadius-tl-mobile,var(--qi091f-borderRadius-tl,0px)) var(--qi091f-borderRadius-tr-mobile,var(--qi091f-borderRadius-tr,0px)) var(--qi091f-borderRadius-br-mobile,var(--qi091f-borderRadius-br,0px)) var(--qi091f-borderRadius-bl-mobile,var(--qi091f-borderRadius-bl,0px)); max-width: var(--qi091f-max-width-mobile, var(--qi091f-max-width, 100%)); height: if(style(--qi091f-position-mobile: absolute): var(--qi091f-height-mobile,var(--qi091f-height-tablet,,var(--qi091f-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--qi091f-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--qi091f-gap,var(--beae-card-gap)); padding-top: var(--qi091f-padding-top,var(--beae-card-padding)); padding-right: var(--qi091f-padding-right,var(--beae-card-padding)); padding-bottom: var(--qi091f-padding-bottom,var(--beae-card-padding)); padding-left: var(--qi091f-padding-left,var(--beae-card-padding)); border-width: var(--qi091f-borderWidth-tl,var(--beae-card-border-width)) var(--qi091f-borderWidth-tr,var(--beae-card-border-width)) var(--qi091f-borderWidth-br,var(--beae-card-border-width)) var(--qi091f-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--qi091f-borderRadius-tl,var(--beae-card-border-radius)) var(--qi091f-borderRadius-tr,var(--beae-card-border-radius)) var(--qi091f-borderRadius-br,var(--beae-card-border-radius)) var(--qi091f-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--qi091f-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--qi091f-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--qi091f-gap-tablet,var(--beae-card-gap)); padding-top: var(--qi091f-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--qi091f-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--qi091f-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--qi091f-padding-left-tablet,var(--beae-card-padding)); border-width: var(--qi091f-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--qi091f-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--qi091f-borderWidth-br-desktop,var(--beae-card-border-width)) var(--qi091f-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--qi091f-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--qi091f-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--qi091f-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--qi091f-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--qi091f-gap-mobile,var(--beae-card-gap)); padding-top: var(--qi091f-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--qi091f-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--qi091f-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--qi091f-padding-left-mobile,var(--beae-card-padding)); border-width: var(--qi091f-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--qi091f-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--qi091f-borderWidth-br-mobile,var(--beae-card-border-width)) var(--qi091f-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--qi091f-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--qi091f-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--qi091f-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--qi091f-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--qi091f-background-color,var(--beae-card-featured-background)); border-color: var(--qi091f-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--qi091f-shadowHorizontal, var(--beae-card-shadow-x)) var(--qi091f-shadowVertical, var(--beae-card-shadow-y)) var(--qi091f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qi091f-shadowColor, var(--beae-card-featured-shadow-color)) var(--qi091f-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--qi091f-background-color,var(--beae-card-prod-background)); border-color: var(--qi091f-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--qi091f-shadowHorizontal, var(--beae-card-shadow-x)) var(--qi091f-shadowVertical, var(--beae-card-shadow-y)) var(--qi091f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qi091f-shadowColor, var(--beae-card-prod-shadow-color)) var(--qi091f-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--qi091f-background-color,var(--beae-card-pricing-background)); border-color: var(--qi091f-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--qi091f-shadowHorizontal, var(--beae-card-shadow-x)) var(--qi091f-shadowVertical, var(--beae-card-shadow-y)) var(--qi091f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qi091f-shadowColor, var(--beae-card-pricing-shadow-color)) var(--qi091f-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--qi091f-background-color,var(--beae-card-cta-background)); border-color: var(--qi091f-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--qi091f-shadowHorizontal, var(--beae-card-shadow-x)) var(--qi091f-shadowVertical, var(--beae-card-shadow-y)) var(--qi091f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qi091f-shadowColor, var(--beae-card-cta-shadow-color)) var(--qi091f-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-qi091f"] {     display: flex;     flex-direction: var(--qi091f-direction, column);     flex-wrap: nowrap;     justify-content: var(--qi091f-justify-content);     align-items: var(--qi091f-align-items);     gap: var(--qi091f-gap, var(--qi091f-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(--qi091f-padding-right, 0px) - var(--qi091f-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-qi091f"] {                            gap: var(--qi091f-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(--qi091f-padding-right-tablet, 0px) - var(--qi091f-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-qi091f"] {                            gap: var(--qi091f-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(--qi091f-padding-right-mobile, 0px) - var(--qi091f-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ebpf33"] { --ebpf33-direction: column; --ebpf33-direction-tablet: column; --ebpf33-direction-mobile: column; --ebpf33-structure: columns; --ebpf33-structure-tablet: columns; --ebpf33-structure-mobile: columns; --ebpf33-align-items: center; --ebpf33-align-items-tablet: center; --ebpf33-align-items-mobile: center; --ebpf33-padding-top: 16px; --ebpf33-padding-top-tablet: 16px; --ebpf33-padding-top-mobile: 16px; --ebpf33-padding-right: 24px; --ebpf33-padding-right-tablet: 24px; --ebpf33-padding-right-mobile: 24px; --ebpf33-padding-bottom: 16px; --ebpf33-padding-bottom-tablet: 16px; --ebpf33-padding-bottom-mobile: 16px; --ebpf33-padding-left: 24px; --ebpf33-padding-left-tablet: 24px; --ebpf33-padding-left-mobile: 24px; --ebpf33-gap: 4px; --ebpf33-gap-tablet: 4px; --ebpf33-gap-mobile: 4px; --ebpf33-background-type: color; --ebpf33-background-type-tablet: color; --ebpf33-background-type-mobile: color; --ebpf33-background-color: #21212166; --ebpf33-background-color-tablet: #21212166; --ebpf33-background-color-mobile: #21212166; --ebpf33-borderRadius-tl: 8px; --ebpf33-borderRadius-tl-tablet: 8px; --ebpf33-borderRadius-tl-mobile: 8px; --ebpf33-borderRadius-tr: 8px; --ebpf33-borderRadius-tr-tablet: 8px; --ebpf33-borderRadius-tr-mobile: 8px; --ebpf33-borderRadius-bl: 8px; --ebpf33-borderRadius-bl-tablet: 8px; --ebpf33-borderRadius-bl-mobile: 8px; --ebpf33-borderRadius-br: 8px; --ebpf33-borderRadius-br-tablet: 8px; --ebpf33-borderRadius-br-mobile: 8px; }[data-bnode="beae-ebpf33"] { padding-top: var(--ebpf33-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ebpf33-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ebpf33-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ebpf33-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ebpf33-padding-top-tablet, var(--ebpf33-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ebpf33-padding-right-tablet, var(--ebpf33-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ebpf33-padding-bottom-tablet, var(--ebpf33-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ebpf33-padding-left-tablet, var(--ebpf33-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ebpf33-padding-top-mobile, var(--ebpf33-padding-top-tablet, var(--ebpf33-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ebpf33-padding-right-mobile, var(--ebpf33-padding-right-tablet, var(--ebpf33-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ebpf33-padding-bottom-mobile, var(--ebpf33-padding-bottom-tablet, var(--ebpf33-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ebpf33-padding-left-mobile, var(--ebpf33-padding-left-tablet, var(--ebpf33-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ebpf33-position, relative); top: var(--ebpf33-top, auto); right: var(--ebpf33-right, auto); bottom: var(--ebpf33-bottom, auto); left: var(--ebpf33-left, auto); transform: var(--ebpf33-transform, none); z-index: var(--ebpf33-z-index, 10); aspect-ratio: var(--ebpf33-background-imageRatio, auto); background: var(--ebpf33-background-color,transparent); border-style: var(--ebpf33-borderStyle,solid); border-color: var(--ebpf33-borderColor,#000000); border-width: var(--ebpf33-borderWidth-tl,0px) var(--ebpf33-borderWidth-tr,0px) var(--ebpf33-borderWidth-br,0px) var(--ebpf33-borderWidth-bl,0px); border-radius: var(--ebpf33-borderRadius-tl,0px) var(--ebpf33-borderRadius-tr,0px) var(--ebpf33-borderRadius-br,0px) var(--ebpf33-borderRadius-bl,0px); box-shadow: var(--ebpf33-shadowHorizontal, 0px) var(--ebpf33-shadowVertical, 0px) var(--ebpf33-shadowBlur, 0px) 1px color-mix( in srgb, var(--ebpf33-shadowColor, #000000) var(--ebpf33-shadowTransparent, 0%), transparent ); max-width: var(--ebpf33-max-width, 100%); width: 100%; height: if(style(--ebpf33-position: absolute): var(--ebpf33-height,100%); else: unset ); backdrop-filter:blur(var(--ebpf33-background-blur, none)) saturate(var(--ebpf33-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ebpf33-position-tablet, var(--ebpf33-position, relative)); top: var(--ebpf33-top-tablet, var(--ebpf33-top, auto)); right: var(--ebpf33-right-tablet, var(--ebpf33-right, auto)); bottom: var(--ebpf33-bottom-tablet, var(--ebpf33-bottom, auto)); left: var(--ebpf33-left-tablet, var(--ebpf33-left, auto)); transform: var(--ebpf33-transform-tablet, var(--ebpf33-transform, none)); z-index: var(--ebpf33-z-index-tablet, var(--ebpf33-z-index, 10)); aspect-ratio: var(--ebpf33-background-imageRatio-tablet, var(--ebpf33-background-imageRatio, auto)); border-width: var(--ebpf33-borderWidth-tl-tablet, var(--ebpf33-borderWidth-tl,0px)) var(--ebpf33-borderWidth-tr-tablet,var(--ebpf33-borderWidth-tr,0px)) var(--ebpf33-borderWidth-br-tablet,var(--ebpf33-borderWidth-br,0px)) var(--ebpf33-borderWidth-bl-tablet,var(--ebpf33-borderWidth-bl,0px)); border-radius: var(--ebpf33-borderRadius-tl-tablet,var(--ebpf33-borderRadius-tl,0px)) var(--ebpf33-borderRadius-tr-tablet,var(--ebpf33-borderRadius-tr,0px)) var(--ebpf33-borderRadius-br-tablet,var(--ebpf33-borderRadius-br,0px)) var(--ebpf33-borderRadius-bl-tablet,var(--ebpf33-borderRadius-bl,0px)); max-width: var(--ebpf33-max-width-tablet, var(--ebpf33-max-width, 100%)); height: if(style(--ebpf33-position-tablet: absolute): var(--ebpf33-height-tablet,var(--ebpf33-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ebpf33-position-mobile, var(--ebpf33-position-tablet, var(--ebpf33-position, relative))); top: var(--ebpf33-top-mobile, var(--ebpf33-top-tablet, var(--ebpf33-top, auto))); right: var(--ebpf33-right-mobile, var(--ebpf33-right-tablet, var(--ebpf33-right, auto))); bottom: var(--ebpf33-bottom-mobile, var(--ebpf33-bottom-tablet, var(--ebpf33-bottom, auto))); left: var(--ebpf33-left-mobile, var(--ebpf33-left-tablet, var(--ebpf33-left, auto))); transform: var(--ebpf33-transform-mobile, var(--ebpf33-transform-tablet, var(--ebpf33-transform, none))); z-index: var(--ebpf33-z-index-mobile, var(--ebpf33-z-index-tablet, var(--ebpf33-z-index, 10))); aspect-ratio: var(--ebpf33-background-imageRatio-mobile, var(--ebpf33-background-imageRatio, auto)); border-width: var(--ebpf33-borderWidth-tl-mobile, var(--ebpf33-borderWidth-tl,0px)) var(--ebpf33-borderWidth-tr-mobile,var(--ebpf33-borderWidth-tr,0px)) var(--ebpf33-borderWidth-br-mobile,var(--ebpf33-borderWidth-br,0px)) var(--ebpf33-borderWidth-bl-mobile,var(--ebpf33-borderWidth-bl,0px)); border-radius: var(--ebpf33-borderRadius-tl-mobile,var(--ebpf33-borderRadius-tl,0px)) var(--ebpf33-borderRadius-tr-mobile,var(--ebpf33-borderRadius-tr,0px)) var(--ebpf33-borderRadius-br-mobile,var(--ebpf33-borderRadius-br,0px)) var(--ebpf33-borderRadius-bl-mobile,var(--ebpf33-borderRadius-bl,0px)); max-width: var(--ebpf33-max-width-mobile, var(--ebpf33-max-width, 100%)); height: if(style(--ebpf33-position-mobile: absolute): var(--ebpf33-height-mobile,var(--ebpf33-height-tablet,,var(--ebpf33-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ebpf33-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ebpf33-gap,var(--beae-card-gap)); padding-top: var(--ebpf33-padding-top,var(--beae-card-padding)); padding-right: var(--ebpf33-padding-right,var(--beae-card-padding)); padding-bottom: var(--ebpf33-padding-bottom,var(--beae-card-padding)); padding-left: var(--ebpf33-padding-left,var(--beae-card-padding)); border-width: var(--ebpf33-borderWidth-tl,var(--beae-card-border-width)) var(--ebpf33-borderWidth-tr,var(--beae-card-border-width)) var(--ebpf33-borderWidth-br,var(--beae-card-border-width)) var(--ebpf33-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ebpf33-borderRadius-tl,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-tr,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-br,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ebpf33-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ebpf33-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ebpf33-gap-tablet,var(--beae-card-gap)); padding-top: var(--ebpf33-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ebpf33-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ebpf33-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ebpf33-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ebpf33-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ebpf33-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ebpf33-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ebpf33-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ebpf33-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ebpf33-gap-mobile,var(--beae-card-gap)); padding-top: var(--ebpf33-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ebpf33-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ebpf33-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ebpf33-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ebpf33-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ebpf33-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ebpf33-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ebpf33-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ebpf33-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ebpf33-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ebpf33-background-color,var(--beae-card-featured-background)); border-color: var(--ebpf33-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ebpf33-shadowHorizontal, var(--beae-card-shadow-x)) var(--ebpf33-shadowVertical, var(--beae-card-shadow-y)) var(--ebpf33-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ebpf33-shadowColor, var(--beae-card-featured-shadow-color)) var(--ebpf33-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ebpf33-background-color,var(--beae-card-prod-background)); border-color: var(--ebpf33-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ebpf33-shadowHorizontal, var(--beae-card-shadow-x)) var(--ebpf33-shadowVertical, var(--beae-card-shadow-y)) var(--ebpf33-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ebpf33-shadowColor, var(--beae-card-prod-shadow-color)) var(--ebpf33-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ebpf33-background-color,var(--beae-card-pricing-background)); border-color: var(--ebpf33-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ebpf33-shadowHorizontal, var(--beae-card-shadow-x)) var(--ebpf33-shadowVertical, var(--beae-card-shadow-y)) var(--ebpf33-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ebpf33-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ebpf33-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ebpf33-background-color,var(--beae-card-cta-background)); border-color: var(--ebpf33-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ebpf33-shadowHorizontal, var(--beae-card-shadow-x)) var(--ebpf33-shadowVertical, var(--beae-card-shadow-y)) var(--ebpf33-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ebpf33-shadowColor, var(--beae-card-cta-shadow-color)) var(--ebpf33-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ebpf33"] {     display: flex;     flex-direction: var(--ebpf33-direction, column);     flex-wrap: nowrap;     justify-content: var(--ebpf33-justify-content);     align-items: var(--ebpf33-align-items);     gap: var(--ebpf33-gap, var(--ebpf33-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ebpf33"] {                            gap: var(--ebpf33-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(--ebpf33-padding-right-tablet, 0px) - var(--ebpf33-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ebpf33"] {                            gap: var(--ebpf33-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(--ebpf33-padding-right-mobile, 0px) - var(--ebpf33-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-1abte7"] { --1abte7-typography: h5; --1abte7-typography-tablet: h5; --1abte7-typography-mobile: h5; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --beae-h5-text-align: center; }[data-bnode="beae-1abte7"] { margin-top: var(--1abte7-margin-top, 0px); margin-right: var(--1abte7-margin-right, 0px); margin-bottom: var(--1abte7-margin-bottom, 0px); margin-left: var(--1abte7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1abte7-margin-top-tablet, 0px); margin-right: var(--1abte7-margin-right-tablet, 0px); margin-bottom: var(--1abte7-margin-bottom-tablet, 0px); margin-left: var(--1abte7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1abte7-margin-top-mobile, 0px); margin-right: var(--1abte7-margin-right-mobile, 0px); margin-bottom: var(--1abte7-margin-bottom-mobile, 0px); margin-left: var(--1abte7-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--1abte7-highlightColor,var(--beae-p-color)); top: var(--1abte7-highlightTop, 100%); } }[data-bnode="beae-gkir6w"] { --gkir6w-typography: p; --gkir6w-typography-tablet: p; --gkir6w-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --beae-p-text-align: center; }[data-bnode="beae-gkir6w"] { margin-top: var(--gkir6w-margin-top, 0px); margin-right: var(--gkir6w-margin-right, 0px); margin-bottom: var(--gkir6w-margin-bottom, 0px); margin-left: var(--gkir6w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gkir6w-margin-top-tablet, 0px); margin-right: var(--gkir6w-margin-right-tablet, 0px); margin-bottom: var(--gkir6w-margin-bottom-tablet, 0px); margin-left: var(--gkir6w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gkir6w-margin-top-mobile, 0px); margin-right: var(--gkir6w-margin-right-mobile, 0px); margin-bottom: var(--gkir6w-margin-bottom-mobile, 0px); margin-left: var(--gkir6w-margin-left-mobile, 0px); } }[data-bnode="beae-6sohid"] { --6sohid-direction: row; --6sohid-direction-tablet: row; --6sohid-direction-mobile: row; --6sohid-structure: columns; --6sohid-structure-tablet: columns; --6sohid-structure-mobile: columns; --6sohid-background-type: image; --6sohid-background-type-tablet: image; --6sohid-background-type-mobile: image; --6sohid-background-image: [object Object]; --6sohid-background-image-tablet: [object Object]; --6sohid-background-image-mobile: [object Object]; --6sohid-background-imageRatio: 3/4; --6sohid-background-imageRatio-tablet: 3/4; --6sohid-background-imageRatio-mobile: 3/4; --6sohid-background-imageRatio-mobile: 1/1; --6sohid-background-imageRatio-mobile-tablet: 1/1; --6sohid-background-imageRatio-mobile-mobile: 1/1; --6sohid-borderRadius-tl: 16px; --6sohid-borderRadius-tl-tablet: 16px; --6sohid-borderRadius-tl-mobile: 16px; --6sohid-borderRadius-tr: 16px; --6sohid-borderRadius-tr-tablet: 16px; --6sohid-borderRadius-tr-mobile: 16px; --6sohid-borderRadius-bl: 16px; --6sohid-borderRadius-bl-tablet: 16px; --6sohid-borderRadius-bl-mobile: 16px; --6sohid-borderRadius-br: 16px; --6sohid-borderRadius-br-tablet: 16px; --6sohid-borderRadius-br-mobile: 16px; --6sohid-align-items: flex-end; --6sohid-align-items-tablet: flex-end; --6sohid-align-items-mobile: flex-end; --6sohid-padding-top: 10px; --6sohid-padding-top-tablet: 10px; --6sohid-padding-top-mobile: 10px; --6sohid-padding-right: 10px; --6sohid-padding-right-tablet: 10px; --6sohid-padding-right-mobile: 10px; --6sohid-padding-bottom: 10px; --6sohid-padding-bottom-tablet: 10px; --6sohid-padding-bottom-mobile: 10px; --6sohid-padding-left: 10px; --6sohid-padding-left-tablet: 10px; --6sohid-padding-left-mobile: 10px; }[data-bnode="beae-6sohid"] { padding-top: var(--6sohid-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--6sohid-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--6sohid-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--6sohid-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6sohid-padding-top-tablet, var(--6sohid-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--6sohid-padding-right-tablet, var(--6sohid-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--6sohid-padding-bottom-tablet, var(--6sohid-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--6sohid-padding-left-tablet, var(--6sohid-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6sohid-padding-top-mobile, var(--6sohid-padding-top-tablet, var(--6sohid-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--6sohid-padding-right-mobile, var(--6sohid-padding-right-tablet, var(--6sohid-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--6sohid-padding-bottom-mobile, var(--6sohid-padding-bottom-tablet, var(--6sohid-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--6sohid-padding-left-mobile, var(--6sohid-padding-left-tablet, var(--6sohid-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--6sohid-position, relative); top: var(--6sohid-top, auto); right: var(--6sohid-right, auto); bottom: var(--6sohid-bottom, auto); left: var(--6sohid-left, auto); transform: var(--6sohid-transform, none); z-index: var(--6sohid-z-index, 10); aspect-ratio: var(--6sohid-background-imageRatio, auto); background: var(--6sohid-background-color,transparent); border-style: var(--6sohid-borderStyle,solid); border-color: var(--6sohid-borderColor,#000000); border-width: var(--6sohid-borderWidth-tl,0px) var(--6sohid-borderWidth-tr,0px) var(--6sohid-borderWidth-br,0px) var(--6sohid-borderWidth-bl,0px); border-radius: var(--6sohid-borderRadius-tl,0px) var(--6sohid-borderRadius-tr,0px) var(--6sohid-borderRadius-br,0px) var(--6sohid-borderRadius-bl,0px); box-shadow: var(--6sohid-shadowHorizontal, 0px) var(--6sohid-shadowVertical, 0px) var(--6sohid-shadowBlur, 0px) 1px color-mix( in srgb, var(--6sohid-shadowColor, #000000) var(--6sohid-shadowTransparent, 0%), transparent ); max-width: var(--6sohid-max-width, 100%); width: 100%; height: if(style(--6sohid-position: absolute): var(--6sohid-height,100%); else: unset ); backdrop-filter:blur(var(--6sohid-background-blur, none)) saturate(var(--6sohid-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--6sohid-position-tablet, var(--6sohid-position, relative)); top: var(--6sohid-top-tablet, var(--6sohid-top, auto)); right: var(--6sohid-right-tablet, var(--6sohid-right, auto)); bottom: var(--6sohid-bottom-tablet, var(--6sohid-bottom, auto)); left: var(--6sohid-left-tablet, var(--6sohid-left, auto)); transform: var(--6sohid-transform-tablet, var(--6sohid-transform, none)); z-index: var(--6sohid-z-index-tablet, var(--6sohid-z-index, 10)); aspect-ratio: var(--6sohid-background-imageRatio-tablet, var(--6sohid-background-imageRatio, auto)); border-width: var(--6sohid-borderWidth-tl-tablet, var(--6sohid-borderWidth-tl,0px)) var(--6sohid-borderWidth-tr-tablet,var(--6sohid-borderWidth-tr,0px)) var(--6sohid-borderWidth-br-tablet,var(--6sohid-borderWidth-br,0px)) var(--6sohid-borderWidth-bl-tablet,var(--6sohid-borderWidth-bl,0px)); border-radius: var(--6sohid-borderRadius-tl-tablet,var(--6sohid-borderRadius-tl,0px)) var(--6sohid-borderRadius-tr-tablet,var(--6sohid-borderRadius-tr,0px)) var(--6sohid-borderRadius-br-tablet,var(--6sohid-borderRadius-br,0px)) var(--6sohid-borderRadius-bl-tablet,var(--6sohid-borderRadius-bl,0px)); max-width: var(--6sohid-max-width-tablet, var(--6sohid-max-width, 100%)); height: if(style(--6sohid-position-tablet: absolute): var(--6sohid-height-tablet,var(--6sohid-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--6sohid-position-mobile, var(--6sohid-position-tablet, var(--6sohid-position, relative))); top: var(--6sohid-top-mobile, var(--6sohid-top-tablet, var(--6sohid-top, auto))); right: var(--6sohid-right-mobile, var(--6sohid-right-tablet, var(--6sohid-right, auto))); bottom: var(--6sohid-bottom-mobile, var(--6sohid-bottom-tablet, var(--6sohid-bottom, auto))); left: var(--6sohid-left-mobile, var(--6sohid-left-tablet, var(--6sohid-left, auto))); transform: var(--6sohid-transform-mobile, var(--6sohid-transform-tablet, var(--6sohid-transform, none))); z-index: var(--6sohid-z-index-mobile, var(--6sohid-z-index-tablet, var(--6sohid-z-index, 10))); aspect-ratio: var(--6sohid-background-imageRatio-mobile, var(--6sohid-background-imageRatio, auto)); border-width: var(--6sohid-borderWidth-tl-mobile, var(--6sohid-borderWidth-tl,0px)) var(--6sohid-borderWidth-tr-mobile,var(--6sohid-borderWidth-tr,0px)) var(--6sohid-borderWidth-br-mobile,var(--6sohid-borderWidth-br,0px)) var(--6sohid-borderWidth-bl-mobile,var(--6sohid-borderWidth-bl,0px)); border-radius: var(--6sohid-borderRadius-tl-mobile,var(--6sohid-borderRadius-tl,0px)) var(--6sohid-borderRadius-tr-mobile,var(--6sohid-borderRadius-tr,0px)) var(--6sohid-borderRadius-br-mobile,var(--6sohid-borderRadius-br,0px)) var(--6sohid-borderRadius-bl-mobile,var(--6sohid-borderRadius-bl,0px)); max-width: var(--6sohid-max-width-mobile, var(--6sohid-max-width, 100%)); height: if(style(--6sohid-position-mobile: absolute): var(--6sohid-height-mobile,var(--6sohid-height-tablet,,var(--6sohid-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--6sohid-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--6sohid-gap,var(--beae-card-gap)); padding-top: var(--6sohid-padding-top,var(--beae-card-padding)); padding-right: var(--6sohid-padding-right,var(--beae-card-padding)); padding-bottom: var(--6sohid-padding-bottom,var(--beae-card-padding)); padding-left: var(--6sohid-padding-left,var(--beae-card-padding)); border-width: var(--6sohid-borderWidth-tl,var(--beae-card-border-width)) var(--6sohid-borderWidth-tr,var(--beae-card-border-width)) var(--6sohid-borderWidth-br,var(--beae-card-border-width)) var(--6sohid-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6sohid-borderRadius-tl,var(--beae-card-border-radius)) var(--6sohid-borderRadius-tr,var(--beae-card-border-radius)) var(--6sohid-borderRadius-br,var(--beae-card-border-radius)) var(--6sohid-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--6sohid-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--6sohid-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--6sohid-gap-tablet,var(--beae-card-gap)); padding-top: var(--6sohid-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--6sohid-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--6sohid-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--6sohid-padding-left-tablet,var(--beae-card-padding)); border-width: var(--6sohid-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--6sohid-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--6sohid-borderWidth-br-desktop,var(--beae-card-border-width)) var(--6sohid-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--6sohid-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--6sohid-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--6sohid-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--6sohid-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--6sohid-gap-mobile,var(--beae-card-gap)); padding-top: var(--6sohid-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--6sohid-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--6sohid-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--6sohid-padding-left-mobile,var(--beae-card-padding)); border-width: var(--6sohid-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--6sohid-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--6sohid-borderWidth-br-mobile,var(--beae-card-border-width)) var(--6sohid-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--6sohid-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--6sohid-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--6sohid-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--6sohid-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--6sohid-background-color,var(--beae-card-featured-background)); border-color: var(--6sohid-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--6sohid-shadowHorizontal, var(--beae-card-shadow-x)) var(--6sohid-shadowVertical, var(--beae-card-shadow-y)) var(--6sohid-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6sohid-shadowColor, var(--beae-card-featured-shadow-color)) var(--6sohid-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--6sohid-background-color,var(--beae-card-prod-background)); border-color: var(--6sohid-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--6sohid-shadowHorizontal, var(--beae-card-shadow-x)) var(--6sohid-shadowVertical, var(--beae-card-shadow-y)) var(--6sohid-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6sohid-shadowColor, var(--beae-card-prod-shadow-color)) var(--6sohid-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--6sohid-background-color,var(--beae-card-pricing-background)); border-color: var(--6sohid-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--6sohid-shadowHorizontal, var(--beae-card-shadow-x)) var(--6sohid-shadowVertical, var(--beae-card-shadow-y)) var(--6sohid-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6sohid-shadowColor, var(--beae-card-pricing-shadow-color)) var(--6sohid-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--6sohid-background-color,var(--beae-card-cta-background)); border-color: var(--6sohid-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--6sohid-shadowHorizontal, var(--beae-card-shadow-x)) var(--6sohid-shadowVertical, var(--beae-card-shadow-y)) var(--6sohid-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6sohid-shadowColor, var(--beae-card-cta-shadow-color)) var(--6sohid-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-6sohid"] {     display: flex;     flex-direction: var(--6sohid-direction, column);     flex-wrap: nowrap;     justify-content: var(--6sohid-justify-content);     align-items: var(--6sohid-align-items);     gap: var(--6sohid-gap, var(--6sohid-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(--6sohid-padding-right, 0px) - var(--6sohid-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6sohid"] {                            gap: var(--6sohid-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(--6sohid-padding-right-tablet, 0px) - var(--6sohid-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6sohid"] {                            gap: var(--6sohid-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(--6sohid-padding-right-mobile, 0px) - var(--6sohid-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-q7zj94"] { --q7zj94-direction: column; --q7zj94-direction-tablet: column; --q7zj94-direction-mobile: column; --q7zj94-structure: columns; --q7zj94-structure-tablet: columns; --q7zj94-structure-mobile: columns; --q7zj94-align-items: center; --q7zj94-align-items-tablet: center; --q7zj94-align-items-mobile: center; --q7zj94-padding-top: 16px; --q7zj94-padding-top-tablet: 16px; --q7zj94-padding-top-mobile: 16px; --q7zj94-padding-right: 24px; --q7zj94-padding-right-tablet: 24px; --q7zj94-padding-right-mobile: 24px; --q7zj94-padding-bottom: 16px; --q7zj94-padding-bottom-tablet: 16px; --q7zj94-padding-bottom-mobile: 16px; --q7zj94-padding-left: 24px; --q7zj94-padding-left-tablet: 24px; --q7zj94-padding-left-mobile: 24px; --q7zj94-gap: 4px; --q7zj94-gap-tablet: 4px; --q7zj94-gap-mobile: 4px; --q7zj94-background-type: color; --q7zj94-background-type-tablet: color; --q7zj94-background-type-mobile: color; --q7zj94-background-color: #21212166; --q7zj94-background-color-tablet: #21212166; --q7zj94-background-color-mobile: #21212166; --q7zj94-borderRadius-tl: 8px; --q7zj94-borderRadius-tl-tablet: 8px; --q7zj94-borderRadius-tl-mobile: 8px; --q7zj94-borderRadius-tr: 8px; --q7zj94-borderRadius-tr-tablet: 8px; --q7zj94-borderRadius-tr-mobile: 8px; --q7zj94-borderRadius-bl: 8px; --q7zj94-borderRadius-bl-tablet: 8px; --q7zj94-borderRadius-bl-mobile: 8px; --q7zj94-borderRadius-br: 8px; --q7zj94-borderRadius-br-tablet: 8px; --q7zj94-borderRadius-br-mobile: 8px; }[data-bnode="beae-q7zj94"] { padding-top: var(--q7zj94-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--q7zj94-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--q7zj94-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--q7zj94-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--q7zj94-padding-top-tablet, var(--q7zj94-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--q7zj94-padding-right-tablet, var(--q7zj94-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--q7zj94-padding-bottom-tablet, var(--q7zj94-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--q7zj94-padding-left-tablet, var(--q7zj94-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--q7zj94-padding-top-mobile, var(--q7zj94-padding-top-tablet, var(--q7zj94-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--q7zj94-padding-right-mobile, var(--q7zj94-padding-right-tablet, var(--q7zj94-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--q7zj94-padding-bottom-mobile, var(--q7zj94-padding-bottom-tablet, var(--q7zj94-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--q7zj94-padding-left-mobile, var(--q7zj94-padding-left-tablet, var(--q7zj94-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--q7zj94-position, relative); top: var(--q7zj94-top, auto); right: var(--q7zj94-right, auto); bottom: var(--q7zj94-bottom, auto); left: var(--q7zj94-left, auto); transform: var(--q7zj94-transform, none); z-index: var(--q7zj94-z-index, 10); aspect-ratio: var(--q7zj94-background-imageRatio, auto); background: var(--q7zj94-background-color,transparent); border-style: var(--q7zj94-borderStyle,solid); border-color: var(--q7zj94-borderColor,#000000); border-width: var(--q7zj94-borderWidth-tl,0px) var(--q7zj94-borderWidth-tr,0px) var(--q7zj94-borderWidth-br,0px) var(--q7zj94-borderWidth-bl,0px); border-radius: var(--q7zj94-borderRadius-tl,0px) var(--q7zj94-borderRadius-tr,0px) var(--q7zj94-borderRadius-br,0px) var(--q7zj94-borderRadius-bl,0px); box-shadow: var(--q7zj94-shadowHorizontal, 0px) var(--q7zj94-shadowVertical, 0px) var(--q7zj94-shadowBlur, 0px) 1px color-mix( in srgb, var(--q7zj94-shadowColor, #000000) var(--q7zj94-shadowTransparent, 0%), transparent ); max-width: var(--q7zj94-max-width, 100%); width: 100%; height: if(style(--q7zj94-position: absolute): var(--q7zj94-height,100%); else: unset ); backdrop-filter:blur(var(--q7zj94-background-blur, none)) saturate(var(--q7zj94-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--q7zj94-position-tablet, var(--q7zj94-position, relative)); top: var(--q7zj94-top-tablet, var(--q7zj94-top, auto)); right: var(--q7zj94-right-tablet, var(--q7zj94-right, auto)); bottom: var(--q7zj94-bottom-tablet, var(--q7zj94-bottom, auto)); left: var(--q7zj94-left-tablet, var(--q7zj94-left, auto)); transform: var(--q7zj94-transform-tablet, var(--q7zj94-transform, none)); z-index: var(--q7zj94-z-index-tablet, var(--q7zj94-z-index, 10)); aspect-ratio: var(--q7zj94-background-imageRatio-tablet, var(--q7zj94-background-imageRatio, auto)); border-width: var(--q7zj94-borderWidth-tl-tablet, var(--q7zj94-borderWidth-tl,0px)) var(--q7zj94-borderWidth-tr-tablet,var(--q7zj94-borderWidth-tr,0px)) var(--q7zj94-borderWidth-br-tablet,var(--q7zj94-borderWidth-br,0px)) var(--q7zj94-borderWidth-bl-tablet,var(--q7zj94-borderWidth-bl,0px)); border-radius: var(--q7zj94-borderRadius-tl-tablet,var(--q7zj94-borderRadius-tl,0px)) var(--q7zj94-borderRadius-tr-tablet,var(--q7zj94-borderRadius-tr,0px)) var(--q7zj94-borderRadius-br-tablet,var(--q7zj94-borderRadius-br,0px)) var(--q7zj94-borderRadius-bl-tablet,var(--q7zj94-borderRadius-bl,0px)); max-width: var(--q7zj94-max-width-tablet, var(--q7zj94-max-width, 100%)); height: if(style(--q7zj94-position-tablet: absolute): var(--q7zj94-height-tablet,var(--q7zj94-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--q7zj94-position-mobile, var(--q7zj94-position-tablet, var(--q7zj94-position, relative))); top: var(--q7zj94-top-mobile, var(--q7zj94-top-tablet, var(--q7zj94-top, auto))); right: var(--q7zj94-right-mobile, var(--q7zj94-right-tablet, var(--q7zj94-right, auto))); bottom: var(--q7zj94-bottom-mobile, var(--q7zj94-bottom-tablet, var(--q7zj94-bottom, auto))); left: var(--q7zj94-left-mobile, var(--q7zj94-left-tablet, var(--q7zj94-left, auto))); transform: var(--q7zj94-transform-mobile, var(--q7zj94-transform-tablet, var(--q7zj94-transform, none))); z-index: var(--q7zj94-z-index-mobile, var(--q7zj94-z-index-tablet, var(--q7zj94-z-index, 10))); aspect-ratio: var(--q7zj94-background-imageRatio-mobile, var(--q7zj94-background-imageRatio, auto)); border-width: var(--q7zj94-borderWidth-tl-mobile, var(--q7zj94-borderWidth-tl,0px)) var(--q7zj94-borderWidth-tr-mobile,var(--q7zj94-borderWidth-tr,0px)) var(--q7zj94-borderWidth-br-mobile,var(--q7zj94-borderWidth-br,0px)) var(--q7zj94-borderWidth-bl-mobile,var(--q7zj94-borderWidth-bl,0px)); border-radius: var(--q7zj94-borderRadius-tl-mobile,var(--q7zj94-borderRadius-tl,0px)) var(--q7zj94-borderRadius-tr-mobile,var(--q7zj94-borderRadius-tr,0px)) var(--q7zj94-borderRadius-br-mobile,var(--q7zj94-borderRadius-br,0px)) var(--q7zj94-borderRadius-bl-mobile,var(--q7zj94-borderRadius-bl,0px)); max-width: var(--q7zj94-max-width-mobile, var(--q7zj94-max-width, 100%)); height: if(style(--q7zj94-position-mobile: absolute): var(--q7zj94-height-mobile,var(--q7zj94-height-tablet,,var(--q7zj94-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--q7zj94-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--q7zj94-gap,var(--beae-card-gap)); padding-top: var(--q7zj94-padding-top,var(--beae-card-padding)); padding-right: var(--q7zj94-padding-right,var(--beae-card-padding)); padding-bottom: var(--q7zj94-padding-bottom,var(--beae-card-padding)); padding-left: var(--q7zj94-padding-left,var(--beae-card-padding)); border-width: var(--q7zj94-borderWidth-tl,var(--beae-card-border-width)) var(--q7zj94-borderWidth-tr,var(--beae-card-border-width)) var(--q7zj94-borderWidth-br,var(--beae-card-border-width)) var(--q7zj94-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--q7zj94-borderRadius-tl,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-tr,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-br,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--q7zj94-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--q7zj94-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--q7zj94-gap-tablet,var(--beae-card-gap)); padding-top: var(--q7zj94-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--q7zj94-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--q7zj94-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--q7zj94-padding-left-tablet,var(--beae-card-padding)); border-width: var(--q7zj94-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--q7zj94-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--q7zj94-borderWidth-br-desktop,var(--beae-card-border-width)) var(--q7zj94-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--q7zj94-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--q7zj94-gap-mobile,var(--beae-card-gap)); padding-top: var(--q7zj94-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--q7zj94-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--q7zj94-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--q7zj94-padding-left-mobile,var(--beae-card-padding)); border-width: var(--q7zj94-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--q7zj94-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--q7zj94-borderWidth-br-mobile,var(--beae-card-border-width)) var(--q7zj94-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--q7zj94-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--q7zj94-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--q7zj94-background-color,var(--beae-card-featured-background)); border-color: var(--q7zj94-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--q7zj94-shadowHorizontal, var(--beae-card-shadow-x)) var(--q7zj94-shadowVertical, var(--beae-card-shadow-y)) var(--q7zj94-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q7zj94-shadowColor, var(--beae-card-featured-shadow-color)) var(--q7zj94-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--q7zj94-background-color,var(--beae-card-prod-background)); border-color: var(--q7zj94-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--q7zj94-shadowHorizontal, var(--beae-card-shadow-x)) var(--q7zj94-shadowVertical, var(--beae-card-shadow-y)) var(--q7zj94-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q7zj94-shadowColor, var(--beae-card-prod-shadow-color)) var(--q7zj94-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--q7zj94-background-color,var(--beae-card-pricing-background)); border-color: var(--q7zj94-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--q7zj94-shadowHorizontal, var(--beae-card-shadow-x)) var(--q7zj94-shadowVertical, var(--beae-card-shadow-y)) var(--q7zj94-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q7zj94-shadowColor, var(--beae-card-pricing-shadow-color)) var(--q7zj94-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--q7zj94-background-color,var(--beae-card-cta-background)); border-color: var(--q7zj94-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--q7zj94-shadowHorizontal, var(--beae-card-shadow-x)) var(--q7zj94-shadowVertical, var(--beae-card-shadow-y)) var(--q7zj94-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q7zj94-shadowColor, var(--beae-card-cta-shadow-color)) var(--q7zj94-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-q7zj94"] {     display: flex;     flex-direction: var(--q7zj94-direction, column);     flex-wrap: nowrap;     justify-content: var(--q7zj94-justify-content);     align-items: var(--q7zj94-align-items);     gap: var(--q7zj94-gap, var(--q7zj94-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-q7zj94"] {                            gap: var(--q7zj94-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(--q7zj94-padding-right-tablet, 0px) - var(--q7zj94-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-q7zj94"] {                            gap: var(--q7zj94-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(--q7zj94-padding-right-mobile, 0px) - var(--q7zj94-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-n6kkwu"] { --n6kkwu-typography: h5; --n6kkwu-typography-tablet: h5; --n6kkwu-typography-mobile: h5; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --beae-h5-text-align: center; }[data-bnode="beae-n6kkwu"] { margin-top: var(--n6kkwu-margin-top, 0px); margin-right: var(--n6kkwu-margin-right, 0px); margin-bottom: var(--n6kkwu-margin-bottom, 0px); margin-left: var(--n6kkwu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--n6kkwu-margin-top-tablet, 0px); margin-right: var(--n6kkwu-margin-right-tablet, 0px); margin-bottom: var(--n6kkwu-margin-bottom-tablet, 0px); margin-left: var(--n6kkwu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--n6kkwu-margin-top-mobile, 0px); margin-right: var(--n6kkwu-margin-right-mobile, 0px); margin-bottom: var(--n6kkwu-margin-bottom-mobile, 0px); margin-left: var(--n6kkwu-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--n6kkwu-highlightColor,var(--beae-p-color)); top: var(--n6kkwu-highlightTop, 100%); } }[data-bnode="beae-dgmz47"] { --dgmz47-typography: p; --dgmz47-typography-tablet: p; --dgmz47-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --beae-p-text-align: center; }[data-bnode="beae-dgmz47"] { margin-top: var(--dgmz47-margin-top, 0px); margin-right: var(--dgmz47-margin-right, 0px); margin-bottom: var(--dgmz47-margin-bottom, 0px); margin-left: var(--dgmz47-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dgmz47-margin-top-tablet, 0px); margin-right: var(--dgmz47-margin-right-tablet, 0px); margin-bottom: var(--dgmz47-margin-bottom-tablet, 0px); margin-left: var(--dgmz47-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dgmz47-margin-top-mobile, 0px); margin-right: var(--dgmz47-margin-right-mobile, 0px); margin-bottom: var(--dgmz47-margin-bottom-mobile, 0px); margin-left: var(--dgmz47-margin-left-mobile, 0px); } }[data-bnode="beae-z978s0"] { --z978s0-direction: column; --z978s0-direction-tablet: row; --z978s0-direction-mobile: column; --z978s0-align-items: stretch; --z978s0-align-items-tablet: stretch; --z978s0-align-items-mobile: stretch; --z978s0-gap: 20px; --z978s0-gap-tablet: 16px; --z978s0-gap-mobile: 16px; }[data-bnode="beae-z978s0"] { padding-top: var(--z978s0-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--z978s0-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--z978s0-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--z978s0-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--z978s0-padding-top-tablet, var(--z978s0-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--z978s0-padding-right-tablet, var(--z978s0-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--z978s0-padding-bottom-tablet, var(--z978s0-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--z978s0-padding-left-tablet, var(--z978s0-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--z978s0-padding-top-mobile, var(--z978s0-padding-top-tablet, var(--z978s0-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--z978s0-padding-right-mobile, var(--z978s0-padding-right-tablet, var(--z978s0-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--z978s0-padding-bottom-mobile, var(--z978s0-padding-bottom-tablet, var(--z978s0-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--z978s0-padding-left-mobile, var(--z978s0-padding-left-tablet, var(--z978s0-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--z978s0-position, relative); top: var(--z978s0-top, auto); right: var(--z978s0-right, auto); bottom: var(--z978s0-bottom, auto); left: var(--z978s0-left, auto); transform: var(--z978s0-transform, none); z-index: var(--z978s0-z-index, 10); aspect-ratio: var(--z978s0-background-imageRatio, auto); background: var(--z978s0-background-color,transparent); border-style: var(--z978s0-borderStyle,solid); border-color: var(--z978s0-borderColor,#000000); border-width: var(--z978s0-borderWidth-tl,0px) var(--z978s0-borderWidth-tr,0px) var(--z978s0-borderWidth-br,0px) var(--z978s0-borderWidth-bl,0px); border-radius: var(--z978s0-borderRadius-tl,0px) var(--z978s0-borderRadius-tr,0px) var(--z978s0-borderRadius-br,0px) var(--z978s0-borderRadius-bl,0px); box-shadow: var(--z978s0-shadowHorizontal, 0px) var(--z978s0-shadowVertical, 0px) var(--z978s0-shadowBlur, 0px) 1px color-mix( in srgb, var(--z978s0-shadowColor, #000000) var(--z978s0-shadowTransparent, 0%), transparent ); max-width: var(--z978s0-max-width, 100%); width: 100%; height: if(style(--z978s0-position: absolute): var(--z978s0-height,100%); else: unset ); backdrop-filter:blur(var(--z978s0-background-blur, none)) saturate(var(--z978s0-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--z978s0-position-tablet, var(--z978s0-position, relative)); top: var(--z978s0-top-tablet, var(--z978s0-top, auto)); right: var(--z978s0-right-tablet, var(--z978s0-right, auto)); bottom: var(--z978s0-bottom-tablet, var(--z978s0-bottom, auto)); left: var(--z978s0-left-tablet, var(--z978s0-left, auto)); transform: var(--z978s0-transform-tablet, var(--z978s0-transform, none)); z-index: var(--z978s0-z-index-tablet, var(--z978s0-z-index, 10)); aspect-ratio: var(--z978s0-background-imageRatio-tablet, var(--z978s0-background-imageRatio, auto)); border-width: var(--z978s0-borderWidth-tl-tablet, var(--z978s0-borderWidth-tl,0px)) var(--z978s0-borderWidth-tr-tablet,var(--z978s0-borderWidth-tr,0px)) var(--z978s0-borderWidth-br-tablet,var(--z978s0-borderWidth-br,0px)) var(--z978s0-borderWidth-bl-tablet,var(--z978s0-borderWidth-bl,0px)); border-radius: var(--z978s0-borderRadius-tl-tablet,var(--z978s0-borderRadius-tl,0px)) var(--z978s0-borderRadius-tr-tablet,var(--z978s0-borderRadius-tr,0px)) var(--z978s0-borderRadius-br-tablet,var(--z978s0-borderRadius-br,0px)) var(--z978s0-borderRadius-bl-tablet,var(--z978s0-borderRadius-bl,0px)); max-width: var(--z978s0-max-width-tablet, var(--z978s0-max-width, 100%)); height: if(style(--z978s0-position-tablet: absolute): var(--z978s0-height-tablet,var(--z978s0-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--z978s0-position-mobile, var(--z978s0-position-tablet, var(--z978s0-position, relative))); top: var(--z978s0-top-mobile, var(--z978s0-top-tablet, var(--z978s0-top, auto))); right: var(--z978s0-right-mobile, var(--z978s0-right-tablet, var(--z978s0-right, auto))); bottom: var(--z978s0-bottom-mobile, var(--z978s0-bottom-tablet, var(--z978s0-bottom, auto))); left: var(--z978s0-left-mobile, var(--z978s0-left-tablet, var(--z978s0-left, auto))); transform: var(--z978s0-transform-mobile, var(--z978s0-transform-tablet, var(--z978s0-transform, none))); z-index: var(--z978s0-z-index-mobile, var(--z978s0-z-index-tablet, var(--z978s0-z-index, 10))); aspect-ratio: var(--z978s0-background-imageRatio-mobile, var(--z978s0-background-imageRatio, auto)); border-width: var(--z978s0-borderWidth-tl-mobile, var(--z978s0-borderWidth-tl,0px)) var(--z978s0-borderWidth-tr-mobile,var(--z978s0-borderWidth-tr,0px)) var(--z978s0-borderWidth-br-mobile,var(--z978s0-borderWidth-br,0px)) var(--z978s0-borderWidth-bl-mobile,var(--z978s0-borderWidth-bl,0px)); border-radius: var(--z978s0-borderRadius-tl-mobile,var(--z978s0-borderRadius-tl,0px)) var(--z978s0-borderRadius-tr-mobile,var(--z978s0-borderRadius-tr,0px)) var(--z978s0-borderRadius-br-mobile,var(--z978s0-borderRadius-br,0px)) var(--z978s0-borderRadius-bl-mobile,var(--z978s0-borderRadius-bl,0px)); max-width: var(--z978s0-max-width-mobile, var(--z978s0-max-width, 100%)); height: if(style(--z978s0-position-mobile: absolute): var(--z978s0-height-mobile,var(--z978s0-height-tablet,,var(--z978s0-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--z978s0-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--z978s0-gap,var(--beae-card-gap)); padding-top: var(--z978s0-padding-top,var(--beae-card-padding)); padding-right: var(--z978s0-padding-right,var(--beae-card-padding)); padding-bottom: var(--z978s0-padding-bottom,var(--beae-card-padding)); padding-left: var(--z978s0-padding-left,var(--beae-card-padding)); border-width: var(--z978s0-borderWidth-tl,var(--beae-card-border-width)) var(--z978s0-borderWidth-tr,var(--beae-card-border-width)) var(--z978s0-borderWidth-br,var(--beae-card-border-width)) var(--z978s0-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--z978s0-borderRadius-tl,var(--beae-card-border-radius)) var(--z978s0-borderRadius-tr,var(--beae-card-border-radius)) var(--z978s0-borderRadius-br,var(--beae-card-border-radius)) var(--z978s0-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--z978s0-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--z978s0-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--z978s0-gap-tablet,var(--beae-card-gap)); padding-top: var(--z978s0-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--z978s0-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--z978s0-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--z978s0-padding-left-tablet,var(--beae-card-padding)); border-width: var(--z978s0-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--z978s0-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--z978s0-borderWidth-br-desktop,var(--beae-card-border-width)) var(--z978s0-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--z978s0-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--z978s0-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--z978s0-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--z978s0-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--z978s0-gap-mobile,var(--beae-card-gap)); padding-top: var(--z978s0-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--z978s0-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--z978s0-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--z978s0-padding-left-mobile,var(--beae-card-padding)); border-width: var(--z978s0-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--z978s0-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--z978s0-borderWidth-br-mobile,var(--beae-card-border-width)) var(--z978s0-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--z978s0-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--z978s0-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--z978s0-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--z978s0-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--z978s0-background-color,var(--beae-card-featured-background)); border-color: var(--z978s0-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--z978s0-shadowHorizontal, var(--beae-card-shadow-x)) var(--z978s0-shadowVertical, var(--beae-card-shadow-y)) var(--z978s0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z978s0-shadowColor, var(--beae-card-featured-shadow-color)) var(--z978s0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--z978s0-background-color,var(--beae-card-prod-background)); border-color: var(--z978s0-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--z978s0-shadowHorizontal, var(--beae-card-shadow-x)) var(--z978s0-shadowVertical, var(--beae-card-shadow-y)) var(--z978s0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z978s0-shadowColor, var(--beae-card-prod-shadow-color)) var(--z978s0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--z978s0-background-color,var(--beae-card-pricing-background)); border-color: var(--z978s0-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--z978s0-shadowHorizontal, var(--beae-card-shadow-x)) var(--z978s0-shadowVertical, var(--beae-card-shadow-y)) var(--z978s0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z978s0-shadowColor, var(--beae-card-pricing-shadow-color)) var(--z978s0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--z978s0-background-color,var(--beae-card-cta-background)); border-color: var(--z978s0-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--z978s0-shadowHorizontal, var(--beae-card-shadow-x)) var(--z978s0-shadowVertical, var(--beae-card-shadow-y)) var(--z978s0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z978s0-shadowColor, var(--beae-card-cta-shadow-color)) var(--z978s0-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-z978s0"] {     display: flex;     flex-direction: var(--z978s0-direction, column);     flex-wrap: nowrap;     justify-content: var(--z978s0-justify-content);     align-items: var(--z978s0-align-items);     gap: var(--z978s0-gap, var(--z978s0-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-z978s0"] {      flex-direction: var(--z978s0-direction-tablet, column);                      gap: var(--z978s0-gap-tablet, var(--z978s0-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(--z978s0-padding-right-tablet, 0px) - var(--z978s0-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-z978s0"] {      flex-direction: var(--z978s0-direction-mobile, column);                      gap: var(--z978s0-gap-mobile, var(--z978s0-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-w1a7o8"] { --w1a7o8-direction: row; --w1a7o8-direction-tablet: row; --w1a7o8-direction-mobile: row; --w1a7o8-structure: columns; --w1a7o8-structure-tablet: columns; --w1a7o8-structure-mobile: columns; --w1a7o8-background-type: image; --w1a7o8-background-type-tablet: image; --w1a7o8-background-type-mobile: image; --w1a7o8-background-image: [object Object]; --w1a7o8-background-image-tablet: [object Object]; --w1a7o8-background-image-mobile: [object Object]; --w1a7o8-background-imageRatio: 20/13; --w1a7o8-background-imageRatio-tablet: 20/13; --w1a7o8-background-imageRatio-mobile: 20/13; --w1a7o8-background-imageRatio-mobile: 1/1; --w1a7o8-background-imageRatio-mobile-tablet: 1/1; --w1a7o8-background-imageRatio-mobile-mobile: 1/1; --w1a7o8-borderRadius-tl: 16px; --w1a7o8-borderRadius-tl-tablet: 16px; --w1a7o8-borderRadius-tl-mobile: 16px; --w1a7o8-borderRadius-tr: 16px; --w1a7o8-borderRadius-tr-tablet: 16px; --w1a7o8-borderRadius-tr-mobile: 16px; --w1a7o8-borderRadius-bl: 16px; --w1a7o8-borderRadius-bl-tablet: 16px; --w1a7o8-borderRadius-bl-mobile: 16px; --w1a7o8-borderRadius-br: 16px; --w1a7o8-borderRadius-br-tablet: 16px; --w1a7o8-borderRadius-br-mobile: 16px; --w1a7o8-align-items: flex-end; --w1a7o8-align-items-tablet: flex-end; --w1a7o8-align-items-mobile: flex-end; --w1a7o8-padding-top: 10px; --w1a7o8-padding-top-tablet: 10px; --w1a7o8-padding-top-mobile: 10px; --w1a7o8-padding-right: 10px; --w1a7o8-padding-right-tablet: 10px; --w1a7o8-padding-right-mobile: 10px; --w1a7o8-padding-bottom: 10px; --w1a7o8-padding-bottom-tablet: 10px; --w1a7o8-padding-bottom-mobile: 10px; --w1a7o8-padding-left: 10px; --w1a7o8-padding-left-tablet: 10px; --w1a7o8-padding-left-mobile: 10px; }[data-bnode="beae-w1a7o8"] { padding-top: var(--w1a7o8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--w1a7o8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--w1a7o8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--w1a7o8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--w1a7o8-padding-top-tablet, var(--w1a7o8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--w1a7o8-padding-right-tablet, var(--w1a7o8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--w1a7o8-padding-bottom-tablet, var(--w1a7o8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--w1a7o8-padding-left-tablet, var(--w1a7o8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--w1a7o8-padding-top-mobile, var(--w1a7o8-padding-top-tablet, var(--w1a7o8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--w1a7o8-padding-right-mobile, var(--w1a7o8-padding-right-tablet, var(--w1a7o8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--w1a7o8-padding-bottom-mobile, var(--w1a7o8-padding-bottom-tablet, var(--w1a7o8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--w1a7o8-padding-left-mobile, var(--w1a7o8-padding-left-tablet, var(--w1a7o8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--w1a7o8-position, relative); top: var(--w1a7o8-top, auto); right: var(--w1a7o8-right, auto); bottom: var(--w1a7o8-bottom, auto); left: var(--w1a7o8-left, auto); transform: var(--w1a7o8-transform, none); z-index: var(--w1a7o8-z-index, 10); aspect-ratio: var(--w1a7o8-background-imageRatio, auto); background: var(--w1a7o8-background-color,transparent); border-style: var(--w1a7o8-borderStyle,solid); border-color: var(--w1a7o8-borderColor,#000000); border-width: var(--w1a7o8-borderWidth-tl,0px) var(--w1a7o8-borderWidth-tr,0px) var(--w1a7o8-borderWidth-br,0px) var(--w1a7o8-borderWidth-bl,0px); border-radius: var(--w1a7o8-borderRadius-tl,0px) var(--w1a7o8-borderRadius-tr,0px) var(--w1a7o8-borderRadius-br,0px) var(--w1a7o8-borderRadius-bl,0px); box-shadow: var(--w1a7o8-shadowHorizontal, 0px) var(--w1a7o8-shadowVertical, 0px) var(--w1a7o8-shadowBlur, 0px) 1px color-mix( in srgb, var(--w1a7o8-shadowColor, #000000) var(--w1a7o8-shadowTransparent, 0%), transparent ); max-width: var(--w1a7o8-max-width, 100%); width: 100%; height: if(style(--w1a7o8-position: absolute): var(--w1a7o8-height,100%); else: unset ); backdrop-filter:blur(var(--w1a7o8-background-blur, none)) saturate(var(--w1a7o8-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--w1a7o8-position-tablet, var(--w1a7o8-position, relative)); top: var(--w1a7o8-top-tablet, var(--w1a7o8-top, auto)); right: var(--w1a7o8-right-tablet, var(--w1a7o8-right, auto)); bottom: var(--w1a7o8-bottom-tablet, var(--w1a7o8-bottom, auto)); left: var(--w1a7o8-left-tablet, var(--w1a7o8-left, auto)); transform: var(--w1a7o8-transform-tablet, var(--w1a7o8-transform, none)); z-index: var(--w1a7o8-z-index-tablet, var(--w1a7o8-z-index, 10)); aspect-ratio: var(--w1a7o8-background-imageRatio-tablet, var(--w1a7o8-background-imageRatio, auto)); border-width: var(--w1a7o8-borderWidth-tl-tablet, var(--w1a7o8-borderWidth-tl,0px)) var(--w1a7o8-borderWidth-tr-tablet,var(--w1a7o8-borderWidth-tr,0px)) var(--w1a7o8-borderWidth-br-tablet,var(--w1a7o8-borderWidth-br,0px)) var(--w1a7o8-borderWidth-bl-tablet,var(--w1a7o8-borderWidth-bl,0px)); border-radius: var(--w1a7o8-borderRadius-tl-tablet,var(--w1a7o8-borderRadius-tl,0px)) var(--w1a7o8-borderRadius-tr-tablet,var(--w1a7o8-borderRadius-tr,0px)) var(--w1a7o8-borderRadius-br-tablet,var(--w1a7o8-borderRadius-br,0px)) var(--w1a7o8-borderRadius-bl-tablet,var(--w1a7o8-borderRadius-bl,0px)); max-width: var(--w1a7o8-max-width-tablet, var(--w1a7o8-max-width, 100%)); height: if(style(--w1a7o8-position-tablet: absolute): var(--w1a7o8-height-tablet,var(--w1a7o8-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--w1a7o8-position-mobile, var(--w1a7o8-position-tablet, var(--w1a7o8-position, relative))); top: var(--w1a7o8-top-mobile, var(--w1a7o8-top-tablet, var(--w1a7o8-top, auto))); right: var(--w1a7o8-right-mobile, var(--w1a7o8-right-tablet, var(--w1a7o8-right, auto))); bottom: var(--w1a7o8-bottom-mobile, var(--w1a7o8-bottom-tablet, var(--w1a7o8-bottom, auto))); left: var(--w1a7o8-left-mobile, var(--w1a7o8-left-tablet, var(--w1a7o8-left, auto))); transform: var(--w1a7o8-transform-mobile, var(--w1a7o8-transform-tablet, var(--w1a7o8-transform, none))); z-index: var(--w1a7o8-z-index-mobile, var(--w1a7o8-z-index-tablet, var(--w1a7o8-z-index, 10))); aspect-ratio: var(--w1a7o8-background-imageRatio-mobile, var(--w1a7o8-background-imageRatio, auto)); border-width: var(--w1a7o8-borderWidth-tl-mobile, var(--w1a7o8-borderWidth-tl,0px)) var(--w1a7o8-borderWidth-tr-mobile,var(--w1a7o8-borderWidth-tr,0px)) var(--w1a7o8-borderWidth-br-mobile,var(--w1a7o8-borderWidth-br,0px)) var(--w1a7o8-borderWidth-bl-mobile,var(--w1a7o8-borderWidth-bl,0px)); border-radius: var(--w1a7o8-borderRadius-tl-mobile,var(--w1a7o8-borderRadius-tl,0px)) var(--w1a7o8-borderRadius-tr-mobile,var(--w1a7o8-borderRadius-tr,0px)) var(--w1a7o8-borderRadius-br-mobile,var(--w1a7o8-borderRadius-br,0px)) var(--w1a7o8-borderRadius-bl-mobile,var(--w1a7o8-borderRadius-bl,0px)); max-width: var(--w1a7o8-max-width-mobile, var(--w1a7o8-max-width, 100%)); height: if(style(--w1a7o8-position-mobile: absolute): var(--w1a7o8-height-mobile,var(--w1a7o8-height-tablet,,var(--w1a7o8-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--w1a7o8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--w1a7o8-gap,var(--beae-card-gap)); padding-top: var(--w1a7o8-padding-top,var(--beae-card-padding)); padding-right: var(--w1a7o8-padding-right,var(--beae-card-padding)); padding-bottom: var(--w1a7o8-padding-bottom,var(--beae-card-padding)); padding-left: var(--w1a7o8-padding-left,var(--beae-card-padding)); border-width: var(--w1a7o8-borderWidth-tl,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-tr,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-br,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--w1a7o8-borderRadius-tl,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-tr,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-br,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--w1a7o8-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--w1a7o8-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--w1a7o8-gap-tablet,var(--beae-card-gap)); padding-top: var(--w1a7o8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--w1a7o8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--w1a7o8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--w1a7o8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--w1a7o8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--w1a7o8-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--w1a7o8-gap-mobile,var(--beae-card-gap)); padding-top: var(--w1a7o8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--w1a7o8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--w1a7o8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--w1a7o8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--w1a7o8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--w1a7o8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--w1a7o8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--w1a7o8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--w1a7o8-background-color,var(--beae-card-featured-background)); border-color: var(--w1a7o8-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--w1a7o8-shadowHorizontal, var(--beae-card-shadow-x)) var(--w1a7o8-shadowVertical, var(--beae-card-shadow-y)) var(--w1a7o8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w1a7o8-shadowColor, var(--beae-card-featured-shadow-color)) var(--w1a7o8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--w1a7o8-background-color,var(--beae-card-prod-background)); border-color: var(--w1a7o8-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--w1a7o8-shadowHorizontal, var(--beae-card-shadow-x)) var(--w1a7o8-shadowVertical, var(--beae-card-shadow-y)) var(--w1a7o8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w1a7o8-shadowColor, var(--beae-card-prod-shadow-color)) var(--w1a7o8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--w1a7o8-background-color,var(--beae-card-pricing-background)); border-color: var(--w1a7o8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--w1a7o8-shadowHorizontal, var(--beae-card-shadow-x)) var(--w1a7o8-shadowVertical, var(--beae-card-shadow-y)) var(--w1a7o8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w1a7o8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--w1a7o8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--w1a7o8-background-color,var(--beae-card-cta-background)); border-color: var(--w1a7o8-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--w1a7o8-shadowHorizontal, var(--beae-card-shadow-x)) var(--w1a7o8-shadowVertical, var(--beae-card-shadow-y)) var(--w1a7o8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w1a7o8-shadowColor, var(--beae-card-cta-shadow-color)) var(--w1a7o8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-j2ok8b"] { --j2ok8b-direction: row; --j2ok8b-direction-tablet: row; --j2ok8b-direction-mobile: row; --j2ok8b-structure: columns; --j2ok8b-structure-tablet: columns; --j2ok8b-structure-mobile: columns; --j2ok8b-background-type: image; --j2ok8b-background-type-tablet: image; --j2ok8b-background-type-mobile: image; --j2ok8b-background-image: [object Object]; --j2ok8b-background-image-tablet: [object Object]; --j2ok8b-background-image-mobile: [object Object]; --j2ok8b-background-imageRatio: 20/13; --j2ok8b-background-imageRatio-tablet: 20/13; --j2ok8b-background-imageRatio-mobile: 20/13; --j2ok8b-background-imageRatio-mobile: 1/1; --j2ok8b-background-imageRatio-mobile-tablet: 1/1; --j2ok8b-background-imageRatio-mobile-mobile: 1/1; --j2ok8b-borderRadius-tl: 16px; --j2ok8b-borderRadius-tl-tablet: 16px; --j2ok8b-borderRadius-tl-mobile: 16px; --j2ok8b-borderRadius-tr: 16px; --j2ok8b-borderRadius-tr-tablet: 16px; --j2ok8b-borderRadius-tr-mobile: 16px; --j2ok8b-borderRadius-bl: 16px; --j2ok8b-borderRadius-bl-tablet: 16px; --j2ok8b-borderRadius-bl-mobile: 16px; --j2ok8b-borderRadius-br: 16px; --j2ok8b-borderRadius-br-tablet: 16px; --j2ok8b-borderRadius-br-mobile: 16px; --j2ok8b-align-items: flex-end; --j2ok8b-align-items-tablet: flex-end; --j2ok8b-align-items-mobile: flex-end; --j2ok8b-padding-top: 10px; --j2ok8b-padding-top-tablet: 10px; --j2ok8b-padding-top-mobile: 10px; --j2ok8b-padding-right: 10px; --j2ok8b-padding-right-tablet: 10px; --j2ok8b-padding-right-mobile: 10px; --j2ok8b-padding-bottom: 10px; --j2ok8b-padding-bottom-tablet: 10px; --j2ok8b-padding-bottom-mobile: 10px; --j2ok8b-padding-left: 10px; --j2ok8b-padding-left-tablet: 10px; --j2ok8b-padding-left-mobile: 10px; }[data-bnode="beae-j2ok8b"] { padding-top: var(--j2ok8b-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--j2ok8b-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--j2ok8b-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--j2ok8b-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--j2ok8b-padding-top-tablet, var(--j2ok8b-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--j2ok8b-padding-right-tablet, var(--j2ok8b-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--j2ok8b-padding-bottom-tablet, var(--j2ok8b-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--j2ok8b-padding-left-tablet, var(--j2ok8b-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--j2ok8b-padding-top-mobile, var(--j2ok8b-padding-top-tablet, var(--j2ok8b-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--j2ok8b-padding-right-mobile, var(--j2ok8b-padding-right-tablet, var(--j2ok8b-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--j2ok8b-padding-bottom-mobile, var(--j2ok8b-padding-bottom-tablet, var(--j2ok8b-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--j2ok8b-padding-left-mobile, var(--j2ok8b-padding-left-tablet, var(--j2ok8b-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--j2ok8b-position, relative); top: var(--j2ok8b-top, auto); right: var(--j2ok8b-right, auto); bottom: var(--j2ok8b-bottom, auto); left: var(--j2ok8b-left, auto); transform: var(--j2ok8b-transform, none); z-index: var(--j2ok8b-z-index, 10); aspect-ratio: var(--j2ok8b-background-imageRatio, auto); background: var(--j2ok8b-background-color,transparent); border-style: var(--j2ok8b-borderStyle,solid); border-color: var(--j2ok8b-borderColor,#000000); border-width: var(--j2ok8b-borderWidth-tl,0px) var(--j2ok8b-borderWidth-tr,0px) var(--j2ok8b-borderWidth-br,0px) var(--j2ok8b-borderWidth-bl,0px); border-radius: var(--j2ok8b-borderRadius-tl,0px) var(--j2ok8b-borderRadius-tr,0px) var(--j2ok8b-borderRadius-br,0px) var(--j2ok8b-borderRadius-bl,0px); box-shadow: var(--j2ok8b-shadowHorizontal, 0px) var(--j2ok8b-shadowVertical, 0px) var(--j2ok8b-shadowBlur, 0px) 1px color-mix( in srgb, var(--j2ok8b-shadowColor, #000000) var(--j2ok8b-shadowTransparent, 0%), transparent ); max-width: var(--j2ok8b-max-width, 100%); width: 100%; height: if(style(--j2ok8b-position: absolute): var(--j2ok8b-height,100%); else: unset ); backdrop-filter:blur(var(--j2ok8b-background-blur, none)) saturate(var(--j2ok8b-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--j2ok8b-position-tablet, var(--j2ok8b-position, relative)); top: var(--j2ok8b-top-tablet, var(--j2ok8b-top, auto)); right: var(--j2ok8b-right-tablet, var(--j2ok8b-right, auto)); bottom: var(--j2ok8b-bottom-tablet, var(--j2ok8b-bottom, auto)); left: var(--j2ok8b-left-tablet, var(--j2ok8b-left, auto)); transform: var(--j2ok8b-transform-tablet, var(--j2ok8b-transform, none)); z-index: var(--j2ok8b-z-index-tablet, var(--j2ok8b-z-index, 10)); aspect-ratio: var(--j2ok8b-background-imageRatio-tablet, var(--j2ok8b-background-imageRatio, auto)); border-width: var(--j2ok8b-borderWidth-tl-tablet, var(--j2ok8b-borderWidth-tl,0px)) var(--j2ok8b-borderWidth-tr-tablet,var(--j2ok8b-borderWidth-tr,0px)) var(--j2ok8b-borderWidth-br-tablet,var(--j2ok8b-borderWidth-br,0px)) var(--j2ok8b-borderWidth-bl-tablet,var(--j2ok8b-borderWidth-bl,0px)); border-radius: var(--j2ok8b-borderRadius-tl-tablet,var(--j2ok8b-borderRadius-tl,0px)) var(--j2ok8b-borderRadius-tr-tablet,var(--j2ok8b-borderRadius-tr,0px)) var(--j2ok8b-borderRadius-br-tablet,var(--j2ok8b-borderRadius-br,0px)) var(--j2ok8b-borderRadius-bl-tablet,var(--j2ok8b-borderRadius-bl,0px)); max-width: var(--j2ok8b-max-width-tablet, var(--j2ok8b-max-width, 100%)); height: if(style(--j2ok8b-position-tablet: absolute): var(--j2ok8b-height-tablet,var(--j2ok8b-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--j2ok8b-position-mobile, var(--j2ok8b-position-tablet, var(--j2ok8b-position, relative))); top: var(--j2ok8b-top-mobile, var(--j2ok8b-top-tablet, var(--j2ok8b-top, auto))); right: var(--j2ok8b-right-mobile, var(--j2ok8b-right-tablet, var(--j2ok8b-right, auto))); bottom: var(--j2ok8b-bottom-mobile, var(--j2ok8b-bottom-tablet, var(--j2ok8b-bottom, auto))); left: var(--j2ok8b-left-mobile, var(--j2ok8b-left-tablet, var(--j2ok8b-left, auto))); transform: var(--j2ok8b-transform-mobile, var(--j2ok8b-transform-tablet, var(--j2ok8b-transform, none))); z-index: var(--j2ok8b-z-index-mobile, var(--j2ok8b-z-index-tablet, var(--j2ok8b-z-index, 10))); aspect-ratio: var(--j2ok8b-background-imageRatio-mobile, var(--j2ok8b-background-imageRatio, auto)); border-width: var(--j2ok8b-borderWidth-tl-mobile, var(--j2ok8b-borderWidth-tl,0px)) var(--j2ok8b-borderWidth-tr-mobile,var(--j2ok8b-borderWidth-tr,0px)) var(--j2ok8b-borderWidth-br-mobile,var(--j2ok8b-borderWidth-br,0px)) var(--j2ok8b-borderWidth-bl-mobile,var(--j2ok8b-borderWidth-bl,0px)); border-radius: var(--j2ok8b-borderRadius-tl-mobile,var(--j2ok8b-borderRadius-tl,0px)) var(--j2ok8b-borderRadius-tr-mobile,var(--j2ok8b-borderRadius-tr,0px)) var(--j2ok8b-borderRadius-br-mobile,var(--j2ok8b-borderRadius-br,0px)) var(--j2ok8b-borderRadius-bl-mobile,var(--j2ok8b-borderRadius-bl,0px)); max-width: var(--j2ok8b-max-width-mobile, var(--j2ok8b-max-width, 100%)); height: if(style(--j2ok8b-position-mobile: absolute): var(--j2ok8b-height-mobile,var(--j2ok8b-height-tablet,,var(--j2ok8b-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--j2ok8b-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--j2ok8b-gap,var(--beae-card-gap)); padding-top: var(--j2ok8b-padding-top,var(--beae-card-padding)); padding-right: var(--j2ok8b-padding-right,var(--beae-card-padding)); padding-bottom: var(--j2ok8b-padding-bottom,var(--beae-card-padding)); padding-left: var(--j2ok8b-padding-left,var(--beae-card-padding)); border-width: var(--j2ok8b-borderWidth-tl,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-tr,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-br,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--j2ok8b-borderRadius-tl,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-tr,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-br,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--j2ok8b-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--j2ok8b-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--j2ok8b-gap-tablet,var(--beae-card-gap)); padding-top: var(--j2ok8b-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--j2ok8b-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--j2ok8b-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--j2ok8b-padding-left-tablet,var(--beae-card-padding)); border-width: var(--j2ok8b-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-br-desktop,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--j2ok8b-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--j2ok8b-gap-mobile,var(--beae-card-gap)); padding-top: var(--j2ok8b-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--j2ok8b-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--j2ok8b-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--j2ok8b-padding-left-mobile,var(--beae-card-padding)); border-width: var(--j2ok8b-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-br-mobile,var(--beae-card-border-width)) var(--j2ok8b-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--j2ok8b-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--j2ok8b-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--j2ok8b-background-color,var(--beae-card-featured-background)); border-color: var(--j2ok8b-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--j2ok8b-shadowHorizontal, var(--beae-card-shadow-x)) var(--j2ok8b-shadowVertical, var(--beae-card-shadow-y)) var(--j2ok8b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j2ok8b-shadowColor, var(--beae-card-featured-shadow-color)) var(--j2ok8b-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--j2ok8b-background-color,var(--beae-card-prod-background)); border-color: var(--j2ok8b-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--j2ok8b-shadowHorizontal, var(--beae-card-shadow-x)) var(--j2ok8b-shadowVertical, var(--beae-card-shadow-y)) var(--j2ok8b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j2ok8b-shadowColor, var(--beae-card-prod-shadow-color)) var(--j2ok8b-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--j2ok8b-background-color,var(--beae-card-pricing-background)); border-color: var(--j2ok8b-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--j2ok8b-shadowHorizontal, var(--beae-card-shadow-x)) var(--j2ok8b-shadowVertical, var(--beae-card-shadow-y)) var(--j2ok8b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j2ok8b-shadowColor, var(--beae-card-pricing-shadow-color)) var(--j2ok8b-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--j2ok8b-background-color,var(--beae-card-cta-background)); border-color: var(--j2ok8b-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--j2ok8b-shadowHorizontal, var(--beae-card-shadow-x)) var(--j2ok8b-shadowVertical, var(--beae-card-shadow-y)) var(--j2ok8b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j2ok8b-shadowColor, var(--beae-card-cta-shadow-color)) var(--j2ok8b-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-j2ok8b"] {     display: flex;     flex-direction: var(--j2ok8b-direction, column);     flex-wrap: nowrap;     justify-content: var(--j2ok8b-justify-content);     align-items: var(--j2ok8b-align-items);     gap: var(--j2ok8b-gap, var(--j2ok8b-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(--j2ok8b-padding-right, 0px) - var(--j2ok8b-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-j2ok8b"] {                            gap: var(--j2ok8b-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(--j2ok8b-padding-right-tablet, 0px) - var(--j2ok8b-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-j2ok8b"] {                            gap: var(--j2ok8b-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(--j2ok8b-padding-right-mobile, 0px) - var(--j2ok8b-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rl2pfo"] { --rl2pfo-direction: column; --rl2pfo-direction-tablet: column; --rl2pfo-direction-mobile: column; --rl2pfo-structure: columns; --rl2pfo-structure-tablet: columns; --rl2pfo-structure-mobile: columns; --rl2pfo-align-items: center; --rl2pfo-align-items-tablet: center; --rl2pfo-align-items-mobile: center; --rl2pfo-padding-top: 16px; --rl2pfo-padding-top-tablet: 16px; --rl2pfo-padding-top-mobile: 16px; --rl2pfo-padding-right: 24px; --rl2pfo-padding-right-tablet: 24px; --rl2pfo-padding-right-mobile: 24px; --rl2pfo-padding-bottom: 16px; --rl2pfo-padding-bottom-tablet: 16px; --rl2pfo-padding-bottom-mobile: 16px; --rl2pfo-padding-left: 24px; --rl2pfo-padding-left-tablet: 24px; --rl2pfo-padding-left-mobile: 24px; --rl2pfo-gap: 4px; --rl2pfo-gap-tablet: 4px; --rl2pfo-gap-mobile: 4px; --rl2pfo-background-type: color; --rl2pfo-background-type-tablet: color; --rl2pfo-background-type-mobile: color; --rl2pfo-background-color: #21212166; --rl2pfo-background-color-tablet: #21212166; --rl2pfo-background-color-mobile: #21212166; --rl2pfo-borderRadius-tl: 8px; --rl2pfo-borderRadius-tl-tablet: 8px; --rl2pfo-borderRadius-tl-mobile: 8px; --rl2pfo-borderRadius-tr: 8px; --rl2pfo-borderRadius-tr-tablet: 8px; --rl2pfo-borderRadius-tr-mobile: 8px; --rl2pfo-borderRadius-bl: 8px; --rl2pfo-borderRadius-bl-tablet: 8px; --rl2pfo-borderRadius-bl-mobile: 8px; --rl2pfo-borderRadius-br: 8px; --rl2pfo-borderRadius-br-tablet: 8px; --rl2pfo-borderRadius-br-mobile: 8px; }[data-bnode="beae-rl2pfo"] { padding-top: var(--rl2pfo-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rl2pfo-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rl2pfo-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rl2pfo-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rl2pfo-padding-top-tablet, var(--rl2pfo-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rl2pfo-padding-right-tablet, var(--rl2pfo-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rl2pfo-padding-bottom-tablet, var(--rl2pfo-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rl2pfo-padding-left-tablet, var(--rl2pfo-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rl2pfo-padding-top-mobile, var(--rl2pfo-padding-top-tablet, var(--rl2pfo-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rl2pfo-padding-right-mobile, var(--rl2pfo-padding-right-tablet, var(--rl2pfo-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rl2pfo-padding-bottom-mobile, var(--rl2pfo-padding-bottom-tablet, var(--rl2pfo-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rl2pfo-padding-left-mobile, var(--rl2pfo-padding-left-tablet, var(--rl2pfo-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--rl2pfo-position, relative); top: var(--rl2pfo-top, auto); right: var(--rl2pfo-right, auto); bottom: var(--rl2pfo-bottom, auto); left: var(--rl2pfo-left, auto); transform: var(--rl2pfo-transform, none); z-index: var(--rl2pfo-z-index, 10); aspect-ratio: var(--rl2pfo-background-imageRatio, auto); background: var(--rl2pfo-background-color,transparent); border-style: var(--rl2pfo-borderStyle,solid); border-color: var(--rl2pfo-borderColor,#000000); border-width: var(--rl2pfo-borderWidth-tl,0px) var(--rl2pfo-borderWidth-tr,0px) var(--rl2pfo-borderWidth-br,0px) var(--rl2pfo-borderWidth-bl,0px); border-radius: var(--rl2pfo-borderRadius-tl,0px) var(--rl2pfo-borderRadius-tr,0px) var(--rl2pfo-borderRadius-br,0px) var(--rl2pfo-borderRadius-bl,0px); box-shadow: var(--rl2pfo-shadowHorizontal, 0px) var(--rl2pfo-shadowVertical, 0px) var(--rl2pfo-shadowBlur, 0px) 1px color-mix( in srgb, var(--rl2pfo-shadowColor, #000000) var(--rl2pfo-shadowTransparent, 0%), transparent ); max-width: var(--rl2pfo-max-width, 100%); width: 100%; height: if(style(--rl2pfo-position: absolute): var(--rl2pfo-height,100%); else: unset ); backdrop-filter:blur(var(--rl2pfo-background-blur, none)) saturate(var(--rl2pfo-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--rl2pfo-position-tablet, var(--rl2pfo-position, relative)); top: var(--rl2pfo-top-tablet, var(--rl2pfo-top, auto)); right: var(--rl2pfo-right-tablet, var(--rl2pfo-right, auto)); bottom: var(--rl2pfo-bottom-tablet, var(--rl2pfo-bottom, auto)); left: var(--rl2pfo-left-tablet, var(--rl2pfo-left, auto)); transform: var(--rl2pfo-transform-tablet, var(--rl2pfo-transform, none)); z-index: var(--rl2pfo-z-index-tablet, var(--rl2pfo-z-index, 10)); aspect-ratio: var(--rl2pfo-background-imageRatio-tablet, var(--rl2pfo-background-imageRatio, auto)); border-width: var(--rl2pfo-borderWidth-tl-tablet, var(--rl2pfo-borderWidth-tl,0px)) var(--rl2pfo-borderWidth-tr-tablet,var(--rl2pfo-borderWidth-tr,0px)) var(--rl2pfo-borderWidth-br-tablet,var(--rl2pfo-borderWidth-br,0px)) var(--rl2pfo-borderWidth-bl-tablet,var(--rl2pfo-borderWidth-bl,0px)); border-radius: var(--rl2pfo-borderRadius-tl-tablet,var(--rl2pfo-borderRadius-tl,0px)) var(--rl2pfo-borderRadius-tr-tablet,var(--rl2pfo-borderRadius-tr,0px)) var(--rl2pfo-borderRadius-br-tablet,var(--rl2pfo-borderRadius-br,0px)) var(--rl2pfo-borderRadius-bl-tablet,var(--rl2pfo-borderRadius-bl,0px)); max-width: var(--rl2pfo-max-width-tablet, var(--rl2pfo-max-width, 100%)); height: if(style(--rl2pfo-position-tablet: absolute): var(--rl2pfo-height-tablet,var(--rl2pfo-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--rl2pfo-position-mobile, var(--rl2pfo-position-tablet, var(--rl2pfo-position, relative))); top: var(--rl2pfo-top-mobile, var(--rl2pfo-top-tablet, var(--rl2pfo-top, auto))); right: var(--rl2pfo-right-mobile, var(--rl2pfo-right-tablet, var(--rl2pfo-right, auto))); bottom: var(--rl2pfo-bottom-mobile, var(--rl2pfo-bottom-tablet, var(--rl2pfo-bottom, auto))); left: var(--rl2pfo-left-mobile, var(--rl2pfo-left-tablet, var(--rl2pfo-left, auto))); transform: var(--rl2pfo-transform-mobile, var(--rl2pfo-transform-tablet, var(--rl2pfo-transform, none))); z-index: var(--rl2pfo-z-index-mobile, var(--rl2pfo-z-index-tablet, var(--rl2pfo-z-index, 10))); aspect-ratio: var(--rl2pfo-background-imageRatio-mobile, var(--rl2pfo-background-imageRatio, auto)); border-width: var(--rl2pfo-borderWidth-tl-mobile, var(--rl2pfo-borderWidth-tl,0px)) var(--rl2pfo-borderWidth-tr-mobile,var(--rl2pfo-borderWidth-tr,0px)) var(--rl2pfo-borderWidth-br-mobile,var(--rl2pfo-borderWidth-br,0px)) var(--rl2pfo-borderWidth-bl-mobile,var(--rl2pfo-borderWidth-bl,0px)); border-radius: var(--rl2pfo-borderRadius-tl-mobile,var(--rl2pfo-borderRadius-tl,0px)) var(--rl2pfo-borderRadius-tr-mobile,var(--rl2pfo-borderRadius-tr,0px)) var(--rl2pfo-borderRadius-br-mobile,var(--rl2pfo-borderRadius-br,0px)) var(--rl2pfo-borderRadius-bl-mobile,var(--rl2pfo-borderRadius-bl,0px)); max-width: var(--rl2pfo-max-width-mobile, var(--rl2pfo-max-width, 100%)); height: if(style(--rl2pfo-position-mobile: absolute): var(--rl2pfo-height-mobile,var(--rl2pfo-height-tablet,,var(--rl2pfo-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rl2pfo-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--rl2pfo-gap,var(--beae-card-gap)); padding-top: var(--rl2pfo-padding-top,var(--beae-card-padding)); padding-right: var(--rl2pfo-padding-right,var(--beae-card-padding)); padding-bottom: var(--rl2pfo-padding-bottom,var(--beae-card-padding)); padding-left: var(--rl2pfo-padding-left,var(--beae-card-padding)); border-width: var(--rl2pfo-borderWidth-tl,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-tr,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-br,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rl2pfo-borderRadius-tl,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-tr,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-br,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--rl2pfo-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--rl2pfo-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--rl2pfo-gap-tablet,var(--beae-card-gap)); padding-top: var(--rl2pfo-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rl2pfo-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rl2pfo-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rl2pfo-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rl2pfo-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rl2pfo-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--rl2pfo-gap-mobile,var(--beae-card-gap)); padding-top: var(--rl2pfo-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rl2pfo-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rl2pfo-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rl2pfo-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rl2pfo-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rl2pfo-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rl2pfo-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rl2pfo-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rl2pfo-background-color,var(--beae-card-featured-background)); border-color: var(--rl2pfo-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--rl2pfo-shadowHorizontal, var(--beae-card-shadow-x)) var(--rl2pfo-shadowVertical, var(--beae-card-shadow-y)) var(--rl2pfo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rl2pfo-shadowColor, var(--beae-card-featured-shadow-color)) var(--rl2pfo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--rl2pfo-background-color,var(--beae-card-prod-background)); border-color: var(--rl2pfo-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--rl2pfo-shadowHorizontal, var(--beae-card-shadow-x)) var(--rl2pfo-shadowVertical, var(--beae-card-shadow-y)) var(--rl2pfo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rl2pfo-shadowColor, var(--beae-card-prod-shadow-color)) var(--rl2pfo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--rl2pfo-background-color,var(--beae-card-pricing-background)); border-color: var(--rl2pfo-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--rl2pfo-shadowHorizontal, var(--beae-card-shadow-x)) var(--rl2pfo-shadowVertical, var(--beae-card-shadow-y)) var(--rl2pfo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rl2pfo-shadowColor, var(--beae-card-pricing-shadow-color)) var(--rl2pfo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--rl2pfo-background-color,var(--beae-card-cta-background)); border-color: var(--rl2pfo-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--rl2pfo-shadowHorizontal, var(--beae-card-shadow-x)) var(--rl2pfo-shadowVertical, var(--beae-card-shadow-y)) var(--rl2pfo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rl2pfo-shadowColor, var(--beae-card-cta-shadow-color)) var(--rl2pfo-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-rl2pfo"] {     display: flex;     flex-direction: var(--rl2pfo-direction, column);     flex-wrap: nowrap;     justify-content: var(--rl2pfo-justify-content);     align-items: var(--rl2pfo-align-items);     gap: var(--rl2pfo-gap, var(--rl2pfo-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rl2pfo"] {                            gap: var(--rl2pfo-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(--rl2pfo-padding-right-tablet, 0px) - var(--rl2pfo-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rl2pfo"] {                            gap: var(--rl2pfo-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(--rl2pfo-padding-right-mobile, 0px) - var(--rl2pfo-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5gxbor"] { --5gxbor-typography: h5; --5gxbor-typography-tablet: h5; --5gxbor-typography-mobile: h5; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --beae-h5-text-align: center; }[data-bnode="beae-5gxbor"] { margin-top: var(--5gxbor-margin-top, 0px); margin-right: var(--5gxbor-margin-right, 0px); margin-bottom: var(--5gxbor-margin-bottom, 0px); margin-left: var(--5gxbor-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5gxbor-margin-top-tablet, 0px); margin-right: var(--5gxbor-margin-right-tablet, 0px); margin-bottom: var(--5gxbor-margin-bottom-tablet, 0px); margin-left: var(--5gxbor-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5gxbor-margin-top-mobile, 0px); margin-right: var(--5gxbor-margin-right-mobile, 0px); margin-bottom: var(--5gxbor-margin-bottom-mobile, 0px); margin-left: var(--5gxbor-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--5gxbor-highlightColor,var(--beae-p-color)); top: var(--5gxbor-highlightTop, 100%); } }[data-bnode="beae-imzb0o"] { --imzb0o-typography: p; --imzb0o-typography-tablet: p; --imzb0o-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --beae-p-text-align: center; }[data-bnode="beae-imzb0o"] { margin-top: var(--imzb0o-margin-top, 0px); margin-right: var(--imzb0o-margin-right, 0px); margin-bottom: var(--imzb0o-margin-bottom, 0px); margin-left: var(--imzb0o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--imzb0o-margin-top-tablet, 0px); margin-right: var(--imzb0o-margin-right-tablet, 0px); margin-bottom: var(--imzb0o-margin-bottom-tablet, 0px); margin-left: var(--imzb0o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--imzb0o-margin-top-mobile, 0px); margin-right: var(--imzb0o-margin-right-mobile, 0px); margin-bottom: var(--imzb0o-margin-bottom-mobile, 0px); margin-left: var(--imzb0o-margin-left-mobile, 0px); } }[data-bnode="beae-or0cyf"] { --or0cyf-width: 1600px; --or0cyf-width-tablet: 1600px; --or0cyf-width-mobile: 1600px; --or0cyf-height: fit-content; --or0cyf-height-tablet: fit-content; --or0cyf-height-mobile: fit-content; --or0cyf-padding-top: 112px; --or0cyf-padding-top-tablet: 80px; --or0cyf-padding-top-mobile: 56px; --or0cyf-padding-bottom: 112px; --or0cyf-padding-bottom-tablet: 80px; --or0cyf-padding-bottom-mobile: 56px; --or0cyf-padding-right: 32px; --or0cyf-padding-right-tablet: 30px; --or0cyf-padding-right-mobile: 16px; --or0cyf-padding-left: 32px; --or0cyf-padding-left-tablet: 30px; --or0cyf-padding-left-mobile: 16px; --or0cyf-gap: 48px; --or0cyf-gap-tablet: 40px; --or0cyf-gap-mobile: 32px; --or0cyf-direction: column; --or0cyf-direction-tablet: column; --or0cyf-direction-mobile: column; --or0cyf-align-items: center; --or0cyf-align-items-tablet: center; --or0cyf-align-items-mobile: center; --or0cyf-background-type: color; --or0cyf-background-type-tablet: color; --or0cyf-background-type-mobile: color; --or0cyf-background-color: #201A13; --or0cyf-background-color-tablet: #201A13; --or0cyf-background-color-mobile: #201A13; }[data-bnode="beae-or0cyf"] { padding-top: var(--or0cyf-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--or0cyf-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--or0cyf-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--or0cyf-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--or0cyf-padding-top-tablet, var(--or0cyf-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--or0cyf-padding-right-tablet, var(--or0cyf-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--or0cyf-padding-bottom-tablet, var(--or0cyf-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--or0cyf-padding-left-tablet, var(--or0cyf-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--or0cyf-padding-top-mobile, var(--or0cyf-padding-top-tablet, var(--or0cyf-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--or0cyf-padding-right-mobile, var(--or0cyf-padding-right-tablet, var(--or0cyf-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--or0cyf-padding-bottom-mobile, var(--or0cyf-padding-bottom-tablet, var(--or0cyf-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--or0cyf-padding-left-mobile, var(--or0cyf-padding-left-tablet, var(--or0cyf-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--or0cyf-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--or0cyf-height); width: 100%; max-width: var(--or0cyf-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(--or0cyf-height-tablet, auto); width: 100%; max-width: var(--or0cyf-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--or0cyf-height-mobile, auto); width: 100%; max-width: var(--or0cyf-width-mobile, 100%); } } } }[data-bnode="beae-or0cyf"] > .beae-section-container{     display: flex;     flex-direction: var(--or0cyf-direction, column);     flex-wrap: nowrap;     justify-content: var(--or0cyf-justify-content);     align-items: var(--or0cyf-align-items);     gap: var(--or0cyf-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-or0cyf"] > .beae-section-container{                            gap: var(--or0cyf-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(--or0cyf-padding-right-tablet, 0px) - var(--or0cyf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-or0cyf"] > .beae-section-container{                            gap: var(--or0cyf-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(--or0cyf-padding-right-mobile, 0px) - var(--or0cyf-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-xns1g6"] { --xns1g6-direction: column; --xns1g6-direction-tablet: column; --xns1g6-direction-mobile: column; --xns1g6-structure: columns; --xns1g6-structure-tablet: columns; --xns1g6-structure-mobile: columns; --xns1g6-gap: 16px; --xns1g6-gap-tablet: 16px; --xns1g6-gap-mobile: 12px; --xns1g6-align-items: center; --xns1g6-align-items-tablet: center; --xns1g6-align-items-mobile: center; --xns1g6-max-width: 768px; --xns1g6-max-width-tablet: 768px; --xns1g6-max-width-mobile: 768px; }[data-bnode="beae-xns1g6"] { padding-top: var(--xns1g6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xns1g6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xns1g6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xns1g6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xns1g6-padding-top-tablet, var(--xns1g6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xns1g6-padding-right-tablet, var(--xns1g6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xns1g6-padding-bottom-tablet, var(--xns1g6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xns1g6-padding-left-tablet, var(--xns1g6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xns1g6-padding-top-mobile, var(--xns1g6-padding-top-tablet, var(--xns1g6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xns1g6-padding-right-mobile, var(--xns1g6-padding-right-tablet, var(--xns1g6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xns1g6-padding-bottom-mobile, var(--xns1g6-padding-bottom-tablet, var(--xns1g6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xns1g6-padding-left-mobile, var(--xns1g6-padding-left-tablet, var(--xns1g6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--xns1g6-position, relative); top: var(--xns1g6-top, auto); right: var(--xns1g6-right, auto); bottom: var(--xns1g6-bottom, auto); left: var(--xns1g6-left, auto); transform: var(--xns1g6-transform, none); z-index: var(--xns1g6-z-index, 10); aspect-ratio: var(--xns1g6-background-imageRatio, auto); background: var(--xns1g6-background-color,transparent); border-style: var(--xns1g6-borderStyle,solid); border-color: var(--xns1g6-borderColor,#000000); border-width: var(--xns1g6-borderWidth-tl,0px) var(--xns1g6-borderWidth-tr,0px) var(--xns1g6-borderWidth-br,0px) var(--xns1g6-borderWidth-bl,0px); border-radius: var(--xns1g6-borderRadius-tl,0px) var(--xns1g6-borderRadius-tr,0px) var(--xns1g6-borderRadius-br,0px) var(--xns1g6-borderRadius-bl,0px); box-shadow: var(--xns1g6-shadowHorizontal, 0px) var(--xns1g6-shadowVertical, 0px) var(--xns1g6-shadowBlur, 0px) 1px color-mix( in srgb, var(--xns1g6-shadowColor, #000000) var(--xns1g6-shadowTransparent, 0%), transparent ); max-width: var(--xns1g6-max-width, 100%); width: 100%; height: if(style(--xns1g6-position: absolute): var(--xns1g6-height,100%); else: unset ); backdrop-filter:blur(var(--xns1g6-background-blur, none)) saturate(var(--xns1g6-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--xns1g6-position-tablet, var(--xns1g6-position, relative)); top: var(--xns1g6-top-tablet, var(--xns1g6-top, auto)); right: var(--xns1g6-right-tablet, var(--xns1g6-right, auto)); bottom: var(--xns1g6-bottom-tablet, var(--xns1g6-bottom, auto)); left: var(--xns1g6-left-tablet, var(--xns1g6-left, auto)); transform: var(--xns1g6-transform-tablet, var(--xns1g6-transform, none)); z-index: var(--xns1g6-z-index-tablet, var(--xns1g6-z-index, 10)); aspect-ratio: var(--xns1g6-background-imageRatio-tablet, var(--xns1g6-background-imageRatio, auto)); border-width: var(--xns1g6-borderWidth-tl-tablet, var(--xns1g6-borderWidth-tl,0px)) var(--xns1g6-borderWidth-tr-tablet,var(--xns1g6-borderWidth-tr,0px)) var(--xns1g6-borderWidth-br-tablet,var(--xns1g6-borderWidth-br,0px)) var(--xns1g6-borderWidth-bl-tablet,var(--xns1g6-borderWidth-bl,0px)); border-radius: var(--xns1g6-borderRadius-tl-tablet,var(--xns1g6-borderRadius-tl,0px)) var(--xns1g6-borderRadius-tr-tablet,var(--xns1g6-borderRadius-tr,0px)) var(--xns1g6-borderRadius-br-tablet,var(--xns1g6-borderRadius-br,0px)) var(--xns1g6-borderRadius-bl-tablet,var(--xns1g6-borderRadius-bl,0px)); max-width: var(--xns1g6-max-width-tablet, var(--xns1g6-max-width, 100%)); height: if(style(--xns1g6-position-tablet: absolute): var(--xns1g6-height-tablet,var(--xns1g6-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--xns1g6-position-mobile, var(--xns1g6-position-tablet, var(--xns1g6-position, relative))); top: var(--xns1g6-top-mobile, var(--xns1g6-top-tablet, var(--xns1g6-top, auto))); right: var(--xns1g6-right-mobile, var(--xns1g6-right-tablet, var(--xns1g6-right, auto))); bottom: var(--xns1g6-bottom-mobile, var(--xns1g6-bottom-tablet, var(--xns1g6-bottom, auto))); left: var(--xns1g6-left-mobile, var(--xns1g6-left-tablet, var(--xns1g6-left, auto))); transform: var(--xns1g6-transform-mobile, var(--xns1g6-transform-tablet, var(--xns1g6-transform, none))); z-index: var(--xns1g6-z-index-mobile, var(--xns1g6-z-index-tablet, var(--xns1g6-z-index, 10))); aspect-ratio: var(--xns1g6-background-imageRatio-mobile, var(--xns1g6-background-imageRatio, auto)); border-width: var(--xns1g6-borderWidth-tl-mobile, var(--xns1g6-borderWidth-tl,0px)) var(--xns1g6-borderWidth-tr-mobile,var(--xns1g6-borderWidth-tr,0px)) var(--xns1g6-borderWidth-br-mobile,var(--xns1g6-borderWidth-br,0px)) var(--xns1g6-borderWidth-bl-mobile,var(--xns1g6-borderWidth-bl,0px)); border-radius: var(--xns1g6-borderRadius-tl-mobile,var(--xns1g6-borderRadius-tl,0px)) var(--xns1g6-borderRadius-tr-mobile,var(--xns1g6-borderRadius-tr,0px)) var(--xns1g6-borderRadius-br-mobile,var(--xns1g6-borderRadius-br,0px)) var(--xns1g6-borderRadius-bl-mobile,var(--xns1g6-borderRadius-bl,0px)); max-width: var(--xns1g6-max-width-mobile, var(--xns1g6-max-width, 100%)); height: if(style(--xns1g6-position-mobile: absolute): var(--xns1g6-height-mobile,var(--xns1g6-height-tablet,,var(--xns1g6-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xns1g6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--xns1g6-gap,var(--beae-card-gap)); padding-top: var(--xns1g6-padding-top,var(--beae-card-padding)); padding-right: var(--xns1g6-padding-right,var(--beae-card-padding)); padding-bottom: var(--xns1g6-padding-bottom,var(--beae-card-padding)); padding-left: var(--xns1g6-padding-left,var(--beae-card-padding)); border-width: var(--xns1g6-borderWidth-tl,var(--beae-card-border-width)) var(--xns1g6-borderWidth-tr,var(--beae-card-border-width)) var(--xns1g6-borderWidth-br,var(--beae-card-border-width)) var(--xns1g6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xns1g6-borderRadius-tl,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-tr,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-br,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--xns1g6-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--xns1g6-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--xns1g6-gap-tablet,var(--beae-card-gap)); padding-top: var(--xns1g6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xns1g6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xns1g6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xns1g6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xns1g6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xns1g6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xns1g6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xns1g6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xns1g6-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--xns1g6-gap-mobile,var(--beae-card-gap)); padding-top: var(--xns1g6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xns1g6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xns1g6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xns1g6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xns1g6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xns1g6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xns1g6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xns1g6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xns1g6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xns1g6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xns1g6-background-color,var(--beae-card-featured-background)); border-color: var(--xns1g6-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--xns1g6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xns1g6-shadowVertical, var(--beae-card-shadow-y)) var(--xns1g6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xns1g6-shadowColor, var(--beae-card-featured-shadow-color)) var(--xns1g6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--xns1g6-background-color,var(--beae-card-prod-background)); border-color: var(--xns1g6-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--xns1g6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xns1g6-shadowVertical, var(--beae-card-shadow-y)) var(--xns1g6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xns1g6-shadowColor, var(--beae-card-prod-shadow-color)) var(--xns1g6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--xns1g6-background-color,var(--beae-card-pricing-background)); border-color: var(--xns1g6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--xns1g6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xns1g6-shadowVertical, var(--beae-card-shadow-y)) var(--xns1g6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xns1g6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--xns1g6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--xns1g6-background-color,var(--beae-card-cta-background)); border-color: var(--xns1g6-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--xns1g6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xns1g6-shadowVertical, var(--beae-card-shadow-y)) var(--xns1g6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xns1g6-shadowColor, var(--beae-card-cta-shadow-color)) var(--xns1g6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-xns1g6"] {     display: flex;     flex-direction: var(--xns1g6-direction, column);     flex-wrap: nowrap;     justify-content: var(--xns1g6-justify-content);     align-items: var(--xns1g6-align-items);     gap: var(--xns1g6-gap, var(--xns1g6-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xns1g6"] {                            gap: var(--xns1g6-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(--xns1g6-padding-right-tablet, 0px) - var(--xns1g6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xns1g6"] {                            gap: var(--xns1g6-gap-mobile, var(--xns1g6-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(--xns1g6-padding-right-mobile, 0px) - var(--xns1g6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ww5myd"] { --ww5myd-direction: row; --ww5myd-direction-tablet: row; --ww5myd-direction-mobile: row; --ww5myd-structure: columns; --ww5myd-structure-tablet: columns; --ww5myd-structure-mobile: columns; --ww5myd-max-width: fit-content; --ww5myd-max-width-tablet: fit-content; --ww5myd-max-width-mobile: fit-content; --ww5myd-padding-top: 6px; --ww5myd-padding-top-tablet: 6px; --ww5myd-padding-top-mobile: 6px; --ww5myd-padding-right: 12px; --ww5myd-padding-right-tablet: 12px; --ww5myd-padding-right-mobile: 12px; --ww5myd-padding-bottom: 6px; --ww5myd-padding-bottom-tablet: 6px; --ww5myd-padding-bottom-mobile: 6px; --ww5myd-padding-left: 12px; --ww5myd-padding-left-tablet: 12px; --ww5myd-padding-left-mobile: 12px; --ww5myd-background-type: color; --ww5myd-background-type-tablet: color; --ww5myd-background-type-mobile: color; --ww5myd-background-color: #FFDC83; --ww5myd-background-color-tablet: #FFDC83; --ww5myd-background-color-mobile: #FFDC83; --ww5myd-borderRadius-tl: 9999px; --ww5myd-borderRadius-tl-tablet: 9999px; --ww5myd-borderRadius-tl-mobile: 9999px; --ww5myd-borderRadius-tr: 9999px; --ww5myd-borderRadius-tr-tablet: 9999px; --ww5myd-borderRadius-tr-mobile: 9999px; --ww5myd-borderRadius-bl: 9999px; --ww5myd-borderRadius-bl-tablet: 9999px; --ww5myd-borderRadius-bl-mobile: 9999px; --ww5myd-borderRadius-br: 9999px; --ww5myd-borderRadius-br-tablet: 9999px; --ww5myd-borderRadius-br-mobile: 9999px; }[data-bnode="beae-ww5myd"] { padding-top: var(--ww5myd-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ww5myd-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ww5myd-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ww5myd-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ww5myd-padding-top-tablet, var(--ww5myd-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ww5myd-padding-right-tablet, var(--ww5myd-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ww5myd-padding-bottom-tablet, var(--ww5myd-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ww5myd-padding-left-tablet, var(--ww5myd-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ww5myd-padding-top-mobile, var(--ww5myd-padding-top-tablet, var(--ww5myd-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ww5myd-padding-right-mobile, var(--ww5myd-padding-right-tablet, var(--ww5myd-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ww5myd-padding-bottom-mobile, var(--ww5myd-padding-bottom-tablet, var(--ww5myd-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ww5myd-padding-left-mobile, var(--ww5myd-padding-left-tablet, var(--ww5myd-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ww5myd-position, relative); top: var(--ww5myd-top, auto); right: var(--ww5myd-right, auto); bottom: var(--ww5myd-bottom, auto); left: var(--ww5myd-left, auto); transform: var(--ww5myd-transform, none); z-index: var(--ww5myd-z-index, 10); aspect-ratio: var(--ww5myd-background-imageRatio, auto); background: var(--ww5myd-background-color,transparent); border-style: var(--ww5myd-borderStyle,solid); border-color: var(--ww5myd-borderColor,#000000); border-width: var(--ww5myd-borderWidth-tl,0px) var(--ww5myd-borderWidth-tr,0px) var(--ww5myd-borderWidth-br,0px) var(--ww5myd-borderWidth-bl,0px); border-radius: var(--ww5myd-borderRadius-tl,0px) var(--ww5myd-borderRadius-tr,0px) var(--ww5myd-borderRadius-br,0px) var(--ww5myd-borderRadius-bl,0px); box-shadow: var(--ww5myd-shadowHorizontal, 0px) var(--ww5myd-shadowVertical, 0px) var(--ww5myd-shadowBlur, 0px) 1px color-mix( in srgb, var(--ww5myd-shadowColor, #000000) var(--ww5myd-shadowTransparent, 0%), transparent ); max-width: var(--ww5myd-max-width, 100%); width: 100%; height: if(style(--ww5myd-position: absolute): var(--ww5myd-height,100%); else: unset ); backdrop-filter:blur(var(--ww5myd-background-blur, none)) saturate(var(--ww5myd-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ww5myd-position-tablet, var(--ww5myd-position, relative)); top: var(--ww5myd-top-tablet, var(--ww5myd-top, auto)); right: var(--ww5myd-right-tablet, var(--ww5myd-right, auto)); bottom: var(--ww5myd-bottom-tablet, var(--ww5myd-bottom, auto)); left: var(--ww5myd-left-tablet, var(--ww5myd-left, auto)); transform: var(--ww5myd-transform-tablet, var(--ww5myd-transform, none)); z-index: var(--ww5myd-z-index-tablet, var(--ww5myd-z-index, 10)); aspect-ratio: var(--ww5myd-background-imageRatio-tablet, var(--ww5myd-background-imageRatio, auto)); border-width: var(--ww5myd-borderWidth-tl-tablet, var(--ww5myd-borderWidth-tl,0px)) var(--ww5myd-borderWidth-tr-tablet,var(--ww5myd-borderWidth-tr,0px)) var(--ww5myd-borderWidth-br-tablet,var(--ww5myd-borderWidth-br,0px)) var(--ww5myd-borderWidth-bl-tablet,var(--ww5myd-borderWidth-bl,0px)); border-radius: var(--ww5myd-borderRadius-tl-tablet,var(--ww5myd-borderRadius-tl,0px)) var(--ww5myd-borderRadius-tr-tablet,var(--ww5myd-borderRadius-tr,0px)) var(--ww5myd-borderRadius-br-tablet,var(--ww5myd-borderRadius-br,0px)) var(--ww5myd-borderRadius-bl-tablet,var(--ww5myd-borderRadius-bl,0px)); max-width: var(--ww5myd-max-width-tablet, var(--ww5myd-max-width, 100%)); height: if(style(--ww5myd-position-tablet: absolute): var(--ww5myd-height-tablet,var(--ww5myd-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ww5myd-position-mobile, var(--ww5myd-position-tablet, var(--ww5myd-position, relative))); top: var(--ww5myd-top-mobile, var(--ww5myd-top-tablet, var(--ww5myd-top, auto))); right: var(--ww5myd-right-mobile, var(--ww5myd-right-tablet, var(--ww5myd-right, auto))); bottom: var(--ww5myd-bottom-mobile, var(--ww5myd-bottom-tablet, var(--ww5myd-bottom, auto))); left: var(--ww5myd-left-mobile, var(--ww5myd-left-tablet, var(--ww5myd-left, auto))); transform: var(--ww5myd-transform-mobile, var(--ww5myd-transform-tablet, var(--ww5myd-transform, none))); z-index: var(--ww5myd-z-index-mobile, var(--ww5myd-z-index-tablet, var(--ww5myd-z-index, 10))); aspect-ratio: var(--ww5myd-background-imageRatio-mobile, var(--ww5myd-background-imageRatio, auto)); border-width: var(--ww5myd-borderWidth-tl-mobile, var(--ww5myd-borderWidth-tl,0px)) var(--ww5myd-borderWidth-tr-mobile,var(--ww5myd-borderWidth-tr,0px)) var(--ww5myd-borderWidth-br-mobile,var(--ww5myd-borderWidth-br,0px)) var(--ww5myd-borderWidth-bl-mobile,var(--ww5myd-borderWidth-bl,0px)); border-radius: var(--ww5myd-borderRadius-tl-mobile,var(--ww5myd-borderRadius-tl,0px)) var(--ww5myd-borderRadius-tr-mobile,var(--ww5myd-borderRadius-tr,0px)) var(--ww5myd-borderRadius-br-mobile,var(--ww5myd-borderRadius-br,0px)) var(--ww5myd-borderRadius-bl-mobile,var(--ww5myd-borderRadius-bl,0px)); max-width: var(--ww5myd-max-width-mobile, var(--ww5myd-max-width, 100%)); height: if(style(--ww5myd-position-mobile: absolute): var(--ww5myd-height-mobile,var(--ww5myd-height-tablet,,var(--ww5myd-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ww5myd-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ww5myd-gap,var(--beae-card-gap)); padding-top: var(--ww5myd-padding-top,var(--beae-card-padding)); padding-right: var(--ww5myd-padding-right,var(--beae-card-padding)); padding-bottom: var(--ww5myd-padding-bottom,var(--beae-card-padding)); padding-left: var(--ww5myd-padding-left,var(--beae-card-padding)); border-width: var(--ww5myd-borderWidth-tl,var(--beae-card-border-width)) var(--ww5myd-borderWidth-tr,var(--beae-card-border-width)) var(--ww5myd-borderWidth-br,var(--beae-card-border-width)) var(--ww5myd-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ww5myd-borderRadius-tl,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-tr,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-br,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ww5myd-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ww5myd-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ww5myd-gap-tablet,var(--beae-card-gap)); padding-top: var(--ww5myd-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ww5myd-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ww5myd-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ww5myd-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ww5myd-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ww5myd-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ww5myd-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ww5myd-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ww5myd-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ww5myd-gap-mobile,var(--beae-card-gap)); padding-top: var(--ww5myd-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ww5myd-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ww5myd-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ww5myd-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ww5myd-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ww5myd-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ww5myd-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ww5myd-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ww5myd-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ww5myd-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ww5myd-background-color,var(--beae-card-featured-background)); border-color: var(--ww5myd-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ww5myd-shadowHorizontal, var(--beae-card-shadow-x)) var(--ww5myd-shadowVertical, var(--beae-card-shadow-y)) var(--ww5myd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ww5myd-shadowColor, var(--beae-card-featured-shadow-color)) var(--ww5myd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ww5myd-background-color,var(--beae-card-prod-background)); border-color: var(--ww5myd-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ww5myd-shadowHorizontal, var(--beae-card-shadow-x)) var(--ww5myd-shadowVertical, var(--beae-card-shadow-y)) var(--ww5myd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ww5myd-shadowColor, var(--beae-card-prod-shadow-color)) var(--ww5myd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ww5myd-background-color,var(--beae-card-pricing-background)); border-color: var(--ww5myd-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ww5myd-shadowHorizontal, var(--beae-card-shadow-x)) var(--ww5myd-shadowVertical, var(--beae-card-shadow-y)) var(--ww5myd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ww5myd-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ww5myd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ww5myd-background-color,var(--beae-card-cta-background)); border-color: var(--ww5myd-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ww5myd-shadowHorizontal, var(--beae-card-shadow-x)) var(--ww5myd-shadowVertical, var(--beae-card-shadow-y)) var(--ww5myd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ww5myd-shadowColor, var(--beae-card-cta-shadow-color)) var(--ww5myd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ww5myd"] {     display: flex;     flex-direction: var(--ww5myd-direction, column);     flex-wrap: nowrap;     justify-content: var(--ww5myd-justify-content);     align-items: var(--ww5myd-align-items);     gap: var(--ww5myd-gap, var(--ww5myd-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(--ww5myd-padding-right, 0px) - var(--ww5myd-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ww5myd"] {                            gap: var(--ww5myd-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(--ww5myd-padding-right-tablet, 0px) - var(--ww5myd-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ww5myd"] {                            gap: var(--ww5myd-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(--ww5myd-padding-right-mobile, 0px) - var(--ww5myd-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-i2w5x6"] { --i2w5x6-typography: p; --i2w5x6-typography-tablet: p; --i2w5x6-typography-mobile: p; --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #100D09; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --i2w5x6-margin-top: 0px; --i2w5x6-margin-top-tablet: 0px; --i2w5x6-margin-top-mobile: 0px; --i2w5x6-margin-right: 0px; --i2w5x6-margin-right-tablet: 0px; --i2w5x6-margin-right-mobile: 0px; --i2w5x6-margin-bottom: 0px; --i2w5x6-margin-bottom-tablet: 0px; --i2w5x6-margin-bottom-mobile: 0px; --i2w5x6-margin-left: 0px; --i2w5x6-margin-left-tablet: 0px; --i2w5x6-margin-left-mobile: 0px; }[data-bnode="beae-i2w5x6"] { margin-top: var(--i2w5x6-margin-top, 0px); margin-right: var(--i2w5x6-margin-right, 0px); margin-bottom: var(--i2w5x6-margin-bottom, 0px); margin-left: var(--i2w5x6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i2w5x6-margin-top-tablet, 0px); margin-right: var(--i2w5x6-margin-right-tablet, 0px); margin-bottom: var(--i2w5x6-margin-bottom-tablet, 0px); margin-left: var(--i2w5x6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i2w5x6-margin-top-mobile, 0px); margin-right: var(--i2w5x6-margin-right-mobile, 0px); margin-bottom: var(--i2w5x6-margin-bottom-mobile, 0px); margin-left: var(--i2w5x6-margin-left-mobile, 0px); } }[data-bnode="beae-wlhsgu"] { --wlhsgu-typography: h2; --wlhsgu-typography-tablet: h2; --wlhsgu-typography-mobile: h2; --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #F6F2EF; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --beae-h2-text-align: center; --wlhsgu-margin-top: 4px; --wlhsgu-margin-top-tablet: 4px; --wlhsgu-margin-top-mobile: 4px; --wlhsgu-margin-right: 0px; --wlhsgu-margin-right-tablet: 0px; --wlhsgu-margin-right-mobile: 0px; --wlhsgu-margin-bottom: 0px; --wlhsgu-margin-bottom-tablet: 0px; --wlhsgu-margin-bottom-mobile: 0px; --wlhsgu-margin-left: 0px; --wlhsgu-margin-left-tablet: 0px; --wlhsgu-margin-left-mobile: 0px; }[data-bnode="beae-wlhsgu"] { margin-top: var(--wlhsgu-margin-top, 0px); margin-right: var(--wlhsgu-margin-right, 0px); margin-bottom: var(--wlhsgu-margin-bottom, 0px); margin-left: var(--wlhsgu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wlhsgu-margin-top-tablet, 0px); margin-right: var(--wlhsgu-margin-right-tablet, 0px); margin-bottom: var(--wlhsgu-margin-bottom-tablet, 0px); margin-left: var(--wlhsgu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wlhsgu-margin-top-mobile, 0px); margin-right: var(--wlhsgu-margin-right-mobile, 0px); margin-bottom: var(--wlhsgu-margin-bottom-mobile, 0px); margin-left: var(--wlhsgu-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--wlhsgu-highlightColor,var(--beae-p-color)); top: var(--wlhsgu-highlightTop, 100%); } }[data-bnode="beae-nri3h1"] { --nri3h1-typography: p; --nri3h1-typography-tablet: p; --nri3h1-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --beae-p-text-align: center; }[data-bnode="beae-nri3h1"] { margin-top: var(--nri3h1-margin-top, 0px); margin-right: var(--nri3h1-margin-right, 0px); margin-bottom: var(--nri3h1-margin-bottom, 0px); margin-left: var(--nri3h1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nri3h1-margin-top-tablet, 0px); margin-right: var(--nri3h1-margin-right-tablet, 0px); margin-bottom: var(--nri3h1-margin-bottom-tablet, 0px); margin-left: var(--nri3h1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nri3h1-margin-top-mobile, 0px); margin-right: var(--nri3h1-margin-right-mobile, 0px); margin-bottom: var(--nri3h1-margin-bottom-mobile, 0px); margin-left: var(--nri3h1-margin-left-mobile, 0px); } }[data-bnode="beae-5a4st2"] { --5a4st2-width: fill; --5a4st2-width-tablet: fill; --5a4st2-width-mobile: fill; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #614E38; --5a4st2-transform: capitalize; --5a4st2-transform-tablet: capitalize; --5a4st2-transform-mobile: capitalize; --5a4st2-iconWidth: 20px; --5a4st2-iconWidth-tablet: 20px; --5a4st2-iconWidth-mobile: 20px; --5a4st2-iconGap: 5px; --5a4st2-iconGap-tablet: 5px; --5a4st2-iconGap-mobile: 5px; --5a4st2-button: se; --5a4st2-button-tablet: se; --5a4st2-button-mobile: se; --beae-btn-te-label-color: #121212; --5a4st2-margin-top: 16px; --5a4st2-margin-top-tablet: 16px; --5a4st2-margin-top-mobile: 12px; --5a4st2-margin-right: 0px; --5a4st2-margin-right-tablet: 0px; --5a4st2-margin-right-mobile: 0px; --5a4st2-margin-bottom: 0px; --5a4st2-margin-bottom-tablet: 0px; --5a4st2-margin-bottom-mobile: 0px; --5a4st2-margin-left: 0px; --5a4st2-margin-left-tablet: 0px; --5a4st2-margin-left-mobile: 0px; }[data-bnode="beae-5a4st2"] { margin-top: var(--5a4st2-margin-top, 0px); margin-right: var(--5a4st2-margin-right, 0px); margin-bottom: var(--5a4st2-margin-bottom, 0px); margin-left: var(--5a4st2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5a4st2-margin-top-tablet, 0px); margin-right: var(--5a4st2-margin-right-tablet, 0px); margin-bottom: var(--5a4st2-margin-bottom-tablet, 0px); margin-left: var(--5a4st2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5a4st2-margin-top-mobile, 0px); margin-right: var(--5a4st2-margin-right-mobile, 0px); margin-bottom: var(--5a4st2-margin-bottom-mobile, 0px); margin-left: var(--5a4st2-margin-left-mobile, 0px); } &{ gap:var(--5a4st2-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--5a4st2-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--5a4st2-bgBtnHover)) * 1%)); style(--5a4st2-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--5a4st2-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--5a4st2-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--5a4st2-labelBtnHover)) * 1%)); style(--5a4st2-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--5a4st2-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--5a4st2-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--5a4st2-borderBtnHover)) * 1%)); style(--5a4st2-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--5a4st2-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--5a4st2-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--5a4st2-bgBtnHover)) * 1%)); style(--5a4st2-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--5a4st2-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--5a4st2-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--5a4st2-labelBtnHover)) * 1%)); style(--5a4st2-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--5a4st2-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--5a4st2-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--5a4st2-borderBtnHover)) * 1%)); style(--5a4st2-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--5a4st2-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--5a4st2-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--5a4st2-labelBtnHover)) * 1%)); style(--5a4st2-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--5a4st2-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--5a4st2-iconWidth); } svg { width: var(--5a4st2-iconWidth,20px); min-width: var(--5a4st2-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--5a4st2-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--5a4st2-iconWidth-tablet, var(--5a4st2-iconWidth)); } svg { width: var(--5a4st2-iconWidth-tablet, var(--5a4st2-iconWidth)); min-width: var(--5a4st2-iconWidth-tablet, var(--5a4st2-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--5a4st2-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--5a4st2-iconWidth-mobile, var(--5a4st2-iconWidth)); } svg { width: var(--5a4st2-iconWidth-mobile, var(--5a4st2-iconWidth)); min-width: var(--5a4st2-iconWidth-mobile, var(--5a4st2-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-9pdwnx"] { --9pdwnx-direction: column; --9pdwnx-direction-tablet: column; --9pdwnx-direction-mobile: column; --9pdwnx-structure: columns; --9pdwnx-structure-tablet: columns; --9pdwnx-structure-mobile: columns; --9pdwnx-gap: 20px; --9pdwnx-gap-tablet: 20px; --9pdwnx-gap-mobile: 16px; --9pdwnx-align-items: center; --9pdwnx-align-items-tablet: center; --9pdwnx-align-items-mobile: center; --9pdwnx-max-width: 768px; --9pdwnx-max-width-tablet: 768px; --9pdwnx-max-width-mobile: 768px; }[data-bnode="beae-9pdwnx"] { padding-top: var(--9pdwnx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9pdwnx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9pdwnx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9pdwnx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9pdwnx-padding-top-tablet, var(--9pdwnx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9pdwnx-padding-right-tablet, var(--9pdwnx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9pdwnx-padding-bottom-tablet, var(--9pdwnx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9pdwnx-padding-left-tablet, var(--9pdwnx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9pdwnx-padding-top-mobile, var(--9pdwnx-padding-top-tablet, var(--9pdwnx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9pdwnx-padding-right-mobile, var(--9pdwnx-padding-right-tablet, var(--9pdwnx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9pdwnx-padding-bottom-mobile, var(--9pdwnx-padding-bottom-tablet, var(--9pdwnx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9pdwnx-padding-left-mobile, var(--9pdwnx-padding-left-tablet, var(--9pdwnx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--9pdwnx-position, relative); top: var(--9pdwnx-top, auto); right: var(--9pdwnx-right, auto); bottom: var(--9pdwnx-bottom, auto); left: var(--9pdwnx-left, auto); transform: var(--9pdwnx-transform, none); z-index: var(--9pdwnx-z-index, 10); aspect-ratio: var(--9pdwnx-background-imageRatio, auto); background: var(--9pdwnx-background-color,transparent); border-style: var(--9pdwnx-borderStyle,solid); border-color: var(--9pdwnx-borderColor,#000000); border-width: var(--9pdwnx-borderWidth-tl,0px) var(--9pdwnx-borderWidth-tr,0px) var(--9pdwnx-borderWidth-br,0px) var(--9pdwnx-borderWidth-bl,0px); border-radius: var(--9pdwnx-borderRadius-tl,0px) var(--9pdwnx-borderRadius-tr,0px) var(--9pdwnx-borderRadius-br,0px) var(--9pdwnx-borderRadius-bl,0px); box-shadow: var(--9pdwnx-shadowHorizontal, 0px) var(--9pdwnx-shadowVertical, 0px) var(--9pdwnx-shadowBlur, 0px) 1px color-mix( in srgb, var(--9pdwnx-shadowColor, #000000) var(--9pdwnx-shadowTransparent, 0%), transparent ); max-width: var(--9pdwnx-max-width, 100%); width: 100%; height: if(style(--9pdwnx-position: absolute): var(--9pdwnx-height,100%); else: unset ); backdrop-filter:blur(var(--9pdwnx-background-blur, none)) saturate(var(--9pdwnx-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--9pdwnx-position-tablet, var(--9pdwnx-position, relative)); top: var(--9pdwnx-top-tablet, var(--9pdwnx-top, auto)); right: var(--9pdwnx-right-tablet, var(--9pdwnx-right, auto)); bottom: var(--9pdwnx-bottom-tablet, var(--9pdwnx-bottom, auto)); left: var(--9pdwnx-left-tablet, var(--9pdwnx-left, auto)); transform: var(--9pdwnx-transform-tablet, var(--9pdwnx-transform, none)); z-index: var(--9pdwnx-z-index-tablet, var(--9pdwnx-z-index, 10)); aspect-ratio: var(--9pdwnx-background-imageRatio-tablet, var(--9pdwnx-background-imageRatio, auto)); border-width: var(--9pdwnx-borderWidth-tl-tablet, var(--9pdwnx-borderWidth-tl,0px)) var(--9pdwnx-borderWidth-tr-tablet,var(--9pdwnx-borderWidth-tr,0px)) var(--9pdwnx-borderWidth-br-tablet,var(--9pdwnx-borderWidth-br,0px)) var(--9pdwnx-borderWidth-bl-tablet,var(--9pdwnx-borderWidth-bl,0px)); border-radius: var(--9pdwnx-borderRadius-tl-tablet,var(--9pdwnx-borderRadius-tl,0px)) var(--9pdwnx-borderRadius-tr-tablet,var(--9pdwnx-borderRadius-tr,0px)) var(--9pdwnx-borderRadius-br-tablet,var(--9pdwnx-borderRadius-br,0px)) var(--9pdwnx-borderRadius-bl-tablet,var(--9pdwnx-borderRadius-bl,0px)); max-width: var(--9pdwnx-max-width-tablet, var(--9pdwnx-max-width, 100%)); height: if(style(--9pdwnx-position-tablet: absolute): var(--9pdwnx-height-tablet,var(--9pdwnx-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--9pdwnx-position-mobile, var(--9pdwnx-position-tablet, var(--9pdwnx-position, relative))); top: var(--9pdwnx-top-mobile, var(--9pdwnx-top-tablet, var(--9pdwnx-top, auto))); right: var(--9pdwnx-right-mobile, var(--9pdwnx-right-tablet, var(--9pdwnx-right, auto))); bottom: var(--9pdwnx-bottom-mobile, var(--9pdwnx-bottom-tablet, var(--9pdwnx-bottom, auto))); left: var(--9pdwnx-left-mobile, var(--9pdwnx-left-tablet, var(--9pdwnx-left, auto))); transform: var(--9pdwnx-transform-mobile, var(--9pdwnx-transform-tablet, var(--9pdwnx-transform, none))); z-index: var(--9pdwnx-z-index-mobile, var(--9pdwnx-z-index-tablet, var(--9pdwnx-z-index, 10))); aspect-ratio: var(--9pdwnx-background-imageRatio-mobile, var(--9pdwnx-background-imageRatio, auto)); border-width: var(--9pdwnx-borderWidth-tl-mobile, var(--9pdwnx-borderWidth-tl,0px)) var(--9pdwnx-borderWidth-tr-mobile,var(--9pdwnx-borderWidth-tr,0px)) var(--9pdwnx-borderWidth-br-mobile,var(--9pdwnx-borderWidth-br,0px)) var(--9pdwnx-borderWidth-bl-mobile,var(--9pdwnx-borderWidth-bl,0px)); border-radius: var(--9pdwnx-borderRadius-tl-mobile,var(--9pdwnx-borderRadius-tl,0px)) var(--9pdwnx-borderRadius-tr-mobile,var(--9pdwnx-borderRadius-tr,0px)) var(--9pdwnx-borderRadius-br-mobile,var(--9pdwnx-borderRadius-br,0px)) var(--9pdwnx-borderRadius-bl-mobile,var(--9pdwnx-borderRadius-bl,0px)); max-width: var(--9pdwnx-max-width-mobile, var(--9pdwnx-max-width, 100%)); height: if(style(--9pdwnx-position-mobile: absolute): var(--9pdwnx-height-mobile,var(--9pdwnx-height-tablet,,var(--9pdwnx-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--9pdwnx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--9pdwnx-gap,var(--beae-card-gap)); padding-top: var(--9pdwnx-padding-top,var(--beae-card-padding)); padding-right: var(--9pdwnx-padding-right,var(--beae-card-padding)); padding-bottom: var(--9pdwnx-padding-bottom,var(--beae-card-padding)); padding-left: var(--9pdwnx-padding-left,var(--beae-card-padding)); border-width: var(--9pdwnx-borderWidth-tl,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-tr,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-br,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--9pdwnx-borderRadius-tl,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-tr,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-br,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--9pdwnx-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--9pdwnx-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--9pdwnx-gap-tablet,var(--beae-card-gap)); padding-top: var(--9pdwnx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--9pdwnx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--9pdwnx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--9pdwnx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--9pdwnx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--9pdwnx-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--9pdwnx-gap-mobile,var(--beae-card-gap)); padding-top: var(--9pdwnx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--9pdwnx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--9pdwnx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--9pdwnx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--9pdwnx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--9pdwnx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--9pdwnx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--9pdwnx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--9pdwnx-background-color,var(--beae-card-featured-background)); border-color: var(--9pdwnx-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--9pdwnx-shadowHorizontal, var(--beae-card-shadow-x)) var(--9pdwnx-shadowVertical, var(--beae-card-shadow-y)) var(--9pdwnx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9pdwnx-shadowColor, var(--beae-card-featured-shadow-color)) var(--9pdwnx-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--9pdwnx-background-color,var(--beae-card-prod-background)); border-color: var(--9pdwnx-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--9pdwnx-shadowHorizontal, var(--beae-card-shadow-x)) var(--9pdwnx-shadowVertical, var(--beae-card-shadow-y)) var(--9pdwnx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9pdwnx-shadowColor, var(--beae-card-prod-shadow-color)) var(--9pdwnx-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--9pdwnx-background-color,var(--beae-card-pricing-background)); border-color: var(--9pdwnx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--9pdwnx-shadowHorizontal, var(--beae-card-shadow-x)) var(--9pdwnx-shadowVertical, var(--beae-card-shadow-y)) var(--9pdwnx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9pdwnx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--9pdwnx-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--9pdwnx-background-color,var(--beae-card-cta-background)); border-color: var(--9pdwnx-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--9pdwnx-shadowHorizontal, var(--beae-card-shadow-x)) var(--9pdwnx-shadowVertical, var(--beae-card-shadow-y)) var(--9pdwnx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9pdwnx-shadowColor, var(--beae-card-cta-shadow-color)) var(--9pdwnx-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-9pdwnx"] {     display: flex;     flex-direction: var(--9pdwnx-direction, column);     flex-wrap: nowrap;     justify-content: var(--9pdwnx-justify-content);     align-items: var(--9pdwnx-align-items);     gap: var(--9pdwnx-gap, var(--9pdwnx-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9pdwnx"] {                            gap: var(--9pdwnx-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(--9pdwnx-padding-right-tablet, 0px) - var(--9pdwnx-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9pdwnx"] {                            gap: var(--9pdwnx-gap-mobile, var(--9pdwnx-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(--9pdwnx-padding-right-mobile, 0px) - var(--9pdwnx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-qjx42f"] { --qjx42f-headerState: active; --qjx42f-headerState-tablet: active; --qjx42f-headerState-mobile: active; --qjx42f-colorActive: #F6F2EF; --qjx42f-colorActive-tablet: #F6F2EF; --qjx42f-colorActive-mobile: #F6F2EF; --qjx42f-tabBgActive: #413425; --qjx42f-tabBgActive-tablet: #413425; --qjx42f-tabBgActive-mobile: #413425; --qjx42f-paddingX: 24px; --qjx42f-paddingX-tablet: 24px; --qjx42f-paddingX-mobile: 20px; --qjx42f-paddingY: 16px; --qjx42f-paddingY-tablet: 16px; --qjx42f-paddingY-mobile: 16px; --qjx42f-borderStyle: none; --qjx42f-borderStyle-tablet: none; --qjx42f-borderStyle-mobile: none; --qjx42f-tabBg: #413425; --qjx42f-tabBg-tablet: #413425; --qjx42f-tabBg-mobile: #413425; --qjx42f-headingTypo: h5; --qjx42f-headingTypo-tablet: h5; --qjx42f-headingTypo-mobile: h5; --qjx42f-borderWidth-tl: 1px; --qjx42f-borderWidth-tl-tablet: 1px; --qjx42f-borderWidth-tl-mobile: 1px; --qjx42f-borderWidth-tr: 1px; --qjx42f-borderWidth-tr-tablet: 1px; --qjx42f-borderWidth-tr-mobile: 1px; --qjx42f-borderWidth-bl: 1px; --qjx42f-borderWidth-bl-tablet: 1px; --qjx42f-borderWidth-bl-mobile: 1px; --qjx42f-borderWidth-br: 1px; --qjx42f-borderWidth-br-tablet: 1px; --qjx42f-borderWidth-br-mobile: 1px; --qjx42f-borderColor: #e6e6e6; --qjx42f-borderColor-tablet: #e6e6e6; --qjx42f-borderColor-mobile: #e6e6e6; --qjx42f-tabBgHover: #413425; --qjx42f-tabBgHover-tablet: #413425; --qjx42f-tabBgHover-mobile: #413425; --qjx42f-borderRadius-tl: 12px; --qjx42f-borderRadius-tl-tablet: 12px; --qjx42f-borderRadius-tl-mobile: 12px; --qjx42f-borderRadius-tr: 12px; --qjx42f-borderRadius-tr-tablet: 12px; --qjx42f-borderRadius-tr-mobile: 12px; --qjx42f-borderRadius-bl: 12px; --qjx42f-borderRadius-bl-tablet: 12px; --qjx42f-borderRadius-bl-mobile: 12px; --qjx42f-borderRadius-br: 12px; --qjx42f-borderRadius-br-tablet: 12px; --qjx42f-borderRadius-br-mobile: 12px; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --qjx42f-colorHover: #F6F2EF; --qjx42f-colorHover-tablet: #F6F2EF; --qjx42f-colorHover-mobile: #F6F2EF; --qjx42f-gap: 12px; --qjx42f-gap-tablet: 12px; --qjx42f-gap-mobile: 12px; }[data-bnode="beae-qjx42f"] { margin-top: var(--qjx42f-margin-top, 0px); margin-right: var(--qjx42f-margin-right, 0px); margin-bottom: var(--qjx42f-margin-bottom, 0px); margin-left: var(--qjx42f-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qjx42f-margin-top-tablet, 0px); margin-right: var(--qjx42f-margin-right-tablet, 0px); margin-bottom: var(--qjx42f-margin-bottom-tablet, 0px); margin-left: var(--qjx42f-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qjx42f-margin-top-mobile, 0px); margin-right: var(--qjx42f-margin-right-mobile, 0px); margin-bottom: var(--qjx42f-margin-bottom-mobile, 0px); margin-left: var(--qjx42f-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--qjx42f-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--qjx42f-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--qjx42f-gap-mobile, 16px); } .beae-accordion-item { border-style: var(--qjx42f-borderStyle,solid); border-color: var(--qjx42f-borderColor,#000000); border-width: var(--qjx42f-borderWidth-tl,0px) var(--qjx42f-borderWidth-tr,0px) var(--qjx42f-borderWidth-br,0px) var(--qjx42f-borderWidth-bl,0px); border-radius: var(--qjx42f-borderRadius-tl,0px) var(--qjx42f-borderRadius-tr,0px) var(--qjx42f-borderRadius-br,0px) var(--qjx42f-borderRadius-bl,0px); box-shadow: var(--qjx42f-shadowHorizontal, 0px) var(--qjx42f-shadowVertical, 0px) var(--qjx42f-shadowBlur, 0px) 1px color-mix( in srgb, var(--qjx42f-shadowColor, #000000) var(--qjx42f-shadowTransparent, 0%), transparent ); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--qjx42f-borderWidth-tl-tablet,0px) var(--qjx42f-borderWidth-tr-tablet,0px) var(--qjx42f-borderWidth-br-tablet,0px) var(--qjx42f-borderWidth-bl-tablet,0px); border-radius: var(--qjx42f-borderRadius-tl-tablet,0px) var(--qjx42f-borderRadius-tr-tablet,0px) var(--qjx42f-borderRadius-br-tablet,0px) var(--qjx42f-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--qjx42f-borderWidth-tl-mobile,0px) var(--qjx42f-borderWidth-tr-mobile,0px) var(--qjx42f-borderWidth-br-mobile,0px) var(--qjx42f-borderWidth-bl-mobile,0px); border-radius: var(--qjx42f-borderRadius-tl-mobile,0px) var(--qjx42f-borderRadius-tr-mobile,0px) var(--qjx42f-borderRadius-br-mobile,0px) var(--qjx42f-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(--qjx42f-colorActive); background: var(--qjx42f-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(--qjx42f-paddingX, 20px); padding-block: var(--qjx42f-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--qjx42f-tabBg); &:marker { display: none; } &:hover { background: var(--qjx42f-tabBgHover); color: var(--qjx42f-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--qjx42f-paddingX-tablet, 20px); padding-block: var(--qjx42f-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--qjx42f-paddingX-mobile, 20px); padding-block: var(--qjx42f-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-fjeiao"] { --fjeiao-direction: column; --fjeiao-direction-tablet: column; --fjeiao-direction-mobile: column; --fjeiao-gap: 16px; --fjeiao-gap-tablet: 16px; --fjeiao-gap-mobile: 16px; --fjeiao-padding-top: 0px; --fjeiao-padding-top-tablet: 0px; --fjeiao-padding-top-mobile: 0px; --fjeiao-padding-bottom: 20px; --fjeiao-padding-bottom-tablet: 20px; --fjeiao-padding-bottom-mobile: 20px; --fjeiao-padding-left: 24px; --fjeiao-padding-left-tablet: 24px; --fjeiao-padding-left-mobile: 20px; --fjeiao-padding-right: 24px; --fjeiao-padding-right-tablet: 24px; --fjeiao-padding-right-mobile: 20px; --fjeiao-background-type: color; --fjeiao-background-type-tablet: color; --fjeiao-background-type-mobile: color; --fjeiao-background-color: #413425; --fjeiao-background-color-tablet: #413425; --fjeiao-background-color-mobile: #413425; --fjeiao-align-items: flex-start; --fjeiao-align-items-tablet: flex-start; --fjeiao-align-items-mobile: flex-start; }[data-bnode="beae-fjeiao"] { padding-top: var(--fjeiao-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--fjeiao-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--fjeiao-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--fjeiao-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--fjeiao-padding-top-tablet, var(--fjeiao-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--fjeiao-padding-right-tablet, var(--fjeiao-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--fjeiao-padding-bottom-tablet, var(--fjeiao-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--fjeiao-padding-left-tablet, var(--fjeiao-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--fjeiao-padding-top-mobile, var(--fjeiao-padding-top-tablet, var(--fjeiao-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--fjeiao-padding-right-mobile, var(--fjeiao-padding-right-tablet, var(--fjeiao-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--fjeiao-padding-bottom-mobile, var(--fjeiao-padding-bottom-tablet, var(--fjeiao-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--fjeiao-padding-left-mobile, var(--fjeiao-padding-left-tablet, var(--fjeiao-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--fjeiao-position, relative); top: var(--fjeiao-top, auto); right: var(--fjeiao-right, auto); bottom: var(--fjeiao-bottom, auto); left: var(--fjeiao-left, auto); transform: var(--fjeiao-transform, none); z-index: var(--fjeiao-z-index, 10); aspect-ratio: var(--fjeiao-background-imageRatio, auto); background: var(--fjeiao-background-color,transparent); border-style: var(--fjeiao-borderStyle,solid); border-color: var(--fjeiao-borderColor,#000000); border-width: var(--fjeiao-borderWidth-tl,0px) var(--fjeiao-borderWidth-tr,0px) var(--fjeiao-borderWidth-br,0px) var(--fjeiao-borderWidth-bl,0px); border-radius: var(--fjeiao-borderRadius-tl,0px) var(--fjeiao-borderRadius-tr,0px) var(--fjeiao-borderRadius-br,0px) var(--fjeiao-borderRadius-bl,0px); box-shadow: var(--fjeiao-shadowHorizontal, 0px) var(--fjeiao-shadowVertical, 0px) var(--fjeiao-shadowBlur, 0px) 1px color-mix( in srgb, var(--fjeiao-shadowColor, #000000) var(--fjeiao-shadowTransparent, 0%), transparent ); max-width: var(--fjeiao-max-width, 100%); width: 100%; height: if(style(--fjeiao-position: absolute): var(--fjeiao-height,100%); else: unset ); backdrop-filter:blur(var(--fjeiao-background-blur, none)) saturate(var(--fjeiao-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--fjeiao-position-tablet, var(--fjeiao-position, relative)); top: var(--fjeiao-top-tablet, var(--fjeiao-top, auto)); right: var(--fjeiao-right-tablet, var(--fjeiao-right, auto)); bottom: var(--fjeiao-bottom-tablet, var(--fjeiao-bottom, auto)); left: var(--fjeiao-left-tablet, var(--fjeiao-left, auto)); transform: var(--fjeiao-transform-tablet, var(--fjeiao-transform, none)); z-index: var(--fjeiao-z-index-tablet, var(--fjeiao-z-index, 10)); aspect-ratio: var(--fjeiao-background-imageRatio-tablet, var(--fjeiao-background-imageRatio, auto)); border-width: var(--fjeiao-borderWidth-tl-tablet, var(--fjeiao-borderWidth-tl,0px)) var(--fjeiao-borderWidth-tr-tablet,var(--fjeiao-borderWidth-tr,0px)) var(--fjeiao-borderWidth-br-tablet,var(--fjeiao-borderWidth-br,0px)) var(--fjeiao-borderWidth-bl-tablet,var(--fjeiao-borderWidth-bl,0px)); border-radius: var(--fjeiao-borderRadius-tl-tablet,var(--fjeiao-borderRadius-tl,0px)) var(--fjeiao-borderRadius-tr-tablet,var(--fjeiao-borderRadius-tr,0px)) var(--fjeiao-borderRadius-br-tablet,var(--fjeiao-borderRadius-br,0px)) var(--fjeiao-borderRadius-bl-tablet,var(--fjeiao-borderRadius-bl,0px)); max-width: var(--fjeiao-max-width-tablet, var(--fjeiao-max-width, 100%)); height: if(style(--fjeiao-position-tablet: absolute): var(--fjeiao-height-tablet,var(--fjeiao-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--fjeiao-position-mobile, var(--fjeiao-position-tablet, var(--fjeiao-position, relative))); top: var(--fjeiao-top-mobile, var(--fjeiao-top-tablet, var(--fjeiao-top, auto))); right: var(--fjeiao-right-mobile, var(--fjeiao-right-tablet, var(--fjeiao-right, auto))); bottom: var(--fjeiao-bottom-mobile, var(--fjeiao-bottom-tablet, var(--fjeiao-bottom, auto))); left: var(--fjeiao-left-mobile, var(--fjeiao-left-tablet, var(--fjeiao-left, auto))); transform: var(--fjeiao-transform-mobile, var(--fjeiao-transform-tablet, var(--fjeiao-transform, none))); z-index: var(--fjeiao-z-index-mobile, var(--fjeiao-z-index-tablet, var(--fjeiao-z-index, 10))); aspect-ratio: var(--fjeiao-background-imageRatio-mobile, var(--fjeiao-background-imageRatio, auto)); border-width: var(--fjeiao-borderWidth-tl-mobile, var(--fjeiao-borderWidth-tl,0px)) var(--fjeiao-borderWidth-tr-mobile,var(--fjeiao-borderWidth-tr,0px)) var(--fjeiao-borderWidth-br-mobile,var(--fjeiao-borderWidth-br,0px)) var(--fjeiao-borderWidth-bl-mobile,var(--fjeiao-borderWidth-bl,0px)); border-radius: var(--fjeiao-borderRadius-tl-mobile,var(--fjeiao-borderRadius-tl,0px)) var(--fjeiao-borderRadius-tr-mobile,var(--fjeiao-borderRadius-tr,0px)) var(--fjeiao-borderRadius-br-mobile,var(--fjeiao-borderRadius-br,0px)) var(--fjeiao-borderRadius-bl-mobile,var(--fjeiao-borderRadius-bl,0px)); max-width: var(--fjeiao-max-width-mobile, var(--fjeiao-max-width, 100%)); height: if(style(--fjeiao-position-mobile: absolute): var(--fjeiao-height-mobile,var(--fjeiao-height-tablet,,var(--fjeiao-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--fjeiao-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--fjeiao-gap,var(--beae-card-gap)); padding-top: var(--fjeiao-padding-top,var(--beae-card-padding)); padding-right: var(--fjeiao-padding-right,var(--beae-card-padding)); padding-bottom: var(--fjeiao-padding-bottom,var(--beae-card-padding)); padding-left: var(--fjeiao-padding-left,var(--beae-card-padding)); border-width: var(--fjeiao-borderWidth-tl,var(--beae-card-border-width)) var(--fjeiao-borderWidth-tr,var(--beae-card-border-width)) var(--fjeiao-borderWidth-br,var(--beae-card-border-width)) var(--fjeiao-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--fjeiao-borderRadius-tl,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-tr,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-br,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--fjeiao-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--fjeiao-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--fjeiao-gap-tablet,var(--beae-card-gap)); padding-top: var(--fjeiao-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--fjeiao-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--fjeiao-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--fjeiao-padding-left-tablet,var(--beae-card-padding)); border-width: var(--fjeiao-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--fjeiao-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--fjeiao-borderWidth-br-desktop,var(--beae-card-border-width)) var(--fjeiao-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--fjeiao-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--fjeiao-gap-mobile,var(--beae-card-gap)); padding-top: var(--fjeiao-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--fjeiao-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--fjeiao-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--fjeiao-padding-left-mobile,var(--beae-card-padding)); border-width: var(--fjeiao-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--fjeiao-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--fjeiao-borderWidth-br-mobile,var(--beae-card-border-width)) var(--fjeiao-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--fjeiao-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--fjeiao-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--fjeiao-background-color,var(--beae-card-featured-background)); border-color: var(--fjeiao-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--fjeiao-shadowHorizontal, var(--beae-card-shadow-x)) var(--fjeiao-shadowVertical, var(--beae-card-shadow-y)) var(--fjeiao-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fjeiao-shadowColor, var(--beae-card-featured-shadow-color)) var(--fjeiao-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--fjeiao-background-color,var(--beae-card-prod-background)); border-color: var(--fjeiao-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--fjeiao-shadowHorizontal, var(--beae-card-shadow-x)) var(--fjeiao-shadowVertical, var(--beae-card-shadow-y)) var(--fjeiao-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fjeiao-shadowColor, var(--beae-card-prod-shadow-color)) var(--fjeiao-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--fjeiao-background-color,var(--beae-card-pricing-background)); border-color: var(--fjeiao-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--fjeiao-shadowHorizontal, var(--beae-card-shadow-x)) var(--fjeiao-shadowVertical, var(--beae-card-shadow-y)) var(--fjeiao-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fjeiao-shadowColor, var(--beae-card-pricing-shadow-color)) var(--fjeiao-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--fjeiao-background-color,var(--beae-card-cta-background)); border-color: var(--fjeiao-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--fjeiao-shadowHorizontal, var(--beae-card-shadow-x)) var(--fjeiao-shadowVertical, var(--beae-card-shadow-y)) var(--fjeiao-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fjeiao-shadowColor, var(--beae-card-cta-shadow-color)) var(--fjeiao-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-fjeiao"] {     display: flex;     flex-direction: var(--fjeiao-direction, column);     flex-wrap: nowrap;     justify-content: var(--fjeiao-justify-content);     align-items: var(--fjeiao-align-items);     gap: var(--fjeiao-gap, var(--fjeiao-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-fjeiao"] {                            gap: var(--fjeiao-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(--fjeiao-padding-right-tablet, 0px) - var(--fjeiao-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-fjeiao"] {                            gap: var(--fjeiao-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(--fjeiao-padding-right-mobile, 0px) - var(--fjeiao-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-3hbrb5"] { --3hbrb5-typography: p; --3hbrb5-typography-tablet: p; --3hbrb5-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-3hbrb5"] { margin-top: var(--3hbrb5-margin-top, 0px); margin-right: var(--3hbrb5-margin-right, 0px); margin-bottom: var(--3hbrb5-margin-bottom, 0px); margin-left: var(--3hbrb5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3hbrb5-margin-top-tablet, 0px); margin-right: var(--3hbrb5-margin-right-tablet, 0px); margin-bottom: var(--3hbrb5-margin-bottom-tablet, 0px); margin-left: var(--3hbrb5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3hbrb5-margin-top-mobile, 0px); margin-right: var(--3hbrb5-margin-right-mobile, 0px); margin-bottom: var(--3hbrb5-margin-bottom-mobile, 0px); margin-left: var(--3hbrb5-margin-left-mobile, 0px); } }[data-bnode="beae-kchwht"] { --kchwht-direction: column; --kchwht-direction-tablet: column; --kchwht-direction-mobile: column; --kchwht-gap: 16px; --kchwht-gap-tablet: 16px; --kchwht-gap-mobile: 16px; --kchwht-padding-top: 0px; --kchwht-padding-top-tablet: 0px; --kchwht-padding-top-mobile: 0px; --kchwht-padding-bottom: 20px; --kchwht-padding-bottom-tablet: 20px; --kchwht-padding-bottom-mobile: 20px; --kchwht-padding-left: 24px; --kchwht-padding-left-tablet: 24px; --kchwht-padding-left-mobile: 20px; --kchwht-padding-right: 24px; --kchwht-padding-right-tablet: 24px; --kchwht-padding-right-mobile: 20px; --kchwht-borderStyle: none; --kchwht-borderStyle-tablet: none; --kchwht-borderStyle-mobile: none; --kchwht-borderWidth-tl: 0px; --kchwht-borderWidth-tl-tablet: 0px; --kchwht-borderWidth-tl-mobile: 0px; --kchwht-borderWidth-tr: 1px; --kchwht-borderWidth-tr-tablet: 1px; --kchwht-borderWidth-tr-mobile: 1px; --kchwht-borderWidth-bl: 1px; --kchwht-borderWidth-bl-tablet: 1px; --kchwht-borderWidth-bl-mobile: 1px; --kchwht-borderWidth-br: 1px; --kchwht-borderWidth-br-tablet: 1px; --kchwht-borderWidth-br-mobile: 1px; --kchwht-borderColor: #e6e6e6; --kchwht-borderColor-tablet: #e6e6e6; --kchwht-borderColor-mobile: #e6e6e6; --kchwht-background-type: color; --kchwht-background-type-tablet: color; --kchwht-background-type-mobile: color; --kchwht-background-color: #413425; --kchwht-background-color-tablet: #413425; --kchwht-background-color-mobile: #413425; }[data-bnode="beae-kchwht"] { padding-top: var(--kchwht-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--kchwht-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--kchwht-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--kchwht-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--kchwht-padding-top-tablet, var(--kchwht-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--kchwht-padding-right-tablet, var(--kchwht-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--kchwht-padding-bottom-tablet, var(--kchwht-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--kchwht-padding-left-tablet, var(--kchwht-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--kchwht-padding-top-mobile, var(--kchwht-padding-top-tablet, var(--kchwht-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--kchwht-padding-right-mobile, var(--kchwht-padding-right-tablet, var(--kchwht-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--kchwht-padding-bottom-mobile, var(--kchwht-padding-bottom-tablet, var(--kchwht-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--kchwht-padding-left-mobile, var(--kchwht-padding-left-tablet, var(--kchwht-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--kchwht-position, relative); top: var(--kchwht-top, auto); right: var(--kchwht-right, auto); bottom: var(--kchwht-bottom, auto); left: var(--kchwht-left, auto); transform: var(--kchwht-transform, none); z-index: var(--kchwht-z-index, 10); aspect-ratio: var(--kchwht-background-imageRatio, auto); background: var(--kchwht-background-color,transparent); border-style: var(--kchwht-borderStyle,solid); border-color: var(--kchwht-borderColor,#000000); border-width: var(--kchwht-borderWidth-tl,0px) var(--kchwht-borderWidth-tr,0px) var(--kchwht-borderWidth-br,0px) var(--kchwht-borderWidth-bl,0px); border-radius: var(--kchwht-borderRadius-tl,0px) var(--kchwht-borderRadius-tr,0px) var(--kchwht-borderRadius-br,0px) var(--kchwht-borderRadius-bl,0px); box-shadow: var(--kchwht-shadowHorizontal, 0px) var(--kchwht-shadowVertical, 0px) var(--kchwht-shadowBlur, 0px) 1px color-mix( in srgb, var(--kchwht-shadowColor, #000000) var(--kchwht-shadowTransparent, 0%), transparent ); max-width: var(--kchwht-max-width, 100%); width: 100%; height: if(style(--kchwht-position: absolute): var(--kchwht-height,100%); else: unset ); backdrop-filter:blur(var(--kchwht-background-blur, none)) saturate(var(--kchwht-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--kchwht-position-tablet, var(--kchwht-position, relative)); top: var(--kchwht-top-tablet, var(--kchwht-top, auto)); right: var(--kchwht-right-tablet, var(--kchwht-right, auto)); bottom: var(--kchwht-bottom-tablet, var(--kchwht-bottom, auto)); left: var(--kchwht-left-tablet, var(--kchwht-left, auto)); transform: var(--kchwht-transform-tablet, var(--kchwht-transform, none)); z-index: var(--kchwht-z-index-tablet, var(--kchwht-z-index, 10)); aspect-ratio: var(--kchwht-background-imageRatio-tablet, var(--kchwht-background-imageRatio, auto)); border-width: var(--kchwht-borderWidth-tl-tablet, var(--kchwht-borderWidth-tl,0px)) var(--kchwht-borderWidth-tr-tablet,var(--kchwht-borderWidth-tr,0px)) var(--kchwht-borderWidth-br-tablet,var(--kchwht-borderWidth-br,0px)) var(--kchwht-borderWidth-bl-tablet,var(--kchwht-borderWidth-bl,0px)); border-radius: var(--kchwht-borderRadius-tl-tablet,var(--kchwht-borderRadius-tl,0px)) var(--kchwht-borderRadius-tr-tablet,var(--kchwht-borderRadius-tr,0px)) var(--kchwht-borderRadius-br-tablet,var(--kchwht-borderRadius-br,0px)) var(--kchwht-borderRadius-bl-tablet,var(--kchwht-borderRadius-bl,0px)); max-width: var(--kchwht-max-width-tablet, var(--kchwht-max-width, 100%)); height: if(style(--kchwht-position-tablet: absolute): var(--kchwht-height-tablet,var(--kchwht-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--kchwht-position-mobile, var(--kchwht-position-tablet, var(--kchwht-position, relative))); top: var(--kchwht-top-mobile, var(--kchwht-top-tablet, var(--kchwht-top, auto))); right: var(--kchwht-right-mobile, var(--kchwht-right-tablet, var(--kchwht-right, auto))); bottom: var(--kchwht-bottom-mobile, var(--kchwht-bottom-tablet, var(--kchwht-bottom, auto))); left: var(--kchwht-left-mobile, var(--kchwht-left-tablet, var(--kchwht-left, auto))); transform: var(--kchwht-transform-mobile, var(--kchwht-transform-tablet, var(--kchwht-transform, none))); z-index: var(--kchwht-z-index-mobile, var(--kchwht-z-index-tablet, var(--kchwht-z-index, 10))); aspect-ratio: var(--kchwht-background-imageRatio-mobile, var(--kchwht-background-imageRatio, auto)); border-width: var(--kchwht-borderWidth-tl-mobile, var(--kchwht-borderWidth-tl,0px)) var(--kchwht-borderWidth-tr-mobile,var(--kchwht-borderWidth-tr,0px)) var(--kchwht-borderWidth-br-mobile,var(--kchwht-borderWidth-br,0px)) var(--kchwht-borderWidth-bl-mobile,var(--kchwht-borderWidth-bl,0px)); border-radius: var(--kchwht-borderRadius-tl-mobile,var(--kchwht-borderRadius-tl,0px)) var(--kchwht-borderRadius-tr-mobile,var(--kchwht-borderRadius-tr,0px)) var(--kchwht-borderRadius-br-mobile,var(--kchwht-borderRadius-br,0px)) var(--kchwht-borderRadius-bl-mobile,var(--kchwht-borderRadius-bl,0px)); max-width: var(--kchwht-max-width-mobile, var(--kchwht-max-width, 100%)); height: if(style(--kchwht-position-mobile: absolute): var(--kchwht-height-mobile,var(--kchwht-height-tablet,,var(--kchwht-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--kchwht-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--kchwht-gap,var(--beae-card-gap)); padding-top: var(--kchwht-padding-top,var(--beae-card-padding)); padding-right: var(--kchwht-padding-right,var(--beae-card-padding)); padding-bottom: var(--kchwht-padding-bottom,var(--beae-card-padding)); padding-left: var(--kchwht-padding-left,var(--beae-card-padding)); border-width: var(--kchwht-borderWidth-tl,var(--beae-card-border-width)) var(--kchwht-borderWidth-tr,var(--beae-card-border-width)) var(--kchwht-borderWidth-br,var(--beae-card-border-width)) var(--kchwht-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--kchwht-borderRadius-tl,var(--beae-card-border-radius)) var(--kchwht-borderRadius-tr,var(--beae-card-border-radius)) var(--kchwht-borderRadius-br,var(--beae-card-border-radius)) var(--kchwht-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--kchwht-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--kchwht-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--kchwht-gap-tablet,var(--beae-card-gap)); padding-top: var(--kchwht-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--kchwht-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--kchwht-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--kchwht-padding-left-tablet,var(--beae-card-padding)); border-width: var(--kchwht-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--kchwht-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--kchwht-borderWidth-br-desktop,var(--beae-card-border-width)) var(--kchwht-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--kchwht-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--kchwht-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--kchwht-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--kchwht-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--kchwht-gap-mobile,var(--beae-card-gap)); padding-top: var(--kchwht-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--kchwht-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--kchwht-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--kchwht-padding-left-mobile,var(--beae-card-padding)); border-width: var(--kchwht-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--kchwht-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--kchwht-borderWidth-br-mobile,var(--beae-card-border-width)) var(--kchwht-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--kchwht-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--kchwht-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--kchwht-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--kchwht-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--kchwht-background-color,var(--beae-card-featured-background)); border-color: var(--kchwht-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--kchwht-shadowHorizontal, var(--beae-card-shadow-x)) var(--kchwht-shadowVertical, var(--beae-card-shadow-y)) var(--kchwht-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kchwht-shadowColor, var(--beae-card-featured-shadow-color)) var(--kchwht-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--kchwht-background-color,var(--beae-card-prod-background)); border-color: var(--kchwht-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--kchwht-shadowHorizontal, var(--beae-card-shadow-x)) var(--kchwht-shadowVertical, var(--beae-card-shadow-y)) var(--kchwht-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kchwht-shadowColor, var(--beae-card-prod-shadow-color)) var(--kchwht-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--kchwht-background-color,var(--beae-card-pricing-background)); border-color: var(--kchwht-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--kchwht-shadowHorizontal, var(--beae-card-shadow-x)) var(--kchwht-shadowVertical, var(--beae-card-shadow-y)) var(--kchwht-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kchwht-shadowColor, var(--beae-card-pricing-shadow-color)) var(--kchwht-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--kchwht-background-color,var(--beae-card-cta-background)); border-color: var(--kchwht-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--kchwht-shadowHorizontal, var(--beae-card-shadow-x)) var(--kchwht-shadowVertical, var(--beae-card-shadow-y)) var(--kchwht-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kchwht-shadowColor, var(--beae-card-cta-shadow-color)) var(--kchwht-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-kchwht"] {     display: flex;     flex-direction: var(--kchwht-direction, column);     flex-wrap: nowrap;     justify-content: var(--kchwht-justify-content);     align-items: var(--kchwht-align-items);     gap: var(--kchwht-gap, var(--kchwht-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-kchwht"] {                            gap: var(--kchwht-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(--kchwht-padding-right-tablet, 0px) - var(--kchwht-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-kchwht"] {                            gap: var(--kchwht-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(--kchwht-padding-right-mobile, 0px) - var(--kchwht-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-oyt6y5"] { --oyt6y5-typography: p; --oyt6y5-typography-tablet: p; --oyt6y5-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-oyt6y5"] { margin-top: var(--oyt6y5-margin-top, 0px); margin-right: var(--oyt6y5-margin-right, 0px); margin-bottom: var(--oyt6y5-margin-bottom, 0px); margin-left: var(--oyt6y5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--oyt6y5-margin-top-tablet, 0px); margin-right: var(--oyt6y5-margin-right-tablet, 0px); margin-bottom: var(--oyt6y5-margin-bottom-tablet, 0px); margin-left: var(--oyt6y5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--oyt6y5-margin-top-mobile, 0px); margin-right: var(--oyt6y5-margin-right-mobile, 0px); margin-bottom: var(--oyt6y5-margin-bottom-mobile, 0px); margin-left: var(--oyt6y5-margin-left-mobile, 0px); } }[data-bnode="beae-2k05h1"] { --2k05h1-direction: column; --2k05h1-direction-tablet: column; --2k05h1-direction-mobile: column; --2k05h1-gap: 16px; --2k05h1-gap-tablet: 16px; --2k05h1-gap-mobile: 16px; --2k05h1-padding-top: 0px; --2k05h1-padding-top-tablet: 0px; --2k05h1-padding-top-mobile: 0px; --2k05h1-padding-right: 24px; --2k05h1-padding-right-tablet: 24px; --2k05h1-padding-right-mobile: 20px; --2k05h1-padding-bottom: 20px; --2k05h1-padding-bottom-tablet: 20px; --2k05h1-padding-bottom-mobile: 20px; --2k05h1-padding-left: 24px; --2k05h1-padding-left-tablet: 24px; --2k05h1-padding-left-mobile: 20px; --2k05h1-background-type: color; --2k05h1-background-type-tablet: color; --2k05h1-background-type-mobile: color; --2k05h1-background-color: #413425; --2k05h1-background-color-tablet: #413425; --2k05h1-background-color-mobile: #413425; }[data-bnode="beae-2k05h1"] { padding-top: var(--2k05h1-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--2k05h1-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--2k05h1-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--2k05h1-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--2k05h1-padding-top-tablet, var(--2k05h1-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--2k05h1-padding-right-tablet, var(--2k05h1-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--2k05h1-padding-bottom-tablet, var(--2k05h1-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--2k05h1-padding-left-tablet, var(--2k05h1-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--2k05h1-padding-top-mobile, var(--2k05h1-padding-top-tablet, var(--2k05h1-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--2k05h1-padding-right-mobile, var(--2k05h1-padding-right-tablet, var(--2k05h1-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--2k05h1-padding-bottom-mobile, var(--2k05h1-padding-bottom-tablet, var(--2k05h1-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--2k05h1-padding-left-mobile, var(--2k05h1-padding-left-tablet, var(--2k05h1-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--2k05h1-position, relative); top: var(--2k05h1-top, auto); right: var(--2k05h1-right, auto); bottom: var(--2k05h1-bottom, auto); left: var(--2k05h1-left, auto); transform: var(--2k05h1-transform, none); z-index: var(--2k05h1-z-index, 10); aspect-ratio: var(--2k05h1-background-imageRatio, auto); background: var(--2k05h1-background-color,transparent); border-style: var(--2k05h1-borderStyle,solid); border-color: var(--2k05h1-borderColor,#000000); border-width: var(--2k05h1-borderWidth-tl,0px) var(--2k05h1-borderWidth-tr,0px) var(--2k05h1-borderWidth-br,0px) var(--2k05h1-borderWidth-bl,0px); border-radius: var(--2k05h1-borderRadius-tl,0px) var(--2k05h1-borderRadius-tr,0px) var(--2k05h1-borderRadius-br,0px) var(--2k05h1-borderRadius-bl,0px); box-shadow: var(--2k05h1-shadowHorizontal, 0px) var(--2k05h1-shadowVertical, 0px) var(--2k05h1-shadowBlur, 0px) 1px color-mix( in srgb, var(--2k05h1-shadowColor, #000000) var(--2k05h1-shadowTransparent, 0%), transparent ); max-width: var(--2k05h1-max-width, 100%); width: 100%; height: if(style(--2k05h1-position: absolute): var(--2k05h1-height,100%); else: unset ); backdrop-filter:blur(var(--2k05h1-background-blur, none)) saturate(var(--2k05h1-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--2k05h1-position-tablet, var(--2k05h1-position, relative)); top: var(--2k05h1-top-tablet, var(--2k05h1-top, auto)); right: var(--2k05h1-right-tablet, var(--2k05h1-right, auto)); bottom: var(--2k05h1-bottom-tablet, var(--2k05h1-bottom, auto)); left: var(--2k05h1-left-tablet, var(--2k05h1-left, auto)); transform: var(--2k05h1-transform-tablet, var(--2k05h1-transform, none)); z-index: var(--2k05h1-z-index-tablet, var(--2k05h1-z-index, 10)); aspect-ratio: var(--2k05h1-background-imageRatio-tablet, var(--2k05h1-background-imageRatio, auto)); border-width: var(--2k05h1-borderWidth-tl-tablet, var(--2k05h1-borderWidth-tl,0px)) var(--2k05h1-borderWidth-tr-tablet,var(--2k05h1-borderWidth-tr,0px)) var(--2k05h1-borderWidth-br-tablet,var(--2k05h1-borderWidth-br,0px)) var(--2k05h1-borderWidth-bl-tablet,var(--2k05h1-borderWidth-bl,0px)); border-radius: var(--2k05h1-borderRadius-tl-tablet,var(--2k05h1-borderRadius-tl,0px)) var(--2k05h1-borderRadius-tr-tablet,var(--2k05h1-borderRadius-tr,0px)) var(--2k05h1-borderRadius-br-tablet,var(--2k05h1-borderRadius-br,0px)) var(--2k05h1-borderRadius-bl-tablet,var(--2k05h1-borderRadius-bl,0px)); max-width: var(--2k05h1-max-width-tablet, var(--2k05h1-max-width, 100%)); height: if(style(--2k05h1-position-tablet: absolute): var(--2k05h1-height-tablet,var(--2k05h1-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--2k05h1-position-mobile, var(--2k05h1-position-tablet, var(--2k05h1-position, relative))); top: var(--2k05h1-top-mobile, var(--2k05h1-top-tablet, var(--2k05h1-top, auto))); right: var(--2k05h1-right-mobile, var(--2k05h1-right-tablet, var(--2k05h1-right, auto))); bottom: var(--2k05h1-bottom-mobile, var(--2k05h1-bottom-tablet, var(--2k05h1-bottom, auto))); left: var(--2k05h1-left-mobile, var(--2k05h1-left-tablet, var(--2k05h1-left, auto))); transform: var(--2k05h1-transform-mobile, var(--2k05h1-transform-tablet, var(--2k05h1-transform, none))); z-index: var(--2k05h1-z-index-mobile, var(--2k05h1-z-index-tablet, var(--2k05h1-z-index, 10))); aspect-ratio: var(--2k05h1-background-imageRatio-mobile, var(--2k05h1-background-imageRatio, auto)); border-width: var(--2k05h1-borderWidth-tl-mobile, var(--2k05h1-borderWidth-tl,0px)) var(--2k05h1-borderWidth-tr-mobile,var(--2k05h1-borderWidth-tr,0px)) var(--2k05h1-borderWidth-br-mobile,var(--2k05h1-borderWidth-br,0px)) var(--2k05h1-borderWidth-bl-mobile,var(--2k05h1-borderWidth-bl,0px)); border-radius: var(--2k05h1-borderRadius-tl-mobile,var(--2k05h1-borderRadius-tl,0px)) var(--2k05h1-borderRadius-tr-mobile,var(--2k05h1-borderRadius-tr,0px)) var(--2k05h1-borderRadius-br-mobile,var(--2k05h1-borderRadius-br,0px)) var(--2k05h1-borderRadius-bl-mobile,var(--2k05h1-borderRadius-bl,0px)); max-width: var(--2k05h1-max-width-mobile, var(--2k05h1-max-width, 100%)); height: if(style(--2k05h1-position-mobile: absolute): var(--2k05h1-height-mobile,var(--2k05h1-height-tablet,,var(--2k05h1-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--2k05h1-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--2k05h1-gap,var(--beae-card-gap)); padding-top: var(--2k05h1-padding-top,var(--beae-card-padding)); padding-right: var(--2k05h1-padding-right,var(--beae-card-padding)); padding-bottom: var(--2k05h1-padding-bottom,var(--beae-card-padding)); padding-left: var(--2k05h1-padding-left,var(--beae-card-padding)); border-width: var(--2k05h1-borderWidth-tl,var(--beae-card-border-width)) var(--2k05h1-borderWidth-tr,var(--beae-card-border-width)) var(--2k05h1-borderWidth-br,var(--beae-card-border-width)) var(--2k05h1-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--2k05h1-borderRadius-tl,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-tr,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-br,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--2k05h1-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--2k05h1-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--2k05h1-gap-tablet,var(--beae-card-gap)); padding-top: var(--2k05h1-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--2k05h1-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--2k05h1-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--2k05h1-padding-left-tablet,var(--beae-card-padding)); border-width: var(--2k05h1-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--2k05h1-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--2k05h1-borderWidth-br-desktop,var(--beae-card-border-width)) var(--2k05h1-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--2k05h1-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--2k05h1-gap-mobile,var(--beae-card-gap)); padding-top: var(--2k05h1-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--2k05h1-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--2k05h1-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--2k05h1-padding-left-mobile,var(--beae-card-padding)); border-width: var(--2k05h1-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--2k05h1-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--2k05h1-borderWidth-br-mobile,var(--beae-card-border-width)) var(--2k05h1-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--2k05h1-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--2k05h1-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--2k05h1-background-color,var(--beae-card-featured-background)); border-color: var(--2k05h1-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--2k05h1-shadowHorizontal, var(--beae-card-shadow-x)) var(--2k05h1-shadowVertical, var(--beae-card-shadow-y)) var(--2k05h1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2k05h1-shadowColor, var(--beae-card-featured-shadow-color)) var(--2k05h1-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--2k05h1-background-color,var(--beae-card-prod-background)); border-color: var(--2k05h1-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--2k05h1-shadowHorizontal, var(--beae-card-shadow-x)) var(--2k05h1-shadowVertical, var(--beae-card-shadow-y)) var(--2k05h1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2k05h1-shadowColor, var(--beae-card-prod-shadow-color)) var(--2k05h1-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--2k05h1-background-color,var(--beae-card-pricing-background)); border-color: var(--2k05h1-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--2k05h1-shadowHorizontal, var(--beae-card-shadow-x)) var(--2k05h1-shadowVertical, var(--beae-card-shadow-y)) var(--2k05h1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2k05h1-shadowColor, var(--beae-card-pricing-shadow-color)) var(--2k05h1-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--2k05h1-background-color,var(--beae-card-cta-background)); border-color: var(--2k05h1-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--2k05h1-shadowHorizontal, var(--beae-card-shadow-x)) var(--2k05h1-shadowVertical, var(--beae-card-shadow-y)) var(--2k05h1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2k05h1-shadowColor, var(--beae-card-cta-shadow-color)) var(--2k05h1-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-2k05h1"] {     display: flex;     flex-direction: var(--2k05h1-direction, column);     flex-wrap: nowrap;     justify-content: var(--2k05h1-justify-content);     align-items: var(--2k05h1-align-items);     gap: var(--2k05h1-gap, var(--2k05h1-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-2k05h1"] {                            gap: var(--2k05h1-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(--2k05h1-padding-right-tablet, 0px) - var(--2k05h1-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-2k05h1"] {                            gap: var(--2k05h1-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(--2k05h1-padding-right-mobile, 0px) - var(--2k05h1-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-n7bnac"] { --n7bnac-typography: p; --n7bnac-typography-tablet: p; --n7bnac-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-n7bnac"] { margin-top: var(--n7bnac-margin-top, 0px); margin-right: var(--n7bnac-margin-right, 0px); margin-bottom: var(--n7bnac-margin-bottom, 0px); margin-left: var(--n7bnac-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--n7bnac-margin-top-tablet, 0px); margin-right: var(--n7bnac-margin-right-tablet, 0px); margin-bottom: var(--n7bnac-margin-bottom-tablet, 0px); margin-left: var(--n7bnac-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--n7bnac-margin-top-mobile, 0px); margin-right: var(--n7bnac-margin-right-mobile, 0px); margin-bottom: var(--n7bnac-margin-bottom-mobile, 0px); margin-left: var(--n7bnac-margin-left-mobile, 0px); } }[data-bnode="beae-75c3j3"] { --75c3j3-direction: column; --75c3j3-direction-tablet: column; --75c3j3-direction-mobile: column; --75c3j3-gap: 16px; --75c3j3-gap-tablet: 16px; --75c3j3-gap-mobile: 16px; --75c3j3-padding-top: 0px; --75c3j3-padding-top-tablet: 0px; --75c3j3-padding-top-mobile: 0px; --75c3j3-padding-right: 24px; --75c3j3-padding-right-tablet: 24px; --75c3j3-padding-right-mobile: 20px; --75c3j3-padding-bottom: 20px; --75c3j3-padding-bottom-tablet: 20px; --75c3j3-padding-bottom-mobile: 20px; --75c3j3-padding-left: 24px; --75c3j3-padding-left-tablet: 24px; --75c3j3-padding-left-mobile: 20px; --75c3j3-background-type: color; --75c3j3-background-type-tablet: color; --75c3j3-background-type-mobile: color; --75c3j3-background-color: #413425; --75c3j3-background-color-tablet: #413425; --75c3j3-background-color-mobile: #413425; }[data-bnode="beae-75c3j3"] { padding-top: var(--75c3j3-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--75c3j3-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--75c3j3-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--75c3j3-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--75c3j3-padding-top-tablet, var(--75c3j3-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--75c3j3-padding-right-tablet, var(--75c3j3-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--75c3j3-padding-bottom-tablet, var(--75c3j3-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--75c3j3-padding-left-tablet, var(--75c3j3-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--75c3j3-padding-top-mobile, var(--75c3j3-padding-top-tablet, var(--75c3j3-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--75c3j3-padding-right-mobile, var(--75c3j3-padding-right-tablet, var(--75c3j3-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--75c3j3-padding-bottom-mobile, var(--75c3j3-padding-bottom-tablet, var(--75c3j3-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--75c3j3-padding-left-mobile, var(--75c3j3-padding-left-tablet, var(--75c3j3-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--75c3j3-position, relative); top: var(--75c3j3-top, auto); right: var(--75c3j3-right, auto); bottom: var(--75c3j3-bottom, auto); left: var(--75c3j3-left, auto); transform: var(--75c3j3-transform, none); z-index: var(--75c3j3-z-index, 10); aspect-ratio: var(--75c3j3-background-imageRatio, auto); background: var(--75c3j3-background-color,transparent); border-style: var(--75c3j3-borderStyle,solid); border-color: var(--75c3j3-borderColor,#000000); border-width: var(--75c3j3-borderWidth-tl,0px) var(--75c3j3-borderWidth-tr,0px) var(--75c3j3-borderWidth-br,0px) var(--75c3j3-borderWidth-bl,0px); border-radius: var(--75c3j3-borderRadius-tl,0px) var(--75c3j3-borderRadius-tr,0px) var(--75c3j3-borderRadius-br,0px) var(--75c3j3-borderRadius-bl,0px); box-shadow: var(--75c3j3-shadowHorizontal, 0px) var(--75c3j3-shadowVertical, 0px) var(--75c3j3-shadowBlur, 0px) 1px color-mix( in srgb, var(--75c3j3-shadowColor, #000000) var(--75c3j3-shadowTransparent, 0%), transparent ); max-width: var(--75c3j3-max-width, 100%); width: 100%; height: if(style(--75c3j3-position: absolute): var(--75c3j3-height,100%); else: unset ); backdrop-filter:blur(var(--75c3j3-background-blur, none)) saturate(var(--75c3j3-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--75c3j3-position-tablet, var(--75c3j3-position, relative)); top: var(--75c3j3-top-tablet, var(--75c3j3-top, auto)); right: var(--75c3j3-right-tablet, var(--75c3j3-right, auto)); bottom: var(--75c3j3-bottom-tablet, var(--75c3j3-bottom, auto)); left: var(--75c3j3-left-tablet, var(--75c3j3-left, auto)); transform: var(--75c3j3-transform-tablet, var(--75c3j3-transform, none)); z-index: var(--75c3j3-z-index-tablet, var(--75c3j3-z-index, 10)); aspect-ratio: var(--75c3j3-background-imageRatio-tablet, var(--75c3j3-background-imageRatio, auto)); border-width: var(--75c3j3-borderWidth-tl-tablet, var(--75c3j3-borderWidth-tl,0px)) var(--75c3j3-borderWidth-tr-tablet,var(--75c3j3-borderWidth-tr,0px)) var(--75c3j3-borderWidth-br-tablet,var(--75c3j3-borderWidth-br,0px)) var(--75c3j3-borderWidth-bl-tablet,var(--75c3j3-borderWidth-bl,0px)); border-radius: var(--75c3j3-borderRadius-tl-tablet,var(--75c3j3-borderRadius-tl,0px)) var(--75c3j3-borderRadius-tr-tablet,var(--75c3j3-borderRadius-tr,0px)) var(--75c3j3-borderRadius-br-tablet,var(--75c3j3-borderRadius-br,0px)) var(--75c3j3-borderRadius-bl-tablet,var(--75c3j3-borderRadius-bl,0px)); max-width: var(--75c3j3-max-width-tablet, var(--75c3j3-max-width, 100%)); height: if(style(--75c3j3-position-tablet: absolute): var(--75c3j3-height-tablet,var(--75c3j3-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--75c3j3-position-mobile, var(--75c3j3-position-tablet, var(--75c3j3-position, relative))); top: var(--75c3j3-top-mobile, var(--75c3j3-top-tablet, var(--75c3j3-top, auto))); right: var(--75c3j3-right-mobile, var(--75c3j3-right-tablet, var(--75c3j3-right, auto))); bottom: var(--75c3j3-bottom-mobile, var(--75c3j3-bottom-tablet, var(--75c3j3-bottom, auto))); left: var(--75c3j3-left-mobile, var(--75c3j3-left-tablet, var(--75c3j3-left, auto))); transform: var(--75c3j3-transform-mobile, var(--75c3j3-transform-tablet, var(--75c3j3-transform, none))); z-index: var(--75c3j3-z-index-mobile, var(--75c3j3-z-index-tablet, var(--75c3j3-z-index, 10))); aspect-ratio: var(--75c3j3-background-imageRatio-mobile, var(--75c3j3-background-imageRatio, auto)); border-width: var(--75c3j3-borderWidth-tl-mobile, var(--75c3j3-borderWidth-tl,0px)) var(--75c3j3-borderWidth-tr-mobile,var(--75c3j3-borderWidth-tr,0px)) var(--75c3j3-borderWidth-br-mobile,var(--75c3j3-borderWidth-br,0px)) var(--75c3j3-borderWidth-bl-mobile,var(--75c3j3-borderWidth-bl,0px)); border-radius: var(--75c3j3-borderRadius-tl-mobile,var(--75c3j3-borderRadius-tl,0px)) var(--75c3j3-borderRadius-tr-mobile,var(--75c3j3-borderRadius-tr,0px)) var(--75c3j3-borderRadius-br-mobile,var(--75c3j3-borderRadius-br,0px)) var(--75c3j3-borderRadius-bl-mobile,var(--75c3j3-borderRadius-bl,0px)); max-width: var(--75c3j3-max-width-mobile, var(--75c3j3-max-width, 100%)); height: if(style(--75c3j3-position-mobile: absolute): var(--75c3j3-height-mobile,var(--75c3j3-height-tablet,,var(--75c3j3-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--75c3j3-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--75c3j3-gap,var(--beae-card-gap)); padding-top: var(--75c3j3-padding-top,var(--beae-card-padding)); padding-right: var(--75c3j3-padding-right,var(--beae-card-padding)); padding-bottom: var(--75c3j3-padding-bottom,var(--beae-card-padding)); padding-left: var(--75c3j3-padding-left,var(--beae-card-padding)); border-width: var(--75c3j3-borderWidth-tl,var(--beae-card-border-width)) var(--75c3j3-borderWidth-tr,var(--beae-card-border-width)) var(--75c3j3-borderWidth-br,var(--beae-card-border-width)) var(--75c3j3-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--75c3j3-borderRadius-tl,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-tr,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-br,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--75c3j3-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--75c3j3-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--75c3j3-gap-tablet,var(--beae-card-gap)); padding-top: var(--75c3j3-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--75c3j3-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--75c3j3-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--75c3j3-padding-left-tablet,var(--beae-card-padding)); border-width: var(--75c3j3-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--75c3j3-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--75c3j3-borderWidth-br-desktop,var(--beae-card-border-width)) var(--75c3j3-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--75c3j3-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--75c3j3-gap-mobile,var(--beae-card-gap)); padding-top: var(--75c3j3-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--75c3j3-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--75c3j3-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--75c3j3-padding-left-mobile,var(--beae-card-padding)); border-width: var(--75c3j3-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--75c3j3-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--75c3j3-borderWidth-br-mobile,var(--beae-card-border-width)) var(--75c3j3-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--75c3j3-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--75c3j3-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--75c3j3-background-color,var(--beae-card-featured-background)); border-color: var(--75c3j3-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--75c3j3-shadowHorizontal, var(--beae-card-shadow-x)) var(--75c3j3-shadowVertical, var(--beae-card-shadow-y)) var(--75c3j3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--75c3j3-shadowColor, var(--beae-card-featured-shadow-color)) var(--75c3j3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--75c3j3-background-color,var(--beae-card-prod-background)); border-color: var(--75c3j3-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--75c3j3-shadowHorizontal, var(--beae-card-shadow-x)) var(--75c3j3-shadowVertical, var(--beae-card-shadow-y)) var(--75c3j3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--75c3j3-shadowColor, var(--beae-card-prod-shadow-color)) var(--75c3j3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--75c3j3-background-color,var(--beae-card-pricing-background)); border-color: var(--75c3j3-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--75c3j3-shadowHorizontal, var(--beae-card-shadow-x)) var(--75c3j3-shadowVertical, var(--beae-card-shadow-y)) var(--75c3j3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--75c3j3-shadowColor, var(--beae-card-pricing-shadow-color)) var(--75c3j3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--75c3j3-background-color,var(--beae-card-cta-background)); border-color: var(--75c3j3-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--75c3j3-shadowHorizontal, var(--beae-card-shadow-x)) var(--75c3j3-shadowVertical, var(--beae-card-shadow-y)) var(--75c3j3-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--75c3j3-shadowColor, var(--beae-card-cta-shadow-color)) var(--75c3j3-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-75c3j3"] {     display: flex;     flex-direction: var(--75c3j3-direction, column);     flex-wrap: nowrap;     justify-content: var(--75c3j3-justify-content);     align-items: var(--75c3j3-align-items);     gap: var(--75c3j3-gap, var(--75c3j3-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-75c3j3"] {                            gap: var(--75c3j3-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(--75c3j3-padding-right-tablet, 0px) - var(--75c3j3-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-75c3j3"] {                            gap: var(--75c3j3-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(--75c3j3-padding-right-mobile, 0px) - var(--75c3j3-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-sx51bb"] { --sx51bb-typography: p; --sx51bb-typography-tablet: p; --sx51bb-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-sx51bb"] { margin-top: var(--sx51bb-margin-top, 0px); margin-right: var(--sx51bb-margin-right, 0px); margin-bottom: var(--sx51bb-margin-bottom, 0px); margin-left: var(--sx51bb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--sx51bb-margin-top-tablet, 0px); margin-right: var(--sx51bb-margin-right-tablet, 0px); margin-bottom: var(--sx51bb-margin-bottom-tablet, 0px); margin-left: var(--sx51bb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--sx51bb-margin-top-mobile, 0px); margin-right: var(--sx51bb-margin-right-mobile, 0px); margin-bottom: var(--sx51bb-margin-bottom-mobile, 0px); margin-left: var(--sx51bb-margin-left-mobile, 0px); } }[data-bnode="beae-9mmwts"] { --9mmwts-direction: column; --9mmwts-direction-tablet: column; --9mmwts-direction-mobile: column; --9mmwts-gap: 16px; --9mmwts-gap-tablet: 16px; --9mmwts-gap-mobile: 16px; --9mmwts-padding-top: 0px; --9mmwts-padding-top-tablet: 0px; --9mmwts-padding-top-mobile: 0px; --9mmwts-padding-right: 24px; --9mmwts-padding-right-tablet: 24px; --9mmwts-padding-right-mobile: 20px; --9mmwts-padding-bottom: 20px; --9mmwts-padding-bottom-tablet: 20px; --9mmwts-padding-bottom-mobile: 20px; --9mmwts-padding-left: 24px; --9mmwts-padding-left-tablet: 24px; --9mmwts-padding-left-mobile: 20px; --9mmwts-background-type: color; --9mmwts-background-type-tablet: color; --9mmwts-background-type-mobile: color; --9mmwts-background-color: #413425; --9mmwts-background-color-tablet: #413425; --9mmwts-background-color-mobile: #413425; }[data-bnode="beae-9mmwts"] { padding-top: var(--9mmwts-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9mmwts-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9mmwts-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9mmwts-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9mmwts-padding-top-tablet, var(--9mmwts-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9mmwts-padding-right-tablet, var(--9mmwts-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9mmwts-padding-bottom-tablet, var(--9mmwts-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9mmwts-padding-left-tablet, var(--9mmwts-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9mmwts-padding-top-mobile, var(--9mmwts-padding-top-tablet, var(--9mmwts-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9mmwts-padding-right-mobile, var(--9mmwts-padding-right-tablet, var(--9mmwts-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9mmwts-padding-bottom-mobile, var(--9mmwts-padding-bottom-tablet, var(--9mmwts-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9mmwts-padding-left-mobile, var(--9mmwts-padding-left-tablet, var(--9mmwts-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--9mmwts-position, relative); top: var(--9mmwts-top, auto); right: var(--9mmwts-right, auto); bottom: var(--9mmwts-bottom, auto); left: var(--9mmwts-left, auto); transform: var(--9mmwts-transform, none); z-index: var(--9mmwts-z-index, 10); aspect-ratio: var(--9mmwts-background-imageRatio, auto); background: var(--9mmwts-background-color,transparent); border-style: var(--9mmwts-borderStyle,solid); border-color: var(--9mmwts-borderColor,#000000); border-width: var(--9mmwts-borderWidth-tl,0px) var(--9mmwts-borderWidth-tr,0px) var(--9mmwts-borderWidth-br,0px) var(--9mmwts-borderWidth-bl,0px); border-radius: var(--9mmwts-borderRadius-tl,0px) var(--9mmwts-borderRadius-tr,0px) var(--9mmwts-borderRadius-br,0px) var(--9mmwts-borderRadius-bl,0px); box-shadow: var(--9mmwts-shadowHorizontal, 0px) var(--9mmwts-shadowVertical, 0px) var(--9mmwts-shadowBlur, 0px) 1px color-mix( in srgb, var(--9mmwts-shadowColor, #000000) var(--9mmwts-shadowTransparent, 0%), transparent ); max-width: var(--9mmwts-max-width, 100%); width: 100%; height: if(style(--9mmwts-position: absolute): var(--9mmwts-height,100%); else: unset ); backdrop-filter:blur(var(--9mmwts-background-blur, none)) saturate(var(--9mmwts-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--9mmwts-position-tablet, var(--9mmwts-position, relative)); top: var(--9mmwts-top-tablet, var(--9mmwts-top, auto)); right: var(--9mmwts-right-tablet, var(--9mmwts-right, auto)); bottom: var(--9mmwts-bottom-tablet, var(--9mmwts-bottom, auto)); left: var(--9mmwts-left-tablet, var(--9mmwts-left, auto)); transform: var(--9mmwts-transform-tablet, var(--9mmwts-transform, none)); z-index: var(--9mmwts-z-index-tablet, var(--9mmwts-z-index, 10)); aspect-ratio: var(--9mmwts-background-imageRatio-tablet, var(--9mmwts-background-imageRatio, auto)); border-width: var(--9mmwts-borderWidth-tl-tablet, var(--9mmwts-borderWidth-tl,0px)) var(--9mmwts-borderWidth-tr-tablet,var(--9mmwts-borderWidth-tr,0px)) var(--9mmwts-borderWidth-br-tablet,var(--9mmwts-borderWidth-br,0px)) var(--9mmwts-borderWidth-bl-tablet,var(--9mmwts-borderWidth-bl,0px)); border-radius: var(--9mmwts-borderRadius-tl-tablet,var(--9mmwts-borderRadius-tl,0px)) var(--9mmwts-borderRadius-tr-tablet,var(--9mmwts-borderRadius-tr,0px)) var(--9mmwts-borderRadius-br-tablet,var(--9mmwts-borderRadius-br,0px)) var(--9mmwts-borderRadius-bl-tablet,var(--9mmwts-borderRadius-bl,0px)); max-width: var(--9mmwts-max-width-tablet, var(--9mmwts-max-width, 100%)); height: if(style(--9mmwts-position-tablet: absolute): var(--9mmwts-height-tablet,var(--9mmwts-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--9mmwts-position-mobile, var(--9mmwts-position-tablet, var(--9mmwts-position, relative))); top: var(--9mmwts-top-mobile, var(--9mmwts-top-tablet, var(--9mmwts-top, auto))); right: var(--9mmwts-right-mobile, var(--9mmwts-right-tablet, var(--9mmwts-right, auto))); bottom: var(--9mmwts-bottom-mobile, var(--9mmwts-bottom-tablet, var(--9mmwts-bottom, auto))); left: var(--9mmwts-left-mobile, var(--9mmwts-left-tablet, var(--9mmwts-left, auto))); transform: var(--9mmwts-transform-mobile, var(--9mmwts-transform-tablet, var(--9mmwts-transform, none))); z-index: var(--9mmwts-z-index-mobile, var(--9mmwts-z-index-tablet, var(--9mmwts-z-index, 10))); aspect-ratio: var(--9mmwts-background-imageRatio-mobile, var(--9mmwts-background-imageRatio, auto)); border-width: var(--9mmwts-borderWidth-tl-mobile, var(--9mmwts-borderWidth-tl,0px)) var(--9mmwts-borderWidth-tr-mobile,var(--9mmwts-borderWidth-tr,0px)) var(--9mmwts-borderWidth-br-mobile,var(--9mmwts-borderWidth-br,0px)) var(--9mmwts-borderWidth-bl-mobile,var(--9mmwts-borderWidth-bl,0px)); border-radius: var(--9mmwts-borderRadius-tl-mobile,var(--9mmwts-borderRadius-tl,0px)) var(--9mmwts-borderRadius-tr-mobile,var(--9mmwts-borderRadius-tr,0px)) var(--9mmwts-borderRadius-br-mobile,var(--9mmwts-borderRadius-br,0px)) var(--9mmwts-borderRadius-bl-mobile,var(--9mmwts-borderRadius-bl,0px)); max-width: var(--9mmwts-max-width-mobile, var(--9mmwts-max-width, 100%)); height: if(style(--9mmwts-position-mobile: absolute): var(--9mmwts-height-mobile,var(--9mmwts-height-tablet,,var(--9mmwts-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--9mmwts-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--9mmwts-gap,var(--beae-card-gap)); padding-top: var(--9mmwts-padding-top,var(--beae-card-padding)); padding-right: var(--9mmwts-padding-right,var(--beae-card-padding)); padding-bottom: var(--9mmwts-padding-bottom,var(--beae-card-padding)); padding-left: var(--9mmwts-padding-left,var(--beae-card-padding)); border-width: var(--9mmwts-borderWidth-tl,var(--beae-card-border-width)) var(--9mmwts-borderWidth-tr,var(--beae-card-border-width)) var(--9mmwts-borderWidth-br,var(--beae-card-border-width)) var(--9mmwts-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--9mmwts-borderRadius-tl,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-tr,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-br,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--9mmwts-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--9mmwts-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--9mmwts-gap-tablet,var(--beae-card-gap)); padding-top: var(--9mmwts-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--9mmwts-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--9mmwts-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--9mmwts-padding-left-tablet,var(--beae-card-padding)); border-width: var(--9mmwts-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--9mmwts-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--9mmwts-borderWidth-br-desktop,var(--beae-card-border-width)) var(--9mmwts-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--9mmwts-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--9mmwts-gap-mobile,var(--beae-card-gap)); padding-top: var(--9mmwts-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--9mmwts-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--9mmwts-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--9mmwts-padding-left-mobile,var(--beae-card-padding)); border-width: var(--9mmwts-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--9mmwts-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--9mmwts-borderWidth-br-mobile,var(--beae-card-border-width)) var(--9mmwts-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--9mmwts-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--9mmwts-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--9mmwts-background-color,var(--beae-card-featured-background)); border-color: var(--9mmwts-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--9mmwts-shadowHorizontal, var(--beae-card-shadow-x)) var(--9mmwts-shadowVertical, var(--beae-card-shadow-y)) var(--9mmwts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9mmwts-shadowColor, var(--beae-card-featured-shadow-color)) var(--9mmwts-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--9mmwts-background-color,var(--beae-card-prod-background)); border-color: var(--9mmwts-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--9mmwts-shadowHorizontal, var(--beae-card-shadow-x)) var(--9mmwts-shadowVertical, var(--beae-card-shadow-y)) var(--9mmwts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9mmwts-shadowColor, var(--beae-card-prod-shadow-color)) var(--9mmwts-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--9mmwts-background-color,var(--beae-card-pricing-background)); border-color: var(--9mmwts-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--9mmwts-shadowHorizontal, var(--beae-card-shadow-x)) var(--9mmwts-shadowVertical, var(--beae-card-shadow-y)) var(--9mmwts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9mmwts-shadowColor, var(--beae-card-pricing-shadow-color)) var(--9mmwts-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--9mmwts-background-color,var(--beae-card-cta-background)); border-color: var(--9mmwts-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--9mmwts-shadowHorizontal, var(--beae-card-shadow-x)) var(--9mmwts-shadowVertical, var(--beae-card-shadow-y)) var(--9mmwts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9mmwts-shadowColor, var(--beae-card-cta-shadow-color)) var(--9mmwts-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-9mmwts"] {     display: flex;     flex-direction: var(--9mmwts-direction, column);     flex-wrap: nowrap;     justify-content: var(--9mmwts-justify-content);     align-items: var(--9mmwts-align-items);     gap: var(--9mmwts-gap, var(--9mmwts-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9mmwts"] {                            gap: var(--9mmwts-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(--9mmwts-padding-right-tablet, 0px) - var(--9mmwts-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9mmwts"] {                            gap: var(--9mmwts-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(--9mmwts-padding-right-mobile, 0px) - var(--9mmwts-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-jxhon8"] { --jxhon8-typography: p; --jxhon8-typography-tablet: p; --jxhon8-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-jxhon8"] { margin-top: var(--jxhon8-margin-top, 0px); margin-right: var(--jxhon8-margin-right, 0px); margin-bottom: var(--jxhon8-margin-bottom, 0px); margin-left: var(--jxhon8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jxhon8-margin-top-tablet, 0px); margin-right: var(--jxhon8-margin-right-tablet, 0px); margin-bottom: var(--jxhon8-margin-bottom-tablet, 0px); margin-left: var(--jxhon8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jxhon8-margin-top-mobile, 0px); margin-right: var(--jxhon8-margin-right-mobile, 0px); margin-bottom: var(--jxhon8-margin-bottom-mobile, 0px); margin-left: var(--jxhon8-margin-left-mobile, 0px); } }[data-bnode="beae-b739su"] { --b739su-width: 100%; --b739su-width-tablet: 100%; --b739su-width-mobile: 100%; --b739su-height: 480px; --b739su-height-tablet: 400px; --b739su-height-mobile: 400px; --b739su-padding-top: 0px; --b739su-padding-top-tablet: 0px; --b739su-padding-top-mobile: 0px; --b739su-padding-bottom: 0px; --b739su-padding-bottom-tablet: 0px; --b739su-padding-bottom-mobile: 0px; --b739su-padding-right: 32px; --b739su-padding-right-tablet: 30px; --b739su-padding-right-mobile: 16px; --b739su-padding-left: 32px; --b739su-padding-left-tablet: 30px; --b739su-padding-left-mobile: 16px; --b739su-background-type: image; --b739su-background-type-tablet: image; --b739su-background-type-mobile: image; --b739su-background-image: [object Object]; --b739su-background-image-tablet: [object Object]; --b739su-background-image-mobile: [object Object]; --b739su-background-color: #ffffff; --b739su-background-color-tablet: #ffffff; --b739su-background-color-mobile: #ffffff; --b739su-direction: row; --b739su-direction-tablet: row; --b739su-direction-mobile: row; --b739su-align-items: center; --b739su-align-items-tablet: center; --b739su-align-items-mobile: center; --b739su-justify-content: center; --b739su-justify-content-tablet: center; --b739su-justify-content-mobile: center; }[data-bnode="beae-b739su"] { padding-top: var(--b739su-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--b739su-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--b739su-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--b739su-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--b739su-padding-top-tablet, var(--b739su-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--b739su-padding-right-tablet, var(--b739su-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--b739su-padding-bottom-tablet, var(--b739su-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--b739su-padding-left-tablet, var(--b739su-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--b739su-padding-top-mobile, var(--b739su-padding-top-tablet, var(--b739su-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--b739su-padding-right-mobile, var(--b739su-padding-right-tablet, var(--b739su-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--b739su-padding-bottom-mobile, var(--b739su-padding-bottom-tablet, var(--b739su-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--b739su-padding-left-mobile, var(--b739su-padding-left-tablet, var(--b739su-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--b739su-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--b739su-height); width: 100%; max-width: var(--b739su-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(--b739su-height-tablet, auto); width: 100%; max-width: var(--b739su-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--b739su-height-mobile, auto); width: 100%; max-width: var(--b739su-width-mobile, 100%); } } } }[data-bnode="beae-b739su"] > .beae-section-container{     display: flex;     flex-direction: var(--b739su-direction, column);     flex-wrap: nowrap;     justify-content: var(--b739su-justify-content);     align-items: var(--b739su-align-items);     gap: var(--b739su-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-b739su"] > .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(--b739su-padding-right-tablet, 0px) - var(--b739su-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-b739su"] > .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(--b739su-padding-right-mobile, 0px) - var(--b739su-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7bdvvq"] { --7bdvvq-direction: column; --7bdvvq-direction-tablet: column; --7bdvvq-direction-mobile: column; --7bdvvq-structure: columns; --7bdvvq-structure-tablet: columns; --7bdvvq-structure-mobile: columns; --7bdvvq-align-items: center; --7bdvvq-align-items-tablet: center; --7bdvvq-align-items-mobile: center; --7bdvvq-justify-content: flex-end; --7bdvvq-justify-content-tablet: flex-end; --7bdvvq-justify-content-mobile: flex-end; --7bdvvq-max-width: fit-content; --7bdvvq-gap: 16px; --7bdvvq-gap-tablet: 16px; --7bdvvq-gap-mobile: 12px; --7bdvvq-padding-top: 80px; --7bdvvq-padding-top-tablet: 80px; --7bdvvq-padding-top-mobile: 56px; --7bdvvq-padding-right: 0px; --7bdvvq-padding-right-tablet: 0px; --7bdvvq-padding-right-mobile: 0px; --7bdvvq-padding-bottom: 80px; --7bdvvq-padding-bottom-tablet: 80px; --7bdvvq-padding-bottom-mobile: 56px; --7bdvvq-padding-left: 0px; --7bdvvq-padding-left-tablet: 0px; --7bdvvq-padding-left-mobile: 0px; --7bdvvq-background-0: c; --7bdvvq-background-0-tablet: c; --7bdvvq-background-0-mobile: c; --7bdvvq-background-1: o; --7bdvvq-background-1-tablet: o; --7bdvvq-background-1-mobile: o; --7bdvvq-background-2: l; --7bdvvq-background-2-tablet: l; --7bdvvq-background-2-mobile: l; --7bdvvq-background-3: o; --7bdvvq-background-3-tablet: o; --7bdvvq-background-3-mobile: o; --7bdvvq-background-4: r; --7bdvvq-background-4-tablet: r; --7bdvvq-background-4-mobile: r; --7bdvvq-background-type: color; --7bdvvq-background-type-tablet: color; --7bdvvq-background-type-mobile: color; --7bdvvq-background-color: #fffff; --7bdvvq-background-color-tablet: #fffff; --7bdvvq-background-color-mobile: #fffff; --7bdvvq-background-saturation: 9%; --7bdvvq-background-saturation-tablet: 9%; --7bdvvq-background-saturation-mobile: 9%; }[data-bnode="beae-7bdvvq"] { padding-top: var(--7bdvvq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7bdvvq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7bdvvq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7bdvvq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7bdvvq-padding-top-tablet, var(--7bdvvq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7bdvvq-padding-right-tablet, var(--7bdvvq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7bdvvq-padding-bottom-tablet, var(--7bdvvq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7bdvvq-padding-left-tablet, var(--7bdvvq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7bdvvq-padding-top-mobile, var(--7bdvvq-padding-top-tablet, var(--7bdvvq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7bdvvq-padding-right-mobile, var(--7bdvvq-padding-right-tablet, var(--7bdvvq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7bdvvq-padding-bottom-mobile, var(--7bdvvq-padding-bottom-tablet, var(--7bdvvq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7bdvvq-padding-left-mobile, var(--7bdvvq-padding-left-tablet, var(--7bdvvq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--7bdvvq-position, relative); top: var(--7bdvvq-top, auto); right: var(--7bdvvq-right, auto); bottom: var(--7bdvvq-bottom, auto); left: var(--7bdvvq-left, auto); transform: var(--7bdvvq-transform, none); z-index: var(--7bdvvq-z-index, 10); aspect-ratio: var(--7bdvvq-background-imageRatio, auto); background: var(--7bdvvq-background-color,transparent); border-style: var(--7bdvvq-borderStyle,solid); border-color: var(--7bdvvq-borderColor,#000000); border-width: var(--7bdvvq-borderWidth-tl,0px) var(--7bdvvq-borderWidth-tr,0px) var(--7bdvvq-borderWidth-br,0px) var(--7bdvvq-borderWidth-bl,0px); border-radius: var(--7bdvvq-borderRadius-tl,0px) var(--7bdvvq-borderRadius-tr,0px) var(--7bdvvq-borderRadius-br,0px) var(--7bdvvq-borderRadius-bl,0px); box-shadow: var(--7bdvvq-shadowHorizontal, 0px) var(--7bdvvq-shadowVertical, 0px) var(--7bdvvq-shadowBlur, 0px) 1px color-mix( in srgb, var(--7bdvvq-shadowColor, #000000) var(--7bdvvq-shadowTransparent, 0%), transparent ); max-width: var(--7bdvvq-max-width, 100%); width: 100%; height: if(style(--7bdvvq-position: absolute): var(--7bdvvq-height,100%); else: unset ); backdrop-filter:blur(var(--7bdvvq-background-blur, none)) saturate(var(--7bdvvq-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--7bdvvq-position-tablet, var(--7bdvvq-position, relative)); top: var(--7bdvvq-top-tablet, var(--7bdvvq-top, auto)); right: var(--7bdvvq-right-tablet, var(--7bdvvq-right, auto)); bottom: var(--7bdvvq-bottom-tablet, var(--7bdvvq-bottom, auto)); left: var(--7bdvvq-left-tablet, var(--7bdvvq-left, auto)); transform: var(--7bdvvq-transform-tablet, var(--7bdvvq-transform, none)); z-index: var(--7bdvvq-z-index-tablet, var(--7bdvvq-z-index, 10)); aspect-ratio: var(--7bdvvq-background-imageRatio-tablet, var(--7bdvvq-background-imageRatio, auto)); border-width: var(--7bdvvq-borderWidth-tl-tablet, var(--7bdvvq-borderWidth-tl,0px)) var(--7bdvvq-borderWidth-tr-tablet,var(--7bdvvq-borderWidth-tr,0px)) var(--7bdvvq-borderWidth-br-tablet,var(--7bdvvq-borderWidth-br,0px)) var(--7bdvvq-borderWidth-bl-tablet,var(--7bdvvq-borderWidth-bl,0px)); border-radius: var(--7bdvvq-borderRadius-tl-tablet,var(--7bdvvq-borderRadius-tl,0px)) var(--7bdvvq-borderRadius-tr-tablet,var(--7bdvvq-borderRadius-tr,0px)) var(--7bdvvq-borderRadius-br-tablet,var(--7bdvvq-borderRadius-br,0px)) var(--7bdvvq-borderRadius-bl-tablet,var(--7bdvvq-borderRadius-bl,0px)); max-width: var(--7bdvvq-max-width-tablet, var(--7bdvvq-max-width, 100%)); height: if(style(--7bdvvq-position-tablet: absolute): var(--7bdvvq-height-tablet,var(--7bdvvq-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--7bdvvq-position-mobile, var(--7bdvvq-position-tablet, var(--7bdvvq-position, relative))); top: var(--7bdvvq-top-mobile, var(--7bdvvq-top-tablet, var(--7bdvvq-top, auto))); right: var(--7bdvvq-right-mobile, var(--7bdvvq-right-tablet, var(--7bdvvq-right, auto))); bottom: var(--7bdvvq-bottom-mobile, var(--7bdvvq-bottom-tablet, var(--7bdvvq-bottom, auto))); left: var(--7bdvvq-left-mobile, var(--7bdvvq-left-tablet, var(--7bdvvq-left, auto))); transform: var(--7bdvvq-transform-mobile, var(--7bdvvq-transform-tablet, var(--7bdvvq-transform, none))); z-index: var(--7bdvvq-z-index-mobile, var(--7bdvvq-z-index-tablet, var(--7bdvvq-z-index, 10))); aspect-ratio: var(--7bdvvq-background-imageRatio-mobile, var(--7bdvvq-background-imageRatio, auto)); border-width: var(--7bdvvq-borderWidth-tl-mobile, var(--7bdvvq-borderWidth-tl,0px)) var(--7bdvvq-borderWidth-tr-mobile,var(--7bdvvq-borderWidth-tr,0px)) var(--7bdvvq-borderWidth-br-mobile,var(--7bdvvq-borderWidth-br,0px)) var(--7bdvvq-borderWidth-bl-mobile,var(--7bdvvq-borderWidth-bl,0px)); border-radius: var(--7bdvvq-borderRadius-tl-mobile,var(--7bdvvq-borderRadius-tl,0px)) var(--7bdvvq-borderRadius-tr-mobile,var(--7bdvvq-borderRadius-tr,0px)) var(--7bdvvq-borderRadius-br-mobile,var(--7bdvvq-borderRadius-br,0px)) var(--7bdvvq-borderRadius-bl-mobile,var(--7bdvvq-borderRadius-bl,0px)); max-width: var(--7bdvvq-max-width-mobile, var(--7bdvvq-max-width, 100%)); height: if(style(--7bdvvq-position-mobile: absolute): var(--7bdvvq-height-mobile,var(--7bdvvq-height-tablet,,var(--7bdvvq-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7bdvvq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--7bdvvq-gap,var(--beae-card-gap)); padding-top: var(--7bdvvq-padding-top,var(--beae-card-padding)); padding-right: var(--7bdvvq-padding-right,var(--beae-card-padding)); padding-bottom: var(--7bdvvq-padding-bottom,var(--beae-card-padding)); padding-left: var(--7bdvvq-padding-left,var(--beae-card-padding)); border-width: var(--7bdvvq-borderWidth-tl,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-tr,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-br,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7bdvvq-borderRadius-tl,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-tr,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-br,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--7bdvvq-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--7bdvvq-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--7bdvvq-gap-tablet,var(--beae-card-gap)); padding-top: var(--7bdvvq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7bdvvq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7bdvvq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7bdvvq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7bdvvq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7bdvvq-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--7bdvvq-gap-mobile,var(--beae-card-gap)); padding-top: var(--7bdvvq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7bdvvq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7bdvvq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7bdvvq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7bdvvq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7bdvvq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7bdvvq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7bdvvq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7bdvvq-background-color,var(--beae-card-featured-background)); border-color: var(--7bdvvq-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--7bdvvq-shadowHorizontal, var(--beae-card-shadow-x)) var(--7bdvvq-shadowVertical, var(--beae-card-shadow-y)) var(--7bdvvq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7bdvvq-shadowColor, var(--beae-card-featured-shadow-color)) var(--7bdvvq-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--7bdvvq-background-color,var(--beae-card-prod-background)); border-color: var(--7bdvvq-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--7bdvvq-shadowHorizontal, var(--beae-card-shadow-x)) var(--7bdvvq-shadowVertical, var(--beae-card-shadow-y)) var(--7bdvvq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7bdvvq-shadowColor, var(--beae-card-prod-shadow-color)) var(--7bdvvq-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--7bdvvq-background-color,var(--beae-card-pricing-background)); border-color: var(--7bdvvq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--7bdvvq-shadowHorizontal, var(--beae-card-shadow-x)) var(--7bdvvq-shadowVertical, var(--beae-card-shadow-y)) var(--7bdvvq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7bdvvq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--7bdvvq-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--7bdvvq-background-color,var(--beae-card-cta-background)); border-color: var(--7bdvvq-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--7bdvvq-shadowHorizontal, var(--beae-card-shadow-x)) var(--7bdvvq-shadowVertical, var(--beae-card-shadow-y)) var(--7bdvvq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7bdvvq-shadowColor, var(--beae-card-cta-shadow-color)) var(--7bdvvq-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-7bdvvq"] {     display: flex;     flex-direction: var(--7bdvvq-direction, column);     flex-wrap: nowrap;     justify-content: var(--7bdvvq-justify-content);     align-items: var(--7bdvvq-align-items);     gap: var(--7bdvvq-gap, var(--7bdvvq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7bdvvq"] {                            gap: var(--7bdvvq-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(--7bdvvq-padding-right-tablet, 0px) - var(--7bdvvq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7bdvvq"] {                      align-items: var(--7bdvvq-align-items-mobile, inherit);      gap: var(--7bdvvq-gap-mobile, var(--7bdvvq-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(--7bdvvq-padding-right-mobile, 0px) - var(--7bdvvq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-xxk4cv"] { --xxk4cv-direction: row; --xxk4cv-direction-tablet: row; --xxk4cv-direction-mobile: row; --xxk4cv-structure: columns; --xxk4cv-structure-tablet: columns; --xxk4cv-structure-mobile: columns; --xxk4cv-max-width: fit-content; --xxk4cv-max-width-tablet: fit-content; --xxk4cv-max-width-mobile: fit-content; --xxk4cv-padding-top: 6px; --xxk4cv-padding-top-tablet: 6px; --xxk4cv-padding-top-mobile: 6px; --xxk4cv-padding-right: 12px; --xxk4cv-padding-right-tablet: 12px; --xxk4cv-padding-right-mobile: 12px; --xxk4cv-padding-bottom: 6px; --xxk4cv-padding-bottom-tablet: 6px; --xxk4cv-padding-bottom-mobile: 6px; --xxk4cv-padding-left: 12px; --xxk4cv-padding-left-tablet: 12px; --xxk4cv-padding-left-mobile: 12px; --xxk4cv-background-type: color; --xxk4cv-background-type-tablet: color; --xxk4cv-background-type-mobile: color; --xxk4cv-background-color: #FFDC83; --xxk4cv-background-color-tablet: #FFDC83; --xxk4cv-background-color-mobile: #FFDC83; --xxk4cv-borderRadius-tl: 9999px; --xxk4cv-borderRadius-tl-tablet: 9999px; --xxk4cv-borderRadius-tl-mobile: 9999px; --xxk4cv-borderRadius-tr: 9999px; --xxk4cv-borderRadius-tr-tablet: 9999px; --xxk4cv-borderRadius-tr-mobile: 9999px; --xxk4cv-borderRadius-bl: 9999px; --xxk4cv-borderRadius-bl-tablet: 9999px; --xxk4cv-borderRadius-bl-mobile: 9999px; --xxk4cv-borderRadius-br: 9999px; --xxk4cv-borderRadius-br-tablet: 9999px; --xxk4cv-borderRadius-br-mobile: 9999px; }[data-bnode="beae-xxk4cv"] { padding-top: var(--xxk4cv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xxk4cv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xxk4cv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xxk4cv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xxk4cv-padding-top-tablet, var(--xxk4cv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xxk4cv-padding-right-tablet, var(--xxk4cv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xxk4cv-padding-bottom-tablet, var(--xxk4cv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xxk4cv-padding-left-tablet, var(--xxk4cv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xxk4cv-padding-top-mobile, var(--xxk4cv-padding-top-tablet, var(--xxk4cv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xxk4cv-padding-right-mobile, var(--xxk4cv-padding-right-tablet, var(--xxk4cv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xxk4cv-padding-bottom-mobile, var(--xxk4cv-padding-bottom-tablet, var(--xxk4cv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xxk4cv-padding-left-mobile, var(--xxk4cv-padding-left-tablet, var(--xxk4cv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--xxk4cv-position, relative); top: var(--xxk4cv-top, auto); right: var(--xxk4cv-right, auto); bottom: var(--xxk4cv-bottom, auto); left: var(--xxk4cv-left, auto); transform: var(--xxk4cv-transform, none); z-index: var(--xxk4cv-z-index, 10); aspect-ratio: var(--xxk4cv-background-imageRatio, auto); background: var(--xxk4cv-background-color,transparent); border-style: var(--xxk4cv-borderStyle,solid); border-color: var(--xxk4cv-borderColor,#000000); border-width: var(--xxk4cv-borderWidth-tl,0px) var(--xxk4cv-borderWidth-tr,0px) var(--xxk4cv-borderWidth-br,0px) var(--xxk4cv-borderWidth-bl,0px); border-radius: var(--xxk4cv-borderRadius-tl,0px) var(--xxk4cv-borderRadius-tr,0px) var(--xxk4cv-borderRadius-br,0px) var(--xxk4cv-borderRadius-bl,0px); box-shadow: var(--xxk4cv-shadowHorizontal, 0px) var(--xxk4cv-shadowVertical, 0px) var(--xxk4cv-shadowBlur, 0px) 1px color-mix( in srgb, var(--xxk4cv-shadowColor, #000000) var(--xxk4cv-shadowTransparent, 0%), transparent ); max-width: var(--xxk4cv-max-width, 100%); width: 100%; height: if(style(--xxk4cv-position: absolute): var(--xxk4cv-height,100%); else: unset ); backdrop-filter:blur(var(--xxk4cv-background-blur, none)) saturate(var(--xxk4cv-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--xxk4cv-position-tablet, var(--xxk4cv-position, relative)); top: var(--xxk4cv-top-tablet, var(--xxk4cv-top, auto)); right: var(--xxk4cv-right-tablet, var(--xxk4cv-right, auto)); bottom: var(--xxk4cv-bottom-tablet, var(--xxk4cv-bottom, auto)); left: var(--xxk4cv-left-tablet, var(--xxk4cv-left, auto)); transform: var(--xxk4cv-transform-tablet, var(--xxk4cv-transform, none)); z-index: var(--xxk4cv-z-index-tablet, var(--xxk4cv-z-index, 10)); aspect-ratio: var(--xxk4cv-background-imageRatio-tablet, var(--xxk4cv-background-imageRatio, auto)); border-width: var(--xxk4cv-borderWidth-tl-tablet, var(--xxk4cv-borderWidth-tl,0px)) var(--xxk4cv-borderWidth-tr-tablet,var(--xxk4cv-borderWidth-tr,0px)) var(--xxk4cv-borderWidth-br-tablet,var(--xxk4cv-borderWidth-br,0px)) var(--xxk4cv-borderWidth-bl-tablet,var(--xxk4cv-borderWidth-bl,0px)); border-radius: var(--xxk4cv-borderRadius-tl-tablet,var(--xxk4cv-borderRadius-tl,0px)) var(--xxk4cv-borderRadius-tr-tablet,var(--xxk4cv-borderRadius-tr,0px)) var(--xxk4cv-borderRadius-br-tablet,var(--xxk4cv-borderRadius-br,0px)) var(--xxk4cv-borderRadius-bl-tablet,var(--xxk4cv-borderRadius-bl,0px)); max-width: var(--xxk4cv-max-width-tablet, var(--xxk4cv-max-width, 100%)); height: if(style(--xxk4cv-position-tablet: absolute): var(--xxk4cv-height-tablet,var(--xxk4cv-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--xxk4cv-position-mobile, var(--xxk4cv-position-tablet, var(--xxk4cv-position, relative))); top: var(--xxk4cv-top-mobile, var(--xxk4cv-top-tablet, var(--xxk4cv-top, auto))); right: var(--xxk4cv-right-mobile, var(--xxk4cv-right-tablet, var(--xxk4cv-right, auto))); bottom: var(--xxk4cv-bottom-mobile, var(--xxk4cv-bottom-tablet, var(--xxk4cv-bottom, auto))); left: var(--xxk4cv-left-mobile, var(--xxk4cv-left-tablet, var(--xxk4cv-left, auto))); transform: var(--xxk4cv-transform-mobile, var(--xxk4cv-transform-tablet, var(--xxk4cv-transform, none))); z-index: var(--xxk4cv-z-index-mobile, var(--xxk4cv-z-index-tablet, var(--xxk4cv-z-index, 10))); aspect-ratio: var(--xxk4cv-background-imageRatio-mobile, var(--xxk4cv-background-imageRatio, auto)); border-width: var(--xxk4cv-borderWidth-tl-mobile, var(--xxk4cv-borderWidth-tl,0px)) var(--xxk4cv-borderWidth-tr-mobile,var(--xxk4cv-borderWidth-tr,0px)) var(--xxk4cv-borderWidth-br-mobile,var(--xxk4cv-borderWidth-br,0px)) var(--xxk4cv-borderWidth-bl-mobile,var(--xxk4cv-borderWidth-bl,0px)); border-radius: var(--xxk4cv-borderRadius-tl-mobile,var(--xxk4cv-borderRadius-tl,0px)) var(--xxk4cv-borderRadius-tr-mobile,var(--xxk4cv-borderRadius-tr,0px)) var(--xxk4cv-borderRadius-br-mobile,var(--xxk4cv-borderRadius-br,0px)) var(--xxk4cv-borderRadius-bl-mobile,var(--xxk4cv-borderRadius-bl,0px)); max-width: var(--xxk4cv-max-width-mobile, var(--xxk4cv-max-width, 100%)); height: if(style(--xxk4cv-position-mobile: absolute): var(--xxk4cv-height-mobile,var(--xxk4cv-height-tablet,,var(--xxk4cv-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xxk4cv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--xxk4cv-gap,var(--beae-card-gap)); padding-top: var(--xxk4cv-padding-top,var(--beae-card-padding)); padding-right: var(--xxk4cv-padding-right,var(--beae-card-padding)); padding-bottom: var(--xxk4cv-padding-bottom,var(--beae-card-padding)); padding-left: var(--xxk4cv-padding-left,var(--beae-card-padding)); border-width: var(--xxk4cv-borderWidth-tl,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-tr,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-br,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xxk4cv-borderRadius-tl,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-tr,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-br,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--xxk4cv-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--xxk4cv-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--xxk4cv-gap-tablet,var(--beae-card-gap)); padding-top: var(--xxk4cv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xxk4cv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xxk4cv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xxk4cv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xxk4cv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xxk4cv-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--xxk4cv-gap-mobile,var(--beae-card-gap)); padding-top: var(--xxk4cv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xxk4cv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xxk4cv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xxk4cv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xxk4cv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xxk4cv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xxk4cv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xxk4cv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xxk4cv-background-color,var(--beae-card-featured-background)); border-color: var(--xxk4cv-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--xxk4cv-shadowHorizontal, var(--beae-card-shadow-x)) var(--xxk4cv-shadowVertical, var(--beae-card-shadow-y)) var(--xxk4cv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xxk4cv-shadowColor, var(--beae-card-featured-shadow-color)) var(--xxk4cv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--xxk4cv-background-color,var(--beae-card-prod-background)); border-color: var(--xxk4cv-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--xxk4cv-shadowHorizontal, var(--beae-card-shadow-x)) var(--xxk4cv-shadowVertical, var(--beae-card-shadow-y)) var(--xxk4cv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xxk4cv-shadowColor, var(--beae-card-prod-shadow-color)) var(--xxk4cv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--xxk4cv-background-color,var(--beae-card-pricing-background)); border-color: var(--xxk4cv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--xxk4cv-shadowHorizontal, var(--beae-card-shadow-x)) var(--xxk4cv-shadowVertical, var(--beae-card-shadow-y)) var(--xxk4cv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xxk4cv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--xxk4cv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--xxk4cv-background-color,var(--beae-card-cta-background)); border-color: var(--xxk4cv-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--xxk4cv-shadowHorizontal, var(--beae-card-shadow-x)) var(--xxk4cv-shadowVertical, var(--beae-card-shadow-y)) var(--xxk4cv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xxk4cv-shadowColor, var(--beae-card-cta-shadow-color)) var(--xxk4cv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-xxk4cv"] {     display: flex;     flex-direction: var(--xxk4cv-direction, column);     flex-wrap: nowrap;     justify-content: var(--xxk4cv-justify-content);     align-items: var(--xxk4cv-align-items);     gap: var(--xxk4cv-gap, var(--xxk4cv-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(--xxk4cv-padding-right, 0px) - var(--xxk4cv-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xxk4cv"] {                            gap: var(--xxk4cv-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(--xxk4cv-padding-right-tablet, 0px) - var(--xxk4cv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xxk4cv"] {                            gap: var(--xxk4cv-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(--xxk4cv-padding-right-mobile, 0px) - var(--xxk4cv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-bl2fiw"] { --bl2fiw-typography: p; --bl2fiw-typography-tablet: p; --bl2fiw-typography-mobile: p; --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #100D09; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; }[data-bnode="beae-bl2fiw"] { margin-top: var(--bl2fiw-margin-top, 0px); margin-right: var(--bl2fiw-margin-right, 0px); margin-bottom: var(--bl2fiw-margin-bottom, 0px); margin-left: var(--bl2fiw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bl2fiw-margin-top-tablet, 0px); margin-right: var(--bl2fiw-margin-right-tablet, 0px); margin-bottom: var(--bl2fiw-margin-bottom-tablet, 0px); margin-left: var(--bl2fiw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bl2fiw-margin-top-mobile, 0px); margin-right: var(--bl2fiw-margin-right-mobile, 0px); margin-bottom: var(--bl2fiw-margin-bottom-mobile, 0px); margin-left: var(--bl2fiw-margin-left-mobile, 0px); } }[data-bnode="beae-9p86ll"] { --9p86ll-typography: h2; --9p86ll-typography-tablet: h2; --9p86ll-typography-mobile: h2; --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #ff00a3; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --9p86ll-margin-top: 4px; --9p86ll-margin-top-tablet: 4px; --9p86ll-margin-top-mobile: 4px; --9p86ll-margin-right: 0px; --9p86ll-margin-right-tablet: 0px; --9p86ll-margin-right-mobile: 0px; --9p86ll-margin-bottom: 0px; --9p86ll-margin-bottom-tablet: 0px; --9p86ll-margin-bottom-mobile: 0px; --9p86ll-margin-left: 0px; --9p86ll-margin-left-tablet: 0px; --9p86ll-margin-left-mobile: 0px; --beae-h2-text-align: center; }[data-bnode="beae-9p86ll"] { margin-top: var(--9p86ll-margin-top, 0px); margin-right: var(--9p86ll-margin-right, 0px); margin-bottom: var(--9p86ll-margin-bottom, 0px); margin-left: var(--9p86ll-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9p86ll-margin-top-tablet, 0px); margin-right: var(--9p86ll-margin-right-tablet, 0px); margin-bottom: var(--9p86ll-margin-bottom-tablet, 0px); margin-left: var(--9p86ll-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9p86ll-margin-top-mobile, 0px); margin-right: var(--9p86ll-margin-right-mobile, 0px); margin-bottom: var(--9p86ll-margin-bottom-mobile, 0px); margin-left: var(--9p86ll-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--9p86ll-highlightColor,var(--beae-p-color)); top: var(--9p86ll-highlightTop, 100%); } }[data-bnode="beae-2a6ibp"] { --2a6ibp-typography: p; --2a6ibp-typography-tablet: p; --2a6ibp-typography-mobile: p; --2a6ibp-margin-top: 0px; --2a6ibp-margin-top-tablet: 0px; --2a6ibp-margin-top-mobile: 0px; --2a6ibp-margin-right: 0px; --2a6ibp-margin-right-tablet: 0px; --2a6ibp-margin-right-mobile: 0px; --2a6ibp-margin-bottom: 0px; --2a6ibp-margin-bottom-tablet: 0px; --2a6ibp-margin-bottom-mobile: 0px; --2a6ibp-margin-left: 0px; --2a6ibp-margin-left-tablet: 0px; --2a6ibp-margin-left-mobile: 0px; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #f6f2ef; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --beae-p-text-align: center; }[data-bnode="beae-2a6ibp"] { margin-top: var(--2a6ibp-margin-top, 0px); margin-right: var(--2a6ibp-margin-right, 0px); margin-bottom: var(--2a6ibp-margin-bottom, 0px); margin-left: var(--2a6ibp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2a6ibp-margin-top-tablet, 0px); margin-right: var(--2a6ibp-margin-right-tablet, 0px); margin-bottom: var(--2a6ibp-margin-bottom-tablet, 0px); margin-left: var(--2a6ibp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2a6ibp-margin-top-mobile, 0px); margin-right: var(--2a6ibp-margin-right-mobile, 0px); margin-bottom: var(--2a6ibp-margin-bottom-mobile, 0px); margin-left: var(--2a6ibp-margin-left-mobile, 0px); } }[data-bnode="beae-dzybu6"] { --dzybu6-width: fill; --dzybu6-width-tablet: fill; --dzybu6-width-mobile: fill; --dzybu6-button: se; --dzybu6-button-tablet: se; --dzybu6-button-mobile: se; }[data-bnode="beae-dzybu6"] { margin-top: var(--dzybu6-margin-top, 0px); margin-right: var(--dzybu6-margin-right, 0px); margin-bottom: var(--dzybu6-margin-bottom, 0px); margin-left: var(--dzybu6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dzybu6-margin-top-tablet, 0px); margin-right: var(--dzybu6-margin-right-tablet, 0px); margin-bottom: var(--dzybu6-margin-bottom-tablet, 0px); margin-left: var(--dzybu6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dzybu6-margin-top-mobile, 0px); margin-right: var(--dzybu6-margin-right-mobile, 0px); margin-bottom: var(--dzybu6-margin-bottom-mobile, 0px); margin-left: var(--dzybu6-margin-left-mobile, 0px); } &{ gap:var(--dzybu6-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--dzybu6-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--dzybu6-bgBtnHover)) * 1%)); style(--dzybu6-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--dzybu6-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--dzybu6-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--dzybu6-labelBtnHover)) * 1%)); style(--dzybu6-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--dzybu6-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--dzybu6-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--dzybu6-borderBtnHover)) * 1%)); style(--dzybu6-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--dzybu6-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--dzybu6-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--dzybu6-bgBtnHover)) * 1%)); style(--dzybu6-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--dzybu6-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--dzybu6-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--dzybu6-labelBtnHover)) * 1%)); style(--dzybu6-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--dzybu6-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--dzybu6-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--dzybu6-borderBtnHover)) * 1%)); style(--dzybu6-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--dzybu6-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--dzybu6-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--dzybu6-labelBtnHover)) * 1%)); style(--dzybu6-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--dzybu6-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--dzybu6-iconWidth); } svg { width: var(--dzybu6-iconWidth,20px); min-width: var(--dzybu6-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--dzybu6-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--dzybu6-iconWidth-tablet, var(--dzybu6-iconWidth)); } svg { width: var(--dzybu6-iconWidth-tablet, var(--dzybu6-iconWidth)); min-width: var(--dzybu6-iconWidth-tablet, var(--dzybu6-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--dzybu6-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--dzybu6-iconWidth-mobile, var(--dzybu6-iconWidth)); } svg { width: var(--dzybu6-iconWidth-mobile, var(--dzybu6-iconWidth)); min-width: var(--dzybu6-iconWidth-mobile, var(--dzybu6-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }