/** Shopify CDN: Minification failed

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

**/

*{
  box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

          --color-scheme-text-50: #f2f2f2;
--color-scheme-text-100: #e6e6e6;
--color-scheme-text-200: #cccccc;
--color-scheme-text-300: #b3b3b3;
--color-scheme-text-400: #999999;
--color-scheme-text-500: #808080;
--color-scheme-text-600: #666666;
--color-scheme-text-700: #4d4d4d;
--color-scheme-text-800: #333333;
--color-scheme-text-900: #1a1a1a;
--color-scheme-text-950: #0d0d0d;
        }
--beae-h1-font-family: Assistant;
--beae-h1-font-size: 56px;
--beae-h1-font-weight: 600;
--beae-h1-line-height: 1.1;
--beae-h1-letter-spacing: -0.02px;
--beae-h1-text-transform: capitalize;
--beae-h1-font-style: normal;
--beae-h1-text-align: start;
--beae-h1-color: var(--beae-heading-color);
--beae-h2-font-family: Assistant;
--beae-h2-font-size: 40px;
--beae-h2-font-weight: 600;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h2-text-transform: capitalize;
--beae-h2-font-style: normal;
--beae-h2-text-align: start;
--beae-h2-color: var(--beae-heading-color);
--beae-h3-font-family: Assistant;
--beae-h3-font-size: 32px;
--beae-h3-font-weight: 600;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h3-text-transform: capitalize;
--beae-h3-font-style: normal;
--beae-h3-text-align: start;
--beae-h3-color: var(--beae-heading-color);
--beae-h4-font-family: Assistant;
--beae-h4-font-size: 24px;
--beae-h4-font-weight: 600;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h4-text-transform: capitalize;
--beae-h4-font-style: normal;
--beae-h4-text-align: start;
--beae-h4-color: var(--beae-heading-color);
--beae-h5-font-family: Assistant;
--beae-h5-font-size: 20px;
--beae-h5-font-weight: 600;
--beae-h5-line-height: 1.4;
--beae-h5-letter-spacing: 0px;
--beae-h5-text-transform: capitalize;
--beae-h5-font-style: normal;
--beae-h5-text-align: start;
--beae-h5-color: var(--beae-heading-color);
--beae-p-font-family: Assistant;
--beae-p-font-size: 18px;
--beae-p-font-weight: 400;
--beae-p-line-height: 1.6;
--beae-p-letter-spacing: 0px;
--beae-p-text-transform: none;
--beae-p-font-style: normal;
--beae-p-text-align: start;
--beae-p-color: var(--beae-text-color);
--beae-p2-font-family: Assistant;
--beae-p2-font-size: 16px;
--beae-p2-font-weight: 400;
--beae-p2-line-height: 1.6;
--beae-p2-letter-spacing: 0px;
--beae-p2-text-transform: none;
--beae-p2-font-style: normal;
--beae-p2-text-align: start;
--beae-p2-color: var(--beae-text-color);
--beae-p3-font-family: Assistant;
--beae-p3-font-size: 14px;
--beae-p3-font-weight: 400;
--beae-p3-line-height: 1.5;
--beae-p3-letter-spacing: 0px;
--beae-p3-text-transform: none;
--beae-p3-font-style: normal;
--beae-p3-text-align: start;
--beae-p3-color: var(--beae-text-color);
--beae-eyebrow-font-family: Assistant;
--beae-eyebrow-font-size: 13px;
--beae-eyebrow-font-weight: 500;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-eyebrow-text-transform: uppercase;
--beae-eyebrow-font-style: normal;
--beae-eyebrow-text-align: start;
--beae-eyebrow-color: var(--beae-text-color);
--beae-btn-font-size: 15px;
--beae-btn-font-weight: 400;
--beae-btn-letter-spacing: 1px;
--beae-btn-text-transform: uppercase;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-border-radius: 0px;
--beae-btn-transition-hover: 150ms;
--beae-btn-pr-border-width: 1px;
--beae-btn-pr-shadow-x: 0px;
--beae-btn-pr-shadow-y: 0px;
--beae-btn-pr-shadow-blur: 0px;
--beae-btn-pr-shadow-transparent: 0%;
--beae-btn-se-border-width: 1px;
--beae-btn-se-shadow-x: 0px;
--beae-btn-se-shadow-y: 0px;
--beae-btn-se-shadow-blur: 0px;
--beae-btn-se-shadow-transparent: 0%;
--beae-btn-te-underline: underline;
--beae-btn-te-underline-offset: 5px; }
    @media (min-width: 767.79px) and (max-width: 1180px) { :root{ --beae-h1-font-size: 48px;
--beae-h1-line-height: 1.12;
--beae-h1-letter-spacing: -0.02px;
--beae-h2-font-size: 36px;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h3-font-size: 28px;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h4-font-size: 22px;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h5-font-size: 19px;
--beae-h5-line-height: 1.4;
--beae-p-font-size: 18px;
--beae-p-line-height: 1.6;
--beae-p2-font-size: 16px;
--beae-p2-line-height: 1.6;
--beae-p3-font-size: 14px;
--beae-p3-line-height: 1.5;
--beae-eyebrow-font-size: 13px;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-btn-font-size: 15px;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-pr-border-width: 1px;
--beae-btn-se-border-width: 1px; }}
    @media (max-width: 767px) { :root{ --beae-h1-font-size: 40px;
--beae-h1-line-height: 1.15;
--beae-h1-letter-spacing: -0.02px;
--beae-h2-font-size: 32px;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h3-font-size: 26px;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h4-font-size: 20px;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h5-font-size: 18px;
--beae-h5-line-height: 1.4;
--beae-p-font-size: 17px;
--beae-p-line-height: 1.6;
--beae-p2-font-size: 15px;
--beae-p2-line-height: 1.6;
--beae-p3-font-size: 13px;
--beae-p3-line-height: 1.5;
--beae-eyebrow-font-size: 12px;
--beae-eyebrow-line-height: 1.4;
--beae-eyebrow-letter-spacing: 0.08px;
--beae-btn-font-size: 15px;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-pr-border-width: 1px;
--beae-btn-se-border-width: 1px; }}
    
        .beae-featured-card{
          --beae-card-gap: 4px;
          --beae-card-padding: 4px;
          --beae-card-border-width: 0px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 8px;
          --beae-card-shadow-blur: 24px;
          --beae-card-shadow-transparent: 0%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-product-card{
          --beae-card-gap: 3px;
          --beae-card-padding: 4px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 8px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 1px;
          --beae-card-shadow-blur: 3px;
          --beae-card-shadow-transparent: 0%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-pricing-card{
          --beae-card-gap: 5px;
          --beae-card-padding: 8px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 4px;
          --beae-card-shadow-blur: 12px;
          --beae-card-shadow-transparent: 8%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-cta-card{
          --beae-card-gap: 4px;
          --beae-card-padding: 10px;
          --beae-card-border-width: 1px;
          --beae-card-border-radius: 12px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 2px;
          --beae-card-shadow-blur: 8px;
          --beae-card-shadow-transparent: 6%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
        .beae-media-card{
          --beae-card-gap: 0px;
          --beae-card-padding: 0px;
          --beae-card-border-width: 0px;
          --beae-card-border-radius: 8px;
          --beae-card-shadow-x: 0px;
          --beae-card-shadow-y: 4px;
          --beae-card-shadow-blur: 12px;
          --beae-card-shadow-transparent: 8%;
          --beae-card-backdrop-blur: 0px;
          --beae-card-backdrop-saturate: 0%;
        }
      
          .beae-h1 {
            font-family: var(--beae-h1-font-family);
            font-size: var(--beae-h1-font-size);
            font-weight: var(--beae-h1-font-weight);
            line-height: var(--beae-h1-line-height);
            letter-spacing: var(--beae-h1-letter-spacing);
            text-transform: var(--beae-h1-text-transform);
            font-style: var(--beae-h1-font-style);
            text-align: var(--beae-h1-text-align, start);
            color: var(--beae-h1-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h1 {
              font-size: var(--beae-h1-font-size-tablet, var(--beae-h1-font-size));
              line-height: var(--beae-h1-line-height-tablet, var(--beae-h1-line-height));
              letter-spacing: var(--beae-h1-letter-spacing-tablet, var(--beae-h1-letter-spacing));
              text-align: var(--beae-h1-text-align-tablet, var(--beae-h1-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h1 {
              font-size: var(--beae-h1-font-size-mobile, var(--beae-h1-font-size));
              line-height: var(--beae-h1-line-height-mobile, var(--beae-h1-line-height));
              letter-spacing: var(--beae-h1-letter-spacing-mobile, var(--beae-h1-letter-spacing));
              text-align: var(--beae-h1-text-align-mobile, var(--beae-h1-text-align, start));
            }
          }
        
          .beae-h2 {
            font-family: var(--beae-h2-font-family);
            font-size: var(--beae-h2-font-size);
            font-weight: var(--beae-h2-font-weight);
            line-height: var(--beae-h2-line-height);
            letter-spacing: var(--beae-h2-letter-spacing);
            text-transform: var(--beae-h2-text-transform);
            font-style: var(--beae-h2-font-style);
            text-align: var(--beae-h2-text-align, start);
            color: var(--beae-h2-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h2 {
              font-size: var(--beae-h2-font-size-tablet, var(--beae-h2-font-size));
              line-height: var(--beae-h2-line-height-tablet, var(--beae-h2-line-height));
              letter-spacing: var(--beae-h2-letter-spacing-tablet, var(--beae-h2-letter-spacing));
              text-align: var(--beae-h2-text-align-tablet, var(--beae-h2-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h2 {
              font-size: var(--beae-h2-font-size-mobile, var(--beae-h2-font-size));
              line-height: var(--beae-h2-line-height-mobile, var(--beae-h2-line-height));
              letter-spacing: var(--beae-h2-letter-spacing-mobile, var(--beae-h2-letter-spacing));
              text-align: var(--beae-h2-text-align-mobile, var(--beae-h2-text-align, start));
            }
          }
        
          .beae-h3 {
            font-family: var(--beae-h3-font-family);
            font-size: var(--beae-h3-font-size);
            font-weight: var(--beae-h3-font-weight);
            line-height: var(--beae-h3-line-height);
            letter-spacing: var(--beae-h3-letter-spacing);
            text-transform: var(--beae-h3-text-transform);
            font-style: var(--beae-h3-font-style);
            text-align: var(--beae-h3-text-align, start);
            color: var(--beae-h3-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h3 {
              font-size: var(--beae-h3-font-size-tablet, var(--beae-h3-font-size));
              line-height: var(--beae-h3-line-height-tablet, var(--beae-h3-line-height));
              letter-spacing: var(--beae-h3-letter-spacing-tablet, var(--beae-h3-letter-spacing));
              text-align: var(--beae-h3-text-align-tablet, var(--beae-h3-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h3 {
              font-size: var(--beae-h3-font-size-mobile, var(--beae-h3-font-size));
              line-height: var(--beae-h3-line-height-mobile, var(--beae-h3-line-height));
              letter-spacing: var(--beae-h3-letter-spacing-mobile, var(--beae-h3-letter-spacing));
              text-align: var(--beae-h3-text-align-mobile, var(--beae-h3-text-align, start));
            }
          }
        
          .beae-h4 {
            font-family: var(--beae-h4-font-family);
            font-size: var(--beae-h4-font-size);
            font-weight: var(--beae-h4-font-weight);
            line-height: var(--beae-h4-line-height);
            letter-spacing: var(--beae-h4-letter-spacing);
            text-transform: var(--beae-h4-text-transform);
            font-style: var(--beae-h4-font-style);
            text-align: var(--beae-h4-text-align, start);
            color: var(--beae-h4-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h4 {
              font-size: var(--beae-h4-font-size-tablet, var(--beae-h4-font-size));
              line-height: var(--beae-h4-line-height-tablet, var(--beae-h4-line-height));
              letter-spacing: var(--beae-h4-letter-spacing-tablet, var(--beae-h4-letter-spacing));
              text-align: var(--beae-h4-text-align-tablet, var(--beae-h4-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h4 {
              font-size: var(--beae-h4-font-size-mobile, var(--beae-h4-font-size));
              line-height: var(--beae-h4-line-height-mobile, var(--beae-h4-line-height));
              letter-spacing: var(--beae-h4-letter-spacing-mobile, var(--beae-h4-letter-spacing));
              text-align: var(--beae-h4-text-align-mobile, var(--beae-h4-text-align, start));
            }
          }
        
          .beae-h5 {
            font-family: var(--beae-h5-font-family);
            font-size: var(--beae-h5-font-size);
            font-weight: var(--beae-h5-font-weight);
            line-height: var(--beae-h5-line-height);
            letter-spacing: var(--beae-h5-letter-spacing);
            text-transform: var(--beae-h5-text-transform);
            font-style: var(--beae-h5-font-style);
            text-align: var(--beae-h5-text-align, start);
            color: var(--beae-h5-color, var(--beae-heading-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-h5 {
              font-size: var(--beae-h5-font-size-tablet, var(--beae-h5-font-size));
              line-height: var(--beae-h5-line-height-tablet, var(--beae-h5-line-height));
              letter-spacing: var(--beae-h5-letter-spacing-tablet, var(--beae-h5-letter-spacing));
              text-align: var(--beae-h5-text-align-tablet, var(--beae-h5-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-h5 {
              font-size: var(--beae-h5-font-size-mobile, var(--beae-h5-font-size));
              line-height: var(--beae-h5-line-height-mobile, var(--beae-h5-line-height));
              letter-spacing: var(--beae-h5-letter-spacing-mobile, var(--beae-h5-letter-spacing));
              text-align: var(--beae-h5-text-align-mobile, var(--beae-h5-text-align, start));
            }
          }
        
          .beae-p {
            font-family: var(--beae-p-font-family);
            font-size: var(--beae-p-font-size);
            font-weight: var(--beae-p-font-weight);
            line-height: var(--beae-p-line-height);
            letter-spacing: var(--beae-p-letter-spacing);
            text-transform: var(--beae-p-text-transform);
            font-style: var(--beae-p-font-style);
            text-align: var(--beae-p-text-align, start);
            color: var(--beae-p-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p {
              font-size: var(--beae-p-font-size-tablet, var(--beae-p-font-size));
              line-height: var(--beae-p-line-height-tablet, var(--beae-p-line-height));
              letter-spacing: var(--beae-p-letter-spacing-tablet, var(--beae-p-letter-spacing));
              text-align: var(--beae-p-text-align-tablet, var(--beae-p-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p {
              font-size: var(--beae-p-font-size-mobile, var(--beae-p-font-size));
              line-height: var(--beae-p-line-height-mobile, var(--beae-p-line-height));
              letter-spacing: var(--beae-p-letter-spacing-mobile, var(--beae-p-letter-spacing));
              text-align: var(--beae-p-text-align-mobile, var(--beae-p-text-align, start));
            }
          }
        
          .beae-p2 {
            font-family: var(--beae-p2-font-family);
            font-size: var(--beae-p2-font-size);
            font-weight: var(--beae-p2-font-weight);
            line-height: var(--beae-p2-line-height);
            letter-spacing: var(--beae-p2-letter-spacing);
            text-transform: var(--beae-p2-text-transform);
            font-style: var(--beae-p2-font-style);
            text-align: var(--beae-p2-text-align, start);
            color: var(--beae-p2-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p2 {
              font-size: var(--beae-p2-font-size-tablet, var(--beae-p2-font-size));
              line-height: var(--beae-p2-line-height-tablet, var(--beae-p2-line-height));
              letter-spacing: var(--beae-p2-letter-spacing-tablet, var(--beae-p2-letter-spacing));
              text-align: var(--beae-p2-text-align-tablet, var(--beae-p2-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p2 {
              font-size: var(--beae-p2-font-size-mobile, var(--beae-p2-font-size));
              line-height: var(--beae-p2-line-height-mobile, var(--beae-p2-line-height));
              letter-spacing: var(--beae-p2-letter-spacing-mobile, var(--beae-p2-letter-spacing));
              text-align: var(--beae-p2-text-align-mobile, var(--beae-p2-text-align, start));
            }
          }
        
          .beae-p3 {
            font-family: var(--beae-p3-font-family);
            font-size: var(--beae-p3-font-size);
            font-weight: var(--beae-p3-font-weight);
            line-height: var(--beae-p3-line-height);
            letter-spacing: var(--beae-p3-letter-spacing);
            text-transform: var(--beae-p3-text-transform);
            font-style: var(--beae-p3-font-style);
            text-align: var(--beae-p3-text-align, start);
            color: var(--beae-p3-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-p3 {
              font-size: var(--beae-p3-font-size-tablet, var(--beae-p3-font-size));
              line-height: var(--beae-p3-line-height-tablet, var(--beae-p3-line-height));
              letter-spacing: var(--beae-p3-letter-spacing-tablet, var(--beae-p3-letter-spacing));
              text-align: var(--beae-p3-text-align-tablet, var(--beae-p3-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-p3 {
              font-size: var(--beae-p3-font-size-mobile, var(--beae-p3-font-size));
              line-height: var(--beae-p3-line-height-mobile, var(--beae-p3-line-height));
              letter-spacing: var(--beae-p3-letter-spacing-mobile, var(--beae-p3-letter-spacing));
              text-align: var(--beae-p3-text-align-mobile, var(--beae-p3-text-align, start));
            }
          }
        
          .beae-eyebrow {
            font-family: var(--beae-eyebrow-font-family);
            font-size: var(--beae-eyebrow-font-size);
            font-weight: var(--beae-eyebrow-font-weight);
            line-height: var(--beae-eyebrow-line-height);
            letter-spacing: var(--beae-eyebrow-letter-spacing);
            text-transform: var(--beae-eyebrow-text-transform);
            font-style: var(--beae-eyebrow-font-style);
            text-align: var(--beae-eyebrow-text-align, start);
            color: var(--beae-eyebrow-color, var(--beae-text-color));
          }
          @media(min-width: 767.79px) and (max-width: 1180px){
            .beae-eyebrow {
              font-size: var(--beae-eyebrow-font-size-tablet, var(--beae-eyebrow-font-size));
              line-height: var(--beae-eyebrow-line-height-tablet, var(--beae-eyebrow-line-height));
              letter-spacing: var(--beae-eyebrow-letter-spacing-tablet, var(--beae-eyebrow-letter-spacing));
              text-align: var(--beae-eyebrow-text-align-tablet, var(--beae-eyebrow-text-align));
            }
          }
        
          @media(max-width: 767px){
            .beae-eyebrow {
              font-size: var(--beae-eyebrow-font-size-mobile, var(--beae-eyebrow-font-size));
              line-height: var(--beae-eyebrow-line-height-mobile, var(--beae-eyebrow-line-height));
              letter-spacing: var(--beae-eyebrow-letter-spacing-mobile, var(--beae-eyebrow-letter-spacing));
              text-align: var(--beae-eyebrow-text-align-mobile, var(--beae-eyebrow-text-align, start));
            }
          }
        
.beae-btn-pr, .beae-btn-se, .beae-btn-te {
        display: flex;
        align-items: center;
        justify-content:center;
        text-align: center;
        font-family: var(--beae-p-font-family);
        font-size: var(--beae-btn-font-size);
        font-weight: var(--beae-btn-font-weight);
        text-transform: var(--beae-btn-text-transform);
        letter-spacing: var(--beae-btn-letter-spacing);
        line-height: 1.5;
        font-style: var(--beae-p-font-style);
        transition: all ease-in var(--beae-btn-transition-hover, 0ms);
      }
@media (min-width: 767.79px) and (max-width: 1180px) {
        .beae-btn-pr, .beae-btn-se, .beae-btn-te {
          font-size: var(--beae-btn-font-size-tablet, var(--beae-btn-font-size));
        }
      }
@media(max-width: 767px){
        .beae-btn-pr, .beae-btn-se, .beae-btn-te {
          font-size: var(--beae-btn-font-size-mobile,var(--beae-btn-font-size));
        }
      }
.beae-btn-pr {
            cursor: pointer;
            color: var(--beae-btn-pr-label-color);
            
              height: var(--beae-btn-height);
              padding: 0px var(--beae-btn-padding);
              border-radius: var(--beae-btn-border-radius);
              outline: var(--beae-btn-pr-border-width) solid var(--beae-btn-pr-border-color);
              outline-offset: calc(var(--beae-btn-pr-border-width) * -1);
              background: var(--beae-btn-pr-background-color);
              box-shadow: var(--beae-btn-pr-shadow-x) var(--beae-btn-pr-shadow-y) var(--beae-btn-pr-shadow-blur) rgba(0, 0, 0, var(--beae-btn-pr-shadow-transparent));
            
          }
@media(min-width: 767.79px) and (max-width: 1180px){
              .beae-btn-pr {
                height: var(--beae-btn-height-tablet, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-tablet, var(--beae-btn-padding));
              }
            }
@media(max-width: 767px){
              .beae-btn-pr {
                height: var(--beae-btn-height-mobile, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-mobile, var(--beae-btn-padding));
              }
            }
.beae-btn-pr:hover {
            color: var(--beae-btn-pr-label-hover);
            
              background: var(--beae-btn-pr-background-hover);
              outline-color: var(--beae-btn-pr-border-hover); 
            
          }
.beae-btn-se {
            cursor: pointer;
            color: var(--beae-btn-se-label-color);
            
              height: var(--beae-btn-height);
              padding: 0px var(--beae-btn-padding);
              border-radius: var(--beae-btn-border-radius);
              outline: var(--beae-btn-se-border-width) solid var(--beae-btn-se-border-color);
              outline-offset: calc(var(--beae-btn-se-border-width) * -1);
              background: var(--beae-btn-se-background-color);
              box-shadow: var(--beae-btn-se-shadow-x) var(--beae-btn-se-shadow-y) var(--beae-btn-se-shadow-blur) rgba(0, 0, 0, var(--beae-btn-se-shadow-transparent));
            
          }
@media(min-width: 767.79px) and (max-width: 1180px){
              .beae-btn-se {
                height: var(--beae-btn-height-tablet, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-tablet, var(--beae-btn-padding));
              }
            }
@media(max-width: 767px){
              .beae-btn-se {
                height: var(--beae-btn-height-mobile, var(--beae-btn-height));
                padding: 0px var(--beae-btn-padding-mobile, var(--beae-btn-padding));
              }
            }
.beae-btn-se:hover {
            color: var(--beae-btn-se-label-hover);
            
              background: var(--beae-btn-se-background-hover);
              outline-color: var(--beae-btn-se-border-hover); 
            
          }
.beae-btn-te {
            cursor: pointer;
            color: var(--beae-btn-te-label-color);
            
              text-decoration: var(--beae-btn-te-underline);
              text-underline-offset: var(--beae-btn-te-underline-offset);
              position: relative;
            
          }
.beae-btn-te:hover {
            color: var(--beae-btn-te-label-hover);
            
          }
    
  [data-bnode="beae-wmgn67"] { --wmgn67-width: 100%; --wmgn67-width-tablet: 100%; --wmgn67-width-mobile: 100%; --wmgn67-height: 860px; --wmgn67-height-tablet: 860px; --wmgn67-height-mobile: 600px; --wmgn67-padding-top: 40px; --wmgn67-padding-top-tablet: 40px; --wmgn67-padding-top-mobile: 40px; --wmgn67-padding-bottom: 40px; --wmgn67-padding-bottom-tablet: 40px; --wmgn67-padding-bottom-mobile: 40px; --wmgn67-padding-left-mobile: 0px; --wmgn67-padding-right-mobile: 0px; --wmgn67-direction: row; --wmgn67-direction-tablet: row; --wmgn67-direction-mobile: row; --wmgn67-structure: columns; --wmgn67-structure-tablet: columns; --wmgn67-structure-mobile: columns; --wmgn67-background-type: image; --wmgn67-background-type-tablet: image; --wmgn67-background-type-mobile: image; --wmgn67-background-color: #ffffff; --wmgn67-background-color-tablet: #ffffff; --wmgn67-background-color-mobile: #ffffff; --wmgn67-background-image: [object Object]; --wmgn67-background-image-tablet: [object Object]; --wmgn67-background-image-mobile: [object Object]; --wmgn67-align-items: center; --wmgn67-align-items-tablet: center; --wmgn67-align-items-mobile: center; }[data-bnode="beae-wmgn67"] { padding-top: var(--wmgn67-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--wmgn67-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--wmgn67-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--wmgn67-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wmgn67-padding-top-tablet, var(--wmgn67-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--wmgn67-padding-right-tablet, var(--wmgn67-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--wmgn67-padding-bottom-tablet, var(--wmgn67-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--wmgn67-padding-left-tablet, var(--wmgn67-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--wmgn67-padding-top-mobile, var(--wmgn67-padding-top-tablet, var(--wmgn67-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--wmgn67-padding-right-mobile, var(--wmgn67-padding-right-tablet, var(--wmgn67-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--wmgn67-padding-bottom-mobile, var(--wmgn67-padding-bottom-tablet, var(--wmgn67-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--wmgn67-padding-left-mobile, var(--wmgn67-padding-left-tablet, var(--wmgn67-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--wmgn67-padding-left, var(--beae-section-padding-x, 0px)) - var(--wmgn67-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--wmgn67-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--wmgn67-height); width: 100%; max-width: var(--wmgn67-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--wmgn67-height-tablet, auto); width: 100%; max-width: var(--wmgn67-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--wmgn67-height-mobile, auto); width: 100%; max-width: var(--wmgn67-width-mobile, 100%); } } } }[data-bnode="beae-wmgn67"] > .beae-section-container{     display: flex;     flex-direction: var(--wmgn67-direction, column);     flex-wrap: nowrap;     justify-content: var(--wmgn67-justify-content);     align-items: var(--wmgn67-align-items);     gap: var(--wmgn67-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--wmgn67-padding-right, 0px) - var(--wmgn67-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wmgn67"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--wmgn67-padding-right-tablet, 0px) - var(--wmgn67-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-wmgn67"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--wmgn67-padding-right-mobile, 0px) - var(--wmgn67-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-lq984f"] { --lq984f-gap: 16px; --lq984f-gap-tablet: 16px; --lq984f-gap-mobile: 16px; --lq984f-padding-top: 48px; --lq984f-padding-top-tablet: 32px; --lq984f-padding-top-mobile: 32px; --lq984f-padding-left: 48px; --lq984f-padding-left-tablet: 32px; --lq984f-padding-left-mobile: 32px; --lq984f-padding-right: 48px; --lq984f-padding-right-tablet: 32px; --lq984f-padding-right-mobile: 32px; --lq984f-padding-bottom: 48px; --lq984f-padding-bottom-tablet: 32px; --lq984f-padding-bottom-mobile: 32px; --lq984f-direction: column; --lq984f-direction-tablet: column; --lq984f-direction-mobile: column; --lq984f-max-width: 672px; --lq984f-max-width-tablet: 672px; --lq984f-max-width-mobile: 672px; --lq984f-background-type: color; --lq984f-background-type-tablet: color; --lq984f-background-type-mobile: color; --lq984f-background-color: #FFFFFF00; --lq984f-background-color-tablet: #FFFFFF00; --lq984f-background-color-mobile: #FFFFFF00; --lq984f-background-image: [object Object]; --lq984f-background-image-tablet: [object Object]; --lq984f-background-image-mobile: [object Object]; --lq984f-align-items: flex-start; --lq984f-align-items-tablet: flex-start; --lq984f-align-items-mobile: flex-start; --lq984f-justify-content: center; --lq984f-justify-content-tablet: center; --lq984f-justify-content-mobile: center; }[data-bnode="beae-lq984f"] { padding-top: var(--lq984f-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lq984f-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lq984f-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lq984f-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lq984f-padding-top-tablet, var(--lq984f-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lq984f-padding-right-tablet, var(--lq984f-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lq984f-padding-bottom-tablet, var(--lq984f-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lq984f-padding-left-tablet, var(--lq984f-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lq984f-padding-top-mobile, var(--lq984f-padding-top-tablet, var(--lq984f-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lq984f-padding-right-mobile, var(--lq984f-padding-right-tablet, var(--lq984f-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lq984f-padding-bottom-mobile, var(--lq984f-padding-bottom-tablet, var(--lq984f-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lq984f-padding-left-mobile, var(--lq984f-padding-left-tablet, var(--lq984f-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lq984f-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lq984f-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lq984f-background-imageRatio, auto); background: var(--lq984f-background-color,transparent); border-style: var(--lq984f-borderStyle,solid); border-color: var(--lq984f-borderColor,#000000); border-width: var(--lq984f-borderWidth-tl,0px) var(--lq984f-borderWidth-tr,0px) var(--lq984f-borderWidth-br,0px) var(--lq984f-borderWidth-bl,0px); border-radius: var(--lq984f-borderRadius-tl,0px) var(--lq984f-borderRadius-tr,0px) var(--lq984f-borderRadius-br,0px) var(--lq984f-borderRadius-bl,0px); box-shadow: if(style(--lq984f-enableShadow: true): var(--lq984f-shadowHorizontal,0) var(--lq984f-shadowVertical,0) var(--lq984f-shadowBlur,0) 1px var(--lq984f-shadowColor,#000000); else: none); max-width: var(--lq984f-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lq984f-background-imageRatio-tablet, var(--lq984f-background-imageRatio, auto)); border-width: var(--lq984f-borderWidth-tl-tablet,0px) var(--lq984f-borderWidth-tr-tablet,0px) var(--lq984f-borderWidth-br-tablet,0px) var(--lq984f-borderWidth-bl-tablet,0px); border-radius: var(--lq984f-borderRadius-tl-tablet,0px) var(--lq984f-borderRadius-tr-tablet,0px) var(--lq984f-borderRadius-br-tablet,0px) var(--lq984f-borderRadius-bl-tablet,0px); max-width: var(--lq984f-max-width-tablet, var(--lq984f-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lq984f-background-imageRatio-mobile, var(--lq984f-background-imageRatio, auto)); border-width: var(--lq984f-borderWidth-tl-mobile,0px) var(--lq984f-borderWidth-tr-mobile,0px) var(--lq984f-borderWidth-br-mobile,0px) var(--lq984f-borderWidth-bl-mobile,0px); border-radius: var(--lq984f-borderRadius-tl-mobile,0px) var(--lq984f-borderRadius-tr-mobile,0px) var(--lq984f-borderRadius-br-mobile,0px) var(--lq984f-borderRadius-bl-mobile,0px); max-width: var(--lq984f-max-width-mobile, var(--lq984f-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lq984f-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lq984f-gap,var(--beae-card-gap)); padding-top: var(--lq984f-padding-top,var(--beae-card-padding)); padding-right: var(--lq984f-padding-right,var(--beae-card-padding)); padding-bottom: var(--lq984f-padding-bottom,var(--beae-card-padding)); padding-left: var(--lq984f-padding-left,var(--beae-card-padding)); border-width: var(--lq984f-borderWidth,var(--beae-card-border-width)); border-width: var(--lq984f-borderWidth-tl,var(--beae-card-border-width)) var(--lq984f-borderWidth-tr,var(--beae-card-border-width)) var(--lq984f-borderWidth-br,var(--beae-card-border-width)) var(--lq984f-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lq984f-borderRadius-tl,var(--beae-card-border-radius)) var(--lq984f-borderRadius-tr,var(--beae-card-border-radius)) var(--lq984f-borderRadius-br,var(--beae-card-border-radius)) var(--lq984f-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lq984f-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lq984f-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lq984f-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lq984f-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lq984f-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lq984f-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lq984f-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lq984f-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lq984f-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lq984f-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lq984f-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lq984f-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lq984f-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lq984f-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lq984f-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lq984f-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lq984f-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lq984f-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lq984f-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lq984f-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lq984f-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lq984f-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lq984f-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lq984f-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lq984f-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lq984f-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lq984f-background-color,var(--beae-card-featured-background)); border-color: var(--lq984f-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lq984f-enableShadow: true): var(--lq984f-shadowHorizontal, var(--beae-card-shadow-x)) var(--lq984f-shadowVertical, var(--beae-card-shadow-y)) var(--lq984f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lq984f-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lq984f-background-color,var(--beae-card-prod-background)); border-color: var(--lq984f-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lq984f-enableShadow: true): var(--lq984f-shadowHorizontal, var(--beae-card-shadow-x)) var(--lq984f-shadowVertical, var(--beae-card-shadow-y)) var(--lq984f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lq984f-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lq984f-background-color,var(--beae-card-pricing-background)); border-color: var(--lq984f-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lq984f-enableShadow: true): var(--lq984f-shadowHorizontal, var(--beae-card-shadow-x)) var(--lq984f-shadowVertical, var(--beae-card-shadow-y)) var(--lq984f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lq984f-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lq984f-background-color,var(--beae-card-cta-background)); border-color: var(--lq984f-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lq984f-enableShadow: true): var(--lq984f-shadowHorizontal, var(--beae-card-shadow-x)) var(--lq984f-shadowVertical, var(--beae-card-shadow-y)) var(--lq984f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lq984f-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lq984f-background-color,var(--beae-card-media-background)); border-color: var(--lq984f-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lq984f-enableShadow: true): var(--lq984f-shadowHorizontal, var(--beae-card-shadow-x)) var(--lq984f-shadowVertical, var(--beae-card-shadow-y)) var(--lq984f-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lq984f-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-lq984f"] {     display: flex;     flex-direction: var(--lq984f-direction, column);     flex-wrap: nowrap;     justify-content: var(--lq984f-justify-content);     align-items: var(--lq984f-align-items);     gap: var(--lq984f-gap, var(--lq984f-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lq984f"] {                            gap: var(--lq984f-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(25.00% - var(--lq984f-padding-right-tablet, 0px) - var(--lq984f-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-lq984f"] {                      align-items: var(--lq984f-align-items-mobile, inherit);      gap: var(--lq984f-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(25.00% - var(--lq984f-padding-right-mobile, 0px) - var(--lq984f-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-dmd8yv"] { --dmd8yv-typography: p3; --dmd8yv-typography-tablet: p3; --dmd8yv-typography-mobile: p3; --beae-p3-color: #FFFFFF; --beae-p3-letter-spacing: 1.5px; --beae-p3-text-transform: uppercase; --beae-p3-font-size-tablet: 14px; --beae-p3-letter-spacing-mobile: 1.5px; --beae-p3-letter-spacing-tablet: 1.5px; }[data-bnode="beae-dmd8yv"] { margin-top: var(--dmd8yv-margin-top, 0px); margin-right: var(--dmd8yv-margin-right, 0px); margin-bottom: var(--dmd8yv-margin-bottom, 0px); margin-left: var(--dmd8yv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dmd8yv-margin-top-tablet, 0px); margin-right: var(--dmd8yv-margin-right-tablet, 0px); margin-bottom: var(--dmd8yv-margin-bottom-tablet, 0px); margin-left: var(--dmd8yv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dmd8yv-margin-top-mobile, 0px); margin-right: var(--dmd8yv-margin-right-mobile, 0px); margin-bottom: var(--dmd8yv-margin-bottom-mobile, 0px); margin-left: var(--dmd8yv-margin-left-mobile, 0px); } }[data-bnode="beae-pj54gq"] { --pj54gq-typography: h1; --pj54gq-typography-tablet: h1; --pj54gq-typography-mobile: h1; --beae-h1-color: #ffffff; --beae-h1-line-height: 1.2; --beae-h1-font-size-mobile: 31px; --beae-h1-font-size-tablet: 42px; }[data-bnode="beae-pj54gq"] { margin-top: var(--pj54gq-margin-top, 0px); margin-right: var(--pj54gq-margin-right, 0px); margin-bottom: var(--pj54gq-margin-bottom, 0px); margin-left: var(--pj54gq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pj54gq-margin-top-tablet, 0px); margin-right: var(--pj54gq-margin-right-tablet, 0px); margin-bottom: var(--pj54gq-margin-bottom-tablet, 0px); margin-left: var(--pj54gq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pj54gq-margin-top-mobile, 0px); margin-right: var(--pj54gq-margin-right-mobile, 0px); margin-bottom: var(--pj54gq-margin-bottom-mobile, 0px); margin-left: var(--pj54gq-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--pj54gq-highlightColor,var(--beae-p-color)); top: var(--pj54gq-highlightTop, 100%); } }[data-bnode="beae-x0hyrx"] { --x0hyrx-typography: p; --x0hyrx-typography-tablet: p2; --x0hyrx-typography-mobile: p2; --beae-p-color: #ffffff; --beae-p2-font-size-mobile: 18px; --beae-p2-font-size-tablet: 14px; }[data-bnode="beae-x0hyrx"] { margin-top: var(--x0hyrx-margin-top, 0px); margin-right: var(--x0hyrx-margin-right, 0px); margin-bottom: var(--x0hyrx-margin-bottom, 0px); margin-left: var(--x0hyrx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x0hyrx-margin-top-tablet, 0px); margin-right: var(--x0hyrx-margin-right-tablet, 0px); margin-bottom: var(--x0hyrx-margin-bottom-tablet, 0px); margin-left: var(--x0hyrx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x0hyrx-margin-top-mobile, 0px); margin-right: var(--x0hyrx-margin-right-mobile, 0px); margin-bottom: var(--x0hyrx-margin-bottom-mobile, 0px); margin-left: var(--x0hyrx-margin-left-mobile, 0px); } }[data-bnode="beae-l8bvva"] { --l8bvva-width: fill; --l8bvva-width-tablet: fill; --l8bvva-width-mobile: fill; --l8bvva-button: pr; --l8bvva-button-tablet: pr; --l8bvva-button-mobile: pr; --l8bvva-margin-top: 20px; --l8bvva-margin-top-tablet: 20px; --l8bvva-margin-top-mobile: 20px; --l8bvva-margin-left: 0px; --l8bvva-margin-left-tablet: 0px; --l8bvva-margin-left-mobile: 0px; --l8bvva-margin-right: 0px; --l8bvva-margin-right-tablet: 0px; --l8bvva-margin-right-mobile: 0px; --l8bvva-margin-bottom: 0px; --l8bvva-margin-bottom-tablet: 0px; --l8bvva-margin-bottom-mobile: 0px; --l8bvva-iconGap: 5px; --l8bvva-iconGap-tablet: 5px; --l8bvva-iconGap-mobile: 5px; --l8bvva-iconWidth: 20px; --l8bvva-iconWidth-tablet: 20px; --l8bvva-iconWidth-mobile: 20px; --l8bvva-transform: uppercase; --l8bvva-transform-tablet: uppercase; --l8bvva-transform-mobile: uppercase; --l8bvva-stylePreset: pr; --l8bvva-stylePreset-tablet: pr; --l8bvva-stylePreset-mobile: pr; --beae-btn-height: 45px; --beae-btn-padding: 30px; --beae-btn-font-size: 15px; --beae-p-font-family: Assistant; --beae-btn-font-weight: 400; --beae-btn-border-radius: 50px; --beae-btn-height-mobile: 45px; --beae-btn-height-tablet: 48px; --beae-btn-padding-mobile: 30px; --beae-btn-padding-tablet: 28px; --beae-btn-pr-label-color: #1c1c1c; --beae-btn-se-label-color: #121212; --beae-btn-te-label-color: #121212; --beae-btn-font-size-mobile: 15px; --beae-btn-font-size-tablet: 14px; --beae-btn-pr-background-color: #fff; --beae-btn-se-background-color: #ececec; }[data-bnode="beae-l8bvva"] { margin-top: var(--l8bvva-margin-top, 0px); margin-right: var(--l8bvva-margin-right, 0px); margin-bottom: var(--l8bvva-margin-bottom, 0px); margin-left: var(--l8bvva-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--l8bvva-margin-top-tablet, 0px); margin-right: var(--l8bvva-margin-right-tablet, 0px); margin-bottom: var(--l8bvva-margin-bottom-tablet, 0px); margin-left: var(--l8bvva-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--l8bvva-margin-top-mobile, 0px); margin-right: var(--l8bvva-margin-right-mobile, 0px); margin-bottom: var(--l8bvva-margin-bottom-mobile, 0px); margin-left: var(--l8bvva-margin-left-mobile, 0px); } &{ gap:var(--l8bvva-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--l8bvva-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--l8bvva-bgBtnHover)) * 1%)); style(--l8bvva-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--l8bvva-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--l8bvva-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--l8bvva-labelBtnHover)) * 1%)); style(--l8bvva-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--l8bvva-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--l8bvva-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--l8bvva-borderBtnHover)) * 1%)); style(--l8bvva-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--l8bvva-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--l8bvva-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--l8bvva-bgBtnHover)) * 1%)); style(--l8bvva-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--l8bvva-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--l8bvva-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--l8bvva-labelBtnHover)) * 1%)); style(--l8bvva-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--l8bvva-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--l8bvva-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--l8bvva-borderBtnHover)) * 1%)); style(--l8bvva-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--l8bvva-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--l8bvva-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--l8bvva-labelBtnHover)) * 1%)); style(--l8bvva-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--l8bvva-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--l8bvva-iconWidth); } svg { width: var(--l8bvva-iconWidth,20px); min-width: var(--l8bvva-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--l8bvva-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--l8bvva-iconWidth-tablet, var(--l8bvva-iconWidth)); } svg { width: var(--l8bvva-iconWidth-tablet, var(--l8bvva-iconWidth)); min-width: var(--l8bvva-iconWidth-tablet, var(--l8bvva-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--l8bvva-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--l8bvva-iconWidth-mobile, var(--l8bvva-iconWidth)); } svg { width: var(--l8bvva-iconWidth-mobile, var(--l8bvva-iconWidth)); min-width: var(--l8bvva-iconWidth-mobile, var(--l8bvva-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-v3u7sz"] { --v3u7sz-width: 1400px; --v3u7sz-width-tablet: 1400px; --v3u7sz-width-mobile: 1400px; --v3u7sz-height: fit-content; --v3u7sz-height-tablet: fit-content; --v3u7sz-height-mobile: fit-content; --v3u7sz-padding-top: 96px; --v3u7sz-padding-top-tablet: 20px; --v3u7sz-padding-top-mobile: 0px; --v3u7sz-padding-right: 30px; --v3u7sz-padding-right-tablet: 16px; --v3u7sz-padding-right-mobile: 0px; --v3u7sz-padding-bottom: 96px; --v3u7sz-padding-bottom-tablet: 20px; --v3u7sz-padding-bottom-mobile: 0px; --v3u7sz-padding-left: 30px; --v3u7sz-padding-left-tablet: 16px; --v3u7sz-padding-left-mobile: 0px; --v3u7sz-width_custom: 1824px; --v3u7sz-width_custom-tablet: 1824px; --v3u7sz-width_custom-mobile: 1824px; --v3u7sz-background-type: color; --v3u7sz-background-type-tablet: color; --v3u7sz-background-type-mobile: color; --v3u7sz-background-color: #faf8f5; --v3u7sz-background-color-tablet: #faf8f5; --v3u7sz-background-color-mobile: #faf8f5; }[data-bnode="beae-v3u7sz"] { padding-top: var(--v3u7sz-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--v3u7sz-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--v3u7sz-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--v3u7sz-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--v3u7sz-padding-top-tablet, var(--v3u7sz-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--v3u7sz-padding-right-tablet, var(--v3u7sz-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--v3u7sz-padding-bottom-tablet, var(--v3u7sz-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--v3u7sz-padding-left-tablet, var(--v3u7sz-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--v3u7sz-padding-top-mobile, var(--v3u7sz-padding-top-tablet, var(--v3u7sz-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--v3u7sz-padding-right-mobile, var(--v3u7sz-padding-right-tablet, var(--v3u7sz-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--v3u7sz-padding-bottom-mobile, var(--v3u7sz-padding-bottom-tablet, var(--v3u7sz-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--v3u7sz-padding-left-mobile, var(--v3u7sz-padding-left-tablet, var(--v3u7sz-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--v3u7sz-padding-left, var(--beae-section-padding-x, 0px)) - var(--v3u7sz-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--v3u7sz-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--v3u7sz-height); width: 100%; max-width: var(--v3u7sz-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--v3u7sz-height-tablet, auto); width: 100%; max-width: var(--v3u7sz-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--v3u7sz-height-mobile, auto); width: 100%; max-width: var(--v3u7sz-width-mobile, 100%); } } } }[data-bnode="beae-v3u7sz"] > .beae-section-container{     display: flex;     flex-direction: var(--v3u7sz-direction, column);     flex-wrap: nowrap;     justify-content: var(--v3u7sz-justify-content);     align-items: var(--v3u7sz-align-items);     gap: var(--v3u7sz-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-v3u7sz"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--v3u7sz-padding-right-tablet, 0px) - var(--v3u7sz-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-v3u7sz"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--v3u7sz-padding-right-mobile, 0px) - var(--v3u7sz-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-dvxfgc"] { --dvxfgc-direction: row; --dvxfgc-direction-tablet: column; --dvxfgc-direction-mobile: column; --dvxfgc-structure: columns; --dvxfgc-structure-tablet: columns; --dvxfgc-structure-mobile: columns; --dvxfgc-max-width_custom: 1824px; --dvxfgc-max-width_custom-tablet: 1824px; --dvxfgc-max-width_custom-mobile: 1824px; --dvxfgc-columns: 56.57,43.43; --dvxfgc-columns-tablet: 66.66,33.33; --dvxfgc-columns-mobile: 66.66,33.33; --dvxfgc-columnsPresetId: 56.57,43.43; --dvxfgc-columnsPresetId-tablet: 66.66,33.33; --dvxfgc-columnsPresetId-mobile: 66.66,33.33; --dvxfgc-borderRadius: 0px; --dvxfgc-borderRadius-tablet: 16px; --dvxfgc-borderRadius-mobile: 16px; --dvxfgc-gap: 0px; --dvxfgc-gap-tablet: 0px; --dvxfgc-gap-mobile: 0px; --dvxfgc-padding-top: 0px; --dvxfgc-padding-top-tablet: 0px; --dvxfgc-padding-top-mobile: 0px; --dvxfgc-padding-right: 0px; --dvxfgc-padding-right-tablet: 0px; --dvxfgc-padding-right-mobile: 0px; --dvxfgc-padding-bottom: 0px; --dvxfgc-padding-bottom-tablet: 0px; --dvxfgc-padding-bottom-mobile: 0px; --dvxfgc-padding-left: 0px; --dvxfgc-padding-left-tablet: 0px; --dvxfgc-padding-left-mobile: 0px; --dvxfgc-align-items: stretch; --dvxfgc-align-items-tablet: center; --dvxfgc-align-items-mobile: center; }[data-bnode="beae-dvxfgc"] { padding-top: var(--dvxfgc-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--dvxfgc-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--dvxfgc-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--dvxfgc-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--dvxfgc-padding-top-tablet, var(--dvxfgc-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--dvxfgc-padding-right-tablet, var(--dvxfgc-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--dvxfgc-padding-bottom-tablet, var(--dvxfgc-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--dvxfgc-padding-left-tablet, var(--dvxfgc-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--dvxfgc-padding-top-mobile, var(--dvxfgc-padding-top-tablet, var(--dvxfgc-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--dvxfgc-padding-right-mobile, var(--dvxfgc-padding-right-tablet, var(--dvxfgc-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--dvxfgc-padding-bottom-mobile, var(--dvxfgc-padding-bottom-tablet, var(--dvxfgc-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--dvxfgc-padding-left-mobile, var(--dvxfgc-padding-left-tablet, var(--dvxfgc-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--dvxfgc-padding-left, var(--beae-slot-padding-x, 0px)) - var(--dvxfgc-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--dvxfgc-background-imageRatio, auto); background: var(--dvxfgc-background-color,transparent); border-style: var(--dvxfgc-borderStyle,solid); border-color: var(--dvxfgc-borderColor,#000000); border-width: var(--dvxfgc-borderWidth-tl,0px) var(--dvxfgc-borderWidth-tr,0px) var(--dvxfgc-borderWidth-br,0px) var(--dvxfgc-borderWidth-bl,0px); border-radius: var(--dvxfgc-borderRadius-tl,0px) var(--dvxfgc-borderRadius-tr,0px) var(--dvxfgc-borderRadius-br,0px) var(--dvxfgc-borderRadius-bl,0px); box-shadow: if(style(--dvxfgc-enableShadow: true): var(--dvxfgc-shadowHorizontal,0) var(--dvxfgc-shadowVertical,0) var(--dvxfgc-shadowBlur,0) 1px var(--dvxfgc-shadowColor,#000000); else: none); max-width: var(--dvxfgc-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--dvxfgc-background-imageRatio-tablet, var(--dvxfgc-background-imageRatio, auto)); border-width: var(--dvxfgc-borderWidth-tl-tablet,0px) var(--dvxfgc-borderWidth-tr-tablet,0px) var(--dvxfgc-borderWidth-br-tablet,0px) var(--dvxfgc-borderWidth-bl-tablet,0px); border-radius: var(--dvxfgc-borderRadius-tl-tablet,0px) var(--dvxfgc-borderRadius-tr-tablet,0px) var(--dvxfgc-borderRadius-br-tablet,0px) var(--dvxfgc-borderRadius-bl-tablet,0px); max-width: var(--dvxfgc-max-width-tablet, var(--dvxfgc-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--dvxfgc-background-imageRatio-mobile, var(--dvxfgc-background-imageRatio, auto)); border-width: var(--dvxfgc-borderWidth-tl-mobile,0px) var(--dvxfgc-borderWidth-tr-mobile,0px) var(--dvxfgc-borderWidth-br-mobile,0px) var(--dvxfgc-borderWidth-bl-mobile,0px); border-radius: var(--dvxfgc-borderRadius-tl-mobile,0px) var(--dvxfgc-borderRadius-tr-mobile,0px) var(--dvxfgc-borderRadius-br-mobile,0px) var(--dvxfgc-borderRadius-bl-mobile,0px); max-width: var(--dvxfgc-max-width-mobile, var(--dvxfgc-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--dvxfgc-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--dvxfgc-gap,var(--beae-card-gap)); padding-top: var(--dvxfgc-padding-top,var(--beae-card-padding)); padding-right: var(--dvxfgc-padding-right,var(--beae-card-padding)); padding-bottom: var(--dvxfgc-padding-bottom,var(--beae-card-padding)); padding-left: var(--dvxfgc-padding-left,var(--beae-card-padding)); border-width: var(--dvxfgc-borderWidth,var(--beae-card-border-width)); border-width: var(--dvxfgc-borderWidth-tl,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-tr,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-br,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--dvxfgc-borderRadius-tl,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-tr,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-br,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--dvxfgc-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--dvxfgc-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--dvxfgc-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--dvxfgc-padding-left-tablet,var(--beae-card-padding)); border-width: var(--dvxfgc-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--dvxfgc-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-br-desktop,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--dvxfgc-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--dvxfgc-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--dvxfgc-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--dvxfgc-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--dvxfgc-padding-left-mobile,var(--beae-card-padding)); border-width: var(--dvxfgc-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--dvxfgc-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-br-mobile,var(--beae-card-border-width)) var(--dvxfgc-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--dvxfgc-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--dvxfgc-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--dvxfgc-background-color,var(--beae-card-featured-background)); border-color: var(--dvxfgc-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--dvxfgc-enableShadow: true): var(--dvxfgc-shadowHorizontal, var(--beae-card-shadow-x)) var(--dvxfgc-shadowVertical, var(--beae-card-shadow-y)) var(--dvxfgc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dvxfgc-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--dvxfgc-background-color,var(--beae-card-prod-background)); border-color: var(--dvxfgc-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--dvxfgc-enableShadow: true): var(--dvxfgc-shadowHorizontal, var(--beae-card-shadow-x)) var(--dvxfgc-shadowVertical, var(--beae-card-shadow-y)) var(--dvxfgc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dvxfgc-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--dvxfgc-background-color,var(--beae-card-pricing-background)); border-color: var(--dvxfgc-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--dvxfgc-enableShadow: true): var(--dvxfgc-shadowHorizontal, var(--beae-card-shadow-x)) var(--dvxfgc-shadowVertical, var(--beae-card-shadow-y)) var(--dvxfgc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dvxfgc-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--dvxfgc-background-color,var(--beae-card-cta-background)); border-color: var(--dvxfgc-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--dvxfgc-enableShadow: true): var(--dvxfgc-shadowHorizontal, var(--beae-card-shadow-x)) var(--dvxfgc-shadowVertical, var(--beae-card-shadow-y)) var(--dvxfgc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dvxfgc-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--dvxfgc-background-color,var(--beae-card-media-background)); border-color: var(--dvxfgc-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--dvxfgc-enableShadow: true): var(--dvxfgc-shadowHorizontal, var(--beae-card-shadow-x)) var(--dvxfgc-shadowVertical, var(--beae-card-shadow-y)) var(--dvxfgc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dvxfgc-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-dvxfgc"] {     display: flex;     flex-direction: var(--dvxfgc-direction, column);     flex-wrap: nowrap;     justify-content: var(--dvxfgc-justify-content);     align-items: var(--dvxfgc-align-items);     gap: var(--dvxfgc-gap, var(--dvxfgc-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(56.57% - var(--dvxfgc-padding-right, 0px) - var(--dvxfgc-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(43.43% - var(--dvxfgc-padding-right, 0px) - var(--dvxfgc-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--dvxfgc-padding-right, 0px) - var(--dvxfgc-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-dvxfgc"] {      flex-direction: var(--dvxfgc-direction-tablet, column);                 align-items: var(--dvxfgc-align-items-tablet, inherit);      gap: var(--dvxfgc-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-dvxfgc"] {      flex-direction: var(--dvxfgc-direction-mobile, column);                      gap: var(--dvxfgc-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-85hjtx"] { padding-top: var(--85hjtx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--85hjtx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--85hjtx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--85hjtx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--85hjtx-padding-top-tablet, var(--85hjtx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--85hjtx-padding-right-tablet, var(--85hjtx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--85hjtx-padding-bottom-tablet, var(--85hjtx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--85hjtx-padding-left-tablet, var(--85hjtx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--85hjtx-padding-top-mobile, var(--85hjtx-padding-top-tablet, var(--85hjtx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--85hjtx-padding-right-mobile, var(--85hjtx-padding-right-tablet, var(--85hjtx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--85hjtx-padding-bottom-mobile, var(--85hjtx-padding-bottom-tablet, var(--85hjtx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--85hjtx-padding-left-mobile, var(--85hjtx-padding-left-tablet, var(--85hjtx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--85hjtx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--85hjtx-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--85hjtx-background-imageRatio, auto); background: var(--85hjtx-background-color,transparent); border-style: var(--85hjtx-borderStyle,solid); border-color: var(--85hjtx-borderColor,#000000); border-width: var(--85hjtx-borderWidth-tl,0px) var(--85hjtx-borderWidth-tr,0px) var(--85hjtx-borderWidth-br,0px) var(--85hjtx-borderWidth-bl,0px); border-radius: var(--85hjtx-borderRadius-tl,0px) var(--85hjtx-borderRadius-tr,0px) var(--85hjtx-borderRadius-br,0px) var(--85hjtx-borderRadius-bl,0px); box-shadow: if(style(--85hjtx-enableShadow: true): var(--85hjtx-shadowHorizontal,0) var(--85hjtx-shadowVertical,0) var(--85hjtx-shadowBlur,0) 1px var(--85hjtx-shadowColor,#000000); else: none); max-width: var(--85hjtx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--85hjtx-background-imageRatio-tablet, var(--85hjtx-background-imageRatio, auto)); border-width: var(--85hjtx-borderWidth-tl-tablet,0px) var(--85hjtx-borderWidth-tr-tablet,0px) var(--85hjtx-borderWidth-br-tablet,0px) var(--85hjtx-borderWidth-bl-tablet,0px); border-radius: var(--85hjtx-borderRadius-tl-tablet,0px) var(--85hjtx-borderRadius-tr-tablet,0px) var(--85hjtx-borderRadius-br-tablet,0px) var(--85hjtx-borderRadius-bl-tablet,0px); max-width: var(--85hjtx-max-width-tablet, var(--85hjtx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--85hjtx-background-imageRatio-mobile, var(--85hjtx-background-imageRatio, auto)); border-width: var(--85hjtx-borderWidth-tl-mobile,0px) var(--85hjtx-borderWidth-tr-mobile,0px) var(--85hjtx-borderWidth-br-mobile,0px) var(--85hjtx-borderWidth-bl-mobile,0px); border-radius: var(--85hjtx-borderRadius-tl-mobile,0px) var(--85hjtx-borderRadius-tr-mobile,0px) var(--85hjtx-borderRadius-br-mobile,0px) var(--85hjtx-borderRadius-bl-mobile,0px); max-width: var(--85hjtx-max-width-mobile, var(--85hjtx-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--85hjtx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--85hjtx-gap,var(--beae-card-gap)); padding-top: var(--85hjtx-padding-top,var(--beae-card-padding)); padding-right: var(--85hjtx-padding-right,var(--beae-card-padding)); padding-bottom: var(--85hjtx-padding-bottom,var(--beae-card-padding)); padding-left: var(--85hjtx-padding-left,var(--beae-card-padding)); border-width: var(--85hjtx-borderWidth,var(--beae-card-border-width)); border-width: var(--85hjtx-borderWidth-tl,var(--beae-card-border-width)) var(--85hjtx-borderWidth-tr,var(--beae-card-border-width)) var(--85hjtx-borderWidth-br,var(--beae-card-border-width)) var(--85hjtx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--85hjtx-borderRadius-tl,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-tr,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-br,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--85hjtx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--85hjtx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--85hjtx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--85hjtx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--85hjtx-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--85hjtx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--85hjtx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--85hjtx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--85hjtx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--85hjtx-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--85hjtx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--85hjtx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--85hjtx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--85hjtx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--85hjtx-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--85hjtx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--85hjtx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--85hjtx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--85hjtx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--85hjtx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--85hjtx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--85hjtx-background-color,var(--beae-card-featured-background)); border-color: var(--85hjtx-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--85hjtx-enableShadow: true): var(--85hjtx-shadowHorizontal, var(--beae-card-shadow-x)) var(--85hjtx-shadowVertical, var(--beae-card-shadow-y)) var(--85hjtx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--85hjtx-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--85hjtx-background-color,var(--beae-card-prod-background)); border-color: var(--85hjtx-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--85hjtx-enableShadow: true): var(--85hjtx-shadowHorizontal, var(--beae-card-shadow-x)) var(--85hjtx-shadowVertical, var(--beae-card-shadow-y)) var(--85hjtx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--85hjtx-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--85hjtx-background-color,var(--beae-card-pricing-background)); border-color: var(--85hjtx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--85hjtx-enableShadow: true): var(--85hjtx-shadowHorizontal, var(--beae-card-shadow-x)) var(--85hjtx-shadowVertical, var(--beae-card-shadow-y)) var(--85hjtx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--85hjtx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--85hjtx-background-color,var(--beae-card-cta-background)); border-color: var(--85hjtx-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--85hjtx-enableShadow: true): var(--85hjtx-shadowHorizontal, var(--beae-card-shadow-x)) var(--85hjtx-shadowVertical, var(--beae-card-shadow-y)) var(--85hjtx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--85hjtx-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--85hjtx-background-color,var(--beae-card-media-background)); border-color: var(--85hjtx-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--85hjtx-enableShadow: true): var(--85hjtx-shadowHorizontal, var(--beae-card-shadow-x)) var(--85hjtx-shadowVertical, var(--beae-card-shadow-y)) var(--85hjtx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--85hjtx-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-85hjtx"] {     display: flex;     flex-direction: var(--85hjtx-direction, column);     flex-wrap: nowrap;     justify-content: var(--85hjtx-justify-content);     align-items: var(--85hjtx-align-items);     gap: var(--85hjtx-gap, var(--85hjtx-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-85hjtx"] {                            gap: var(--85hjtx-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--85hjtx-padding-right-tablet, 0px) - var(--85hjtx-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-85hjtx"] {                            gap: var(--85hjtx-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--85hjtx-padding-right-mobile, 0px) - var(--85hjtx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mmd0d0"] { --mmd0d0-width: 100%; --mmd0d0-width-tablet: 100%; --mmd0d0-width-mobile: 100%; --mmd0d0-imageRatio: auto; --mmd0d0-imageRatio-tablet: 1/1; --mmd0d0-imageRatio-mobile: 3/2; --mmd0d0-objFit: cover; --mmd0d0-objFit-tablet: cover; --mmd0d0-objFit-mobile: cover; --mmd0d0-borderColor: #000000; --mmd0d0-borderColor-tablet: #000000; --mmd0d0-borderColor-mobile: #000000; --mmd0d0-shadowColor: #000000; --mmd0d0-shadowColor-tablet: #000000; --mmd0d0-shadowColor-mobile: #000000; --mmd0d0-borderStyle: none; --mmd0d0-borderStyle-tablet: none; --mmd0d0-borderStyle-mobile: none; --mmd0d0-enableShadow: false; --mmd0d0-enableShadow-tablet: false; --mmd0d0-enableShadow-mobile: false; --mmd0d0-borderRadius: 24px; --mmd0d0-borderRadius-tablet: 16px; --mmd0d0-borderRadius-mobile: 16px; --mmd0d0-overlayOpacity: 0.2; --mmd0d0-overlayOpacity-tablet: 0.2; --mmd0d0-overlayOpacity-mobile: 0.2; --mmd0d0-margin-top: 0px; --mmd0d0-margin-top-tablet: 0px; --mmd0d0-margin-top-mobile: 0px; --mmd0d0-margin-right: 0px; --mmd0d0-margin-right-tablet: 0px; --mmd0d0-margin-right-mobile: 0px; --mmd0d0-margin-bottom: 0px; --mmd0d0-margin-bottom-tablet: 0px; --mmd0d0-margin-bottom-mobile: 0px; --mmd0d0-margin-left: 0px; --mmd0d0-margin-left-tablet: 0px; --mmd0d0-margin-left-mobile: 0px; }[data-bnode="beae-mmd0d0"] { margin-top: var(--mmd0d0-margin-top, 0px); margin-right: var(--mmd0d0-margin-right, 0px); margin-bottom: var(--mmd0d0-margin-bottom, 0px); margin-left: var(--mmd0d0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mmd0d0-margin-top-tablet, 0px); margin-right: var(--mmd0d0-margin-right-tablet, 0px); margin-bottom: var(--mmd0d0-margin-bottom-tablet, 0px); margin-left: var(--mmd0d0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mmd0d0-margin-top-mobile, 0px); margin-right: var(--mmd0d0-margin-right-mobile, 0px); margin-bottom: var(--mmd0d0-margin-bottom-mobile, 0px); margin-left: var(--mmd0d0-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--mmd0d0-width,100%) - var(--mmd0d0-margin-left,0px) - var(--mmd0d0-margin-right,0px)); min-height: min-content; border-style: var(--mmd0d0-borderStyle,solid); border-color: var(--mmd0d0-borderColor,#000000); border-width: var(--mmd0d0-borderWidth-tl,0px) var(--mmd0d0-borderWidth-tr,0px) var(--mmd0d0-borderWidth-br,0px) var(--mmd0d0-borderWidth-bl,0px); border-radius: var(--mmd0d0-borderRadius-tl,0px) var(--mmd0d0-borderRadius-tr,0px) var(--mmd0d0-borderRadius-br,0px) var(--mmd0d0-borderRadius-bl,0px); aspect-ratio: var(--mmd0d0-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--mmd0d0-borderWidth-tl-tablet, var(--mmd0d0-borderWidth-tl,0px)) var(--mmd0d0-borderWidth-tr-tablet, var(--mmd0d0-borderWidth-tr,0px)) var(--mmd0d0-borderWidth-br-tablet, var(--mmd0d0-borderWidth-br,0px)) var(--mmd0d0-borderWidth-bl-tablet, var(--mmd0d0-borderWidth-bl,0px)); border-radius: var(--mmd0d0-borderRadius-tl-tablet, var(--mmd0d0-borderRadius-tl,0px)) var(--mmd0d0-borderRadius-tr-tablet, var(--mmd0d0-borderRadius-tr,0px)) var(--mmd0d0-borderRadius-br-tablet, var(--mmd0d0-borderRadius-br,0px)) var(--mmd0d0-borderRadius-bl-tablet, var(--mmd0d0-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--mmd0d0-borderWidth-tl-mobile, var(--mmd0d0-borderWidth-tl,0px)) var(--mmd0d0-borderWidth-tr-mobile, var(--mmd0d0-borderWidth-tr,0px)) var(--mmd0d0-borderWidth-br-mobile, var(--mmd0d0-borderWidth-br,0px)) var(--mmd0d0-borderWidth-bl-mobile, var(--mmd0d0-borderWidth-bl,0px)); border-radius: var(--mmd0d0-borderRadius-tl-mobile, var(--mmd0d0-borderRadius-tl,0px)) var(--mmd0d0-borderRadius-tr-mobile, var(--mmd0d0-borderRadius-tr,0px)) var(--mmd0d0-borderRadius-br-mobile, var(--mmd0d0-borderRadius-br,0px)) var(--mmd0d0-borderRadius-bl-mobile, var(--mmd0d0-borderRadius-bl,0px)); } box-shadow: if( style(--mmd0d0-enableShadow: true): var(--mmd0d0-shadowHorizontal, 0) var(--mmd0d0-shadowVertical, 0) var(--mmd0d0-shadowBlur, 0) 1px var(--mmd0d0-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--mmd0d0-overlayColor-color, #000); opacity: var(--mmd0d0-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--mmd0d0-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--mmd0d0-width-tablet,var(--mmd0d0-width,100%)) - var(--mmd0d0-margin-left-tablet,var(--mmd0d0-margin-left,0px)) - var(--mmd0d0-margin-right-tablet,var(--mmd0d0-margin-right,0px))); aspect-ratio: var(--mmd0d0-imageRatio-tablet, var(--mmd0d0-imageRatio, auto)); img { object-fit: var(--mmd0d0-objFit-tablet, var(--mmd0d0-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--mmd0d0-width-mobile,var(--mmd0d0-width,100%)) - var(--mmd0d0-margin-left-mobile,var(--mmd0d0-margin-left,0px)) - var(--mmd0d0-margin-right-mobile,var(--mmd0d0-margin-right,0px))); aspect-ratio: var(--mmd0d0-imageRatio-mobile, var(--mmd0d0-imageRatio, auto)); img { object-fit: var(--mmd0d0-objFit-mobile, var(--mmd0d0-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-pyyamx"] { --pyyamx-direction: column; --pyyamx-direction-tablet: column; --pyyamx-direction-mobile: column; --pyyamx-justify-content: space-between; --pyyamx-justify-content-tablet: center; --pyyamx-justify-content-mobile: center; --pyyamx-padding-top: 80px; --pyyamx-padding-top-tablet: 28px; --pyyamx-padding-top-mobile: 24px; --pyyamx-padding-right: 80px; --pyyamx-padding-right-tablet: 28px; --pyyamx-padding-right-mobile: 24px; --pyyamx-padding-bottom: 80px; --pyyamx-padding-bottom-tablet: 28px; --pyyamx-padding-bottom-mobile: 24px; --pyyamx-padding-left: 80px; --pyyamx-padding-left-tablet: 28px; --pyyamx-padding-left-mobile: 24px; --pyyamx-background-type: color; --pyyamx-background-type-tablet: color; --pyyamx-background-type-mobile: color; --pyyamx-background-color: #F0EAE2; --pyyamx-background-color-tablet: #F0EAE2; --pyyamx-background-color-mobile: #F0EAE2; --pyyamx-align-items-tablet: flex-start; --pyyamx-align-items-mobile: flex-start; --pyyamx-borderRadius-tablet: 0px; --pyyamx-borderRadius-mobile: 0px; }[data-bnode="beae-pyyamx"] { padding-top: var(--pyyamx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pyyamx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pyyamx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pyyamx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pyyamx-padding-top-tablet, var(--pyyamx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pyyamx-padding-right-tablet, var(--pyyamx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pyyamx-padding-bottom-tablet, var(--pyyamx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pyyamx-padding-left-tablet, var(--pyyamx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pyyamx-padding-top-mobile, var(--pyyamx-padding-top-tablet, var(--pyyamx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pyyamx-padding-right-mobile, var(--pyyamx-padding-right-tablet, var(--pyyamx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pyyamx-padding-bottom-mobile, var(--pyyamx-padding-bottom-tablet, var(--pyyamx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pyyamx-padding-left-mobile, var(--pyyamx-padding-left-tablet, var(--pyyamx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--pyyamx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--pyyamx-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--pyyamx-background-imageRatio, auto); background: var(--pyyamx-background-color,transparent); border-style: var(--pyyamx-borderStyle,solid); border-color: var(--pyyamx-borderColor,#000000); border-width: var(--pyyamx-borderWidth-tl,0px) var(--pyyamx-borderWidth-tr,0px) var(--pyyamx-borderWidth-br,0px) var(--pyyamx-borderWidth-bl,0px); border-radius: var(--pyyamx-borderRadius-tl,0px) var(--pyyamx-borderRadius-tr,0px) var(--pyyamx-borderRadius-br,0px) var(--pyyamx-borderRadius-bl,0px); box-shadow: if(style(--pyyamx-enableShadow: true): var(--pyyamx-shadowHorizontal,0) var(--pyyamx-shadowVertical,0) var(--pyyamx-shadowBlur,0) 1px var(--pyyamx-shadowColor,#000000); else: none); max-width: var(--pyyamx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--pyyamx-background-imageRatio-tablet, var(--pyyamx-background-imageRatio, auto)); border-width: var(--pyyamx-borderWidth-tl-tablet,0px) var(--pyyamx-borderWidth-tr-tablet,0px) var(--pyyamx-borderWidth-br-tablet,0px) var(--pyyamx-borderWidth-bl-tablet,0px); border-radius: var(--pyyamx-borderRadius-tl-tablet,0px) var(--pyyamx-borderRadius-tr-tablet,0px) var(--pyyamx-borderRadius-br-tablet,0px) var(--pyyamx-borderRadius-bl-tablet,0px); max-width: var(--pyyamx-max-width-tablet, var(--pyyamx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--pyyamx-background-imageRatio-mobile, var(--pyyamx-background-imageRatio, auto)); border-width: var(--pyyamx-borderWidth-tl-mobile,0px) var(--pyyamx-borderWidth-tr-mobile,0px) var(--pyyamx-borderWidth-br-mobile,0px) var(--pyyamx-borderWidth-bl-mobile,0px); border-radius: var(--pyyamx-borderRadius-tl-mobile,0px) var(--pyyamx-borderRadius-tr-mobile,0px) var(--pyyamx-borderRadius-br-mobile,0px) var(--pyyamx-borderRadius-bl-mobile,0px); max-width: var(--pyyamx-max-width-mobile, var(--pyyamx-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pyyamx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--pyyamx-gap,var(--beae-card-gap)); padding-top: var(--pyyamx-padding-top,var(--beae-card-padding)); padding-right: var(--pyyamx-padding-right,var(--beae-card-padding)); padding-bottom: var(--pyyamx-padding-bottom,var(--beae-card-padding)); padding-left: var(--pyyamx-padding-left,var(--beae-card-padding)); border-width: var(--pyyamx-borderWidth,var(--beae-card-border-width)); border-width: var(--pyyamx-borderWidth-tl,var(--beae-card-border-width)) var(--pyyamx-borderWidth-tr,var(--beae-card-border-width)) var(--pyyamx-borderWidth-br,var(--beae-card-border-width)) var(--pyyamx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pyyamx-borderRadius-tl,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-tr,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-br,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--pyyamx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pyyamx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pyyamx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pyyamx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pyyamx-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--pyyamx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pyyamx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pyyamx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pyyamx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pyyamx-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--pyyamx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pyyamx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pyyamx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pyyamx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pyyamx-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--pyyamx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pyyamx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pyyamx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pyyamx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pyyamx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pyyamx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pyyamx-background-color,var(--beae-card-featured-background)); border-color: var(--pyyamx-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--pyyamx-enableShadow: true): var(--pyyamx-shadowHorizontal, var(--beae-card-shadow-x)) var(--pyyamx-shadowVertical, var(--beae-card-shadow-y)) var(--pyyamx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pyyamx-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--pyyamx-background-color,var(--beae-card-prod-background)); border-color: var(--pyyamx-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--pyyamx-enableShadow: true): var(--pyyamx-shadowHorizontal, var(--beae-card-shadow-x)) var(--pyyamx-shadowVertical, var(--beae-card-shadow-y)) var(--pyyamx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pyyamx-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--pyyamx-background-color,var(--beae-card-pricing-background)); border-color: var(--pyyamx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--pyyamx-enableShadow: true): var(--pyyamx-shadowHorizontal, var(--beae-card-shadow-x)) var(--pyyamx-shadowVertical, var(--beae-card-shadow-y)) var(--pyyamx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pyyamx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--pyyamx-background-color,var(--beae-card-cta-background)); border-color: var(--pyyamx-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--pyyamx-enableShadow: true): var(--pyyamx-shadowHorizontal, var(--beae-card-shadow-x)) var(--pyyamx-shadowVertical, var(--beae-card-shadow-y)) var(--pyyamx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pyyamx-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--pyyamx-background-color,var(--beae-card-media-background)); border-color: var(--pyyamx-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--pyyamx-enableShadow: true): var(--pyyamx-shadowHorizontal, var(--beae-card-shadow-x)) var(--pyyamx-shadowVertical, var(--beae-card-shadow-y)) var(--pyyamx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pyyamx-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-pyyamx"] {     display: flex;     flex-direction: var(--pyyamx-direction, column);     flex-wrap: nowrap;     justify-content: var(--pyyamx-justify-content);     align-items: var(--pyyamx-align-items);     gap: var(--pyyamx-gap, var(--pyyamx-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pyyamx"] {      flex-direction: var(--pyyamx-direction-tablet, column);           justify-content: var(--pyyamx-justify-content-tablet, inherit);      align-items: var(--pyyamx-align-items-tablet, inherit);      gap: var(--pyyamx-gap-tablet, var(--beae-slot-gap-tablet));              &>.beae-slot[data-bnode-index] {          flex: 1 1 auto;          min-height: 0;          max-height: max-content;        }           }    }    @media (max-width: 767px) {     [data-bnode="beae-pyyamx"] {                            gap: var(--pyyamx-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--pyyamx-padding-right-mobile, 0px) - var(--pyyamx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fsjn54"] { --fsjn54-typography: p3; --fsjn54-typography-tablet: p3; --fsjn54-typography-mobile: p3; --beae-p3-text-transform: uppercase; --fsjn54-margin-top: 0px; --fsjn54-margin-top-tablet: 0px; --fsjn54-margin-top-mobile: 0px; --fsjn54-margin-right: 0px; --fsjn54-margin-right-tablet: 0px; --fsjn54-margin-right-mobile: 0px; --fsjn54-margin-bottom: 8px; --fsjn54-margin-bottom-tablet: 8px; --fsjn54-margin-bottom-mobile: 8px; --fsjn54-margin-left: 0px; --fsjn54-margin-left-tablet: 0px; --fsjn54-margin-left-mobile: 0px; }[data-bnode="beae-fsjn54"] { margin-top: var(--fsjn54-margin-top, 0px); margin-right: var(--fsjn54-margin-right, 0px); margin-bottom: var(--fsjn54-margin-bottom, 0px); margin-left: var(--fsjn54-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fsjn54-margin-top-tablet, 0px); margin-right: var(--fsjn54-margin-right-tablet, 0px); margin-bottom: var(--fsjn54-margin-bottom-tablet, 0px); margin-left: var(--fsjn54-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fsjn54-margin-top-mobile, 0px); margin-right: var(--fsjn54-margin-right-mobile, 0px); margin-bottom: var(--fsjn54-margin-bottom-mobile, 0px); margin-left: var(--fsjn54-margin-left-mobile, 0px); } }[data-bnode="beae-krizyl"] { --krizyl-direction: column; --krizyl-direction-tablet: column; --krizyl-direction-mobile: column; --krizyl-structure: columns; --krizyl-structure-tablet: columns; --krizyl-structure-mobile: columns; --krizyl-padding-top: 0px; --krizyl-padding-top-tablet: 0px; --krizyl-padding-top-mobile: 0px; --krizyl-padding-right: 0px; --krizyl-padding-right-tablet: 0px; --krizyl-padding-right-mobile: 0px; --krizyl-padding-bottom: 0px; --krizyl-padding-bottom-tablet: 0px; --krizyl-padding-bottom-mobile: 0px; --krizyl-padding-left: 0px; --krizyl-padding-left-tablet: 0px; --krizyl-padding-left-mobile: 0px; --krizyl-gap: 0px; --krizyl-gap-tablet: 0px; --krizyl-gap-mobile: 0px; }[data-bnode="beae-krizyl"] { padding-top: var(--krizyl-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--krizyl-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--krizyl-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--krizyl-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--krizyl-padding-top-tablet, var(--krizyl-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--krizyl-padding-right-tablet, var(--krizyl-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--krizyl-padding-bottom-tablet, var(--krizyl-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--krizyl-padding-left-tablet, var(--krizyl-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--krizyl-padding-top-mobile, var(--krizyl-padding-top-tablet, var(--krizyl-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--krizyl-padding-right-mobile, var(--krizyl-padding-right-tablet, var(--krizyl-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--krizyl-padding-bottom-mobile, var(--krizyl-padding-bottom-tablet, var(--krizyl-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--krizyl-padding-left-mobile, var(--krizyl-padding-left-tablet, var(--krizyl-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--krizyl-padding-left, var(--beae-slot-padding-x, 0px)) - var(--krizyl-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--krizyl-background-imageRatio, auto); background: var(--krizyl-background-color,transparent); border-style: var(--krizyl-borderStyle,solid); border-color: var(--krizyl-borderColor,#000000); border-width: var(--krizyl-borderWidth-tl,0px) var(--krizyl-borderWidth-tr,0px) var(--krizyl-borderWidth-br,0px) var(--krizyl-borderWidth-bl,0px); border-radius: var(--krizyl-borderRadius-tl,0px) var(--krizyl-borderRadius-tr,0px) var(--krizyl-borderRadius-br,0px) var(--krizyl-borderRadius-bl,0px); box-shadow: if(style(--krizyl-enableShadow: true): var(--krizyl-shadowHorizontal,0) var(--krizyl-shadowVertical,0) var(--krizyl-shadowBlur,0) 1px var(--krizyl-shadowColor,#000000); else: none); max-width: var(--krizyl-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--krizyl-background-imageRatio-tablet, var(--krizyl-background-imageRatio, auto)); border-width: var(--krizyl-borderWidth-tl-tablet,0px) var(--krizyl-borderWidth-tr-tablet,0px) var(--krizyl-borderWidth-br-tablet,0px) var(--krizyl-borderWidth-bl-tablet,0px); border-radius: var(--krizyl-borderRadius-tl-tablet,0px) var(--krizyl-borderRadius-tr-tablet,0px) var(--krizyl-borderRadius-br-tablet,0px) var(--krizyl-borderRadius-bl-tablet,0px); max-width: var(--krizyl-max-width-tablet, var(--krizyl-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--krizyl-background-imageRatio-mobile, var(--krizyl-background-imageRatio, auto)); border-width: var(--krizyl-borderWidth-tl-mobile,0px) var(--krizyl-borderWidth-tr-mobile,0px) var(--krizyl-borderWidth-br-mobile,0px) var(--krizyl-borderWidth-bl-mobile,0px); border-radius: var(--krizyl-borderRadius-tl-mobile,0px) var(--krizyl-borderRadius-tr-mobile,0px) var(--krizyl-borderRadius-br-mobile,0px) var(--krizyl-borderRadius-bl-mobile,0px); max-width: var(--krizyl-max-width-mobile, var(--krizyl-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--krizyl-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--krizyl-gap,var(--beae-card-gap)); padding-top: var(--krizyl-padding-top,var(--beae-card-padding)); padding-right: var(--krizyl-padding-right,var(--beae-card-padding)); padding-bottom: var(--krizyl-padding-bottom,var(--beae-card-padding)); padding-left: var(--krizyl-padding-left,var(--beae-card-padding)); border-width: var(--krizyl-borderWidth,var(--beae-card-border-width)); border-width: var(--krizyl-borderWidth-tl,var(--beae-card-border-width)) var(--krizyl-borderWidth-tr,var(--beae-card-border-width)) var(--krizyl-borderWidth-br,var(--beae-card-border-width)) var(--krizyl-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--krizyl-borderRadius-tl,var(--beae-card-border-radius)) var(--krizyl-borderRadius-tr,var(--beae-card-border-radius)) var(--krizyl-borderRadius-br,var(--beae-card-border-radius)) var(--krizyl-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--krizyl-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--krizyl-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--krizyl-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--krizyl-padding-left-tablet,var(--beae-card-padding)); border-width: var(--krizyl-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--krizyl-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--krizyl-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--krizyl-borderWidth-br-desktop,var(--beae-card-border-width)) var(--krizyl-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--krizyl-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--krizyl-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--krizyl-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--krizyl-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--krizyl-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--krizyl-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--krizyl-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--krizyl-padding-left-mobile,var(--beae-card-padding)); border-width: var(--krizyl-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--krizyl-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--krizyl-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--krizyl-borderWidth-br-mobile,var(--beae-card-border-width)) var(--krizyl-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--krizyl-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--krizyl-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--krizyl-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--krizyl-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--krizyl-background-color,var(--beae-card-featured-background)); border-color: var(--krizyl-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--krizyl-enableShadow: true): var(--krizyl-shadowHorizontal, var(--beae-card-shadow-x)) var(--krizyl-shadowVertical, var(--beae-card-shadow-y)) var(--krizyl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--krizyl-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--krizyl-background-color,var(--beae-card-prod-background)); border-color: var(--krizyl-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--krizyl-enableShadow: true): var(--krizyl-shadowHorizontal, var(--beae-card-shadow-x)) var(--krizyl-shadowVertical, var(--beae-card-shadow-y)) var(--krizyl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--krizyl-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--krizyl-background-color,var(--beae-card-pricing-background)); border-color: var(--krizyl-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--krizyl-enableShadow: true): var(--krizyl-shadowHorizontal, var(--beae-card-shadow-x)) var(--krizyl-shadowVertical, var(--beae-card-shadow-y)) var(--krizyl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--krizyl-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--krizyl-background-color,var(--beae-card-cta-background)); border-color: var(--krizyl-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--krizyl-enableShadow: true): var(--krizyl-shadowHorizontal, var(--beae-card-shadow-x)) var(--krizyl-shadowVertical, var(--beae-card-shadow-y)) var(--krizyl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--krizyl-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--krizyl-background-color,var(--beae-card-media-background)); border-color: var(--krizyl-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--krizyl-enableShadow: true): var(--krizyl-shadowHorizontal, var(--beae-card-shadow-x)) var(--krizyl-shadowVertical, var(--beae-card-shadow-y)) var(--krizyl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--krizyl-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-krizyl"] {     display: flex;     flex-direction: var(--krizyl-direction, column);     flex-wrap: nowrap;     justify-content: var(--krizyl-justify-content);     align-items: var(--krizyl-align-items);     gap: var(--krizyl-gap, var(--krizyl-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-krizyl"] {                            gap: var(--krizyl-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--krizyl-padding-right-tablet, 0px) - var(--krizyl-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-krizyl"] {                            gap: var(--krizyl-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--krizyl-padding-right-mobile, 0px) - var(--krizyl-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-w348ig"] { --w348ig-typography: h2; --w348ig-typography-tablet: h2; --w348ig-typography-mobile: h2; --w348ig-margin-top: 0px; --w348ig-margin-top-tablet: 0px; --w348ig-margin-top-mobile: 0px; --w348ig-margin-right: 0px; --w348ig-margin-right-tablet: 0px; --w348ig-margin-right-mobile: 0px; --w348ig-margin-bottom: 16px; --w348ig-margin-bottom-tablet: 16px; --w348ig-margin-bottom-mobile: 16px; --w348ig-margin-left: 0px; --w348ig-margin-left-tablet: 0px; --w348ig-margin-left-mobile: 0px; }[data-bnode="beae-w348ig"] { margin-top: var(--w348ig-margin-top, 0px); margin-right: var(--w348ig-margin-right, 0px); margin-bottom: var(--w348ig-margin-bottom, 0px); margin-left: var(--w348ig-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w348ig-margin-top-tablet, 0px); margin-right: var(--w348ig-margin-right-tablet, 0px); margin-bottom: var(--w348ig-margin-bottom-tablet, 0px); margin-left: var(--w348ig-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w348ig-margin-top-mobile, 0px); margin-right: var(--w348ig-margin-right-mobile, 0px); margin-bottom: var(--w348ig-margin-bottom-mobile, 0px); margin-left: var(--w348ig-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--w348ig-highlightColor,var(--beae-p-color)); top: var(--w348ig-highlightTop, 100%); } }[data-bnode="beae-775idu"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #5b5b5b; --beae-p-font-family: DM Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.8; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --775idu-typography: p; --775idu-typography-tablet: p; --775idu-typography-mobile: p; }[data-bnode="beae-775idu"] { margin-top: var(--775idu-margin-top, 0px); margin-right: var(--775idu-margin-right, 0px); margin-bottom: var(--775idu-margin-bottom, 0px); margin-left: var(--775idu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--775idu-margin-top-tablet, 0px); margin-right: var(--775idu-margin-right-tablet, 0px); margin-bottom: var(--775idu-margin-bottom-tablet, 0px); margin-left: var(--775idu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--775idu-margin-top-mobile, 0px); margin-right: var(--775idu-margin-right-mobile, 0px); margin-bottom: var(--775idu-margin-bottom-mobile, 0px); margin-left: var(--775idu-margin-left-mobile, 0px); } }[data-bnode="beae-iyyxid"] { --iyyxid-width: fill; --iyyxid-width-tablet: fill; --iyyxid-width-mobile: fill; --beae-btn-font-size: 15px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 40px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 50px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #2C2925; --iyyxid-transform: uppercase; --iyyxid-transform-tablet: uppercase; --iyyxid-transform-mobile: uppercase; --iyyxid-iconWidth: 20px; --iyyxid-iconWidth-tablet: 20px; --iyyxid-iconWidth-mobile: 20px; --iyyxid-iconGap: 5px; --iyyxid-iconGap-tablet: 5px; --iyyxid-iconGap-mobile: 5px; --iyyxid-button: pr; --iyyxid-button-tablet: pr; --iyyxid-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; --iyyxid-margin-top: 0px; --iyyxid-margin-top-tablet: 0px; --iyyxid-margin-top-mobile: 0px; --iyyxid-margin-right: 176px; --iyyxid-margin-right-tablet: 176px; --iyyxid-margin-right-mobile: 80px; --iyyxid-margin-bottom: 0px; --iyyxid-margin-bottom-tablet: 0px; --iyyxid-margin-bottom-mobile: 0px; --iyyxid-margin-left: 0px; --iyyxid-margin-left-tablet: 0px; --iyyxid-margin-left-mobile: 0px; }[data-bnode="beae-iyyxid"] { margin-top: var(--iyyxid-margin-top, 0px); margin-right: var(--iyyxid-margin-right, 0px); margin-bottom: var(--iyyxid-margin-bottom, 0px); margin-left: var(--iyyxid-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--iyyxid-margin-top-tablet, 0px); margin-right: var(--iyyxid-margin-right-tablet, 0px); margin-bottom: var(--iyyxid-margin-bottom-tablet, 0px); margin-left: var(--iyyxid-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--iyyxid-margin-top-mobile, 0px); margin-right: var(--iyyxid-margin-right-mobile, 0px); margin-bottom: var(--iyyxid-margin-bottom-mobile, 0px); margin-left: var(--iyyxid-margin-left-mobile, 0px); } &{ gap:var(--iyyxid-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--iyyxid-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--iyyxid-bgBtnHover)) * 1%)); style(--iyyxid-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--iyyxid-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--iyyxid-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--iyyxid-labelBtnHover)) * 1%)); style(--iyyxid-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--iyyxid-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--iyyxid-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--iyyxid-borderBtnHover)) * 1%)); style(--iyyxid-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--iyyxid-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--iyyxid-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--iyyxid-bgBtnHover)) * 1%)); style(--iyyxid-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--iyyxid-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--iyyxid-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--iyyxid-labelBtnHover)) * 1%)); style(--iyyxid-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--iyyxid-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--iyyxid-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--iyyxid-borderBtnHover)) * 1%)); style(--iyyxid-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--iyyxid-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--iyyxid-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--iyyxid-labelBtnHover)) * 1%)); style(--iyyxid-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--iyyxid-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--iyyxid-iconWidth); } svg { width: var(--iyyxid-iconWidth,20px); min-width: var(--iyyxid-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--iyyxid-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--iyyxid-iconWidth-tablet, var(--iyyxid-iconWidth)); } svg { width: var(--iyyxid-iconWidth-tablet, var(--iyyxid-iconWidth)); min-width: var(--iyyxid-iconWidth-tablet, var(--iyyxid-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--iyyxid-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--iyyxid-iconWidth-mobile, var(--iyyxid-iconWidth)); } svg { width: var(--iyyxid-iconWidth-mobile, var(--iyyxid-iconWidth)); min-width: var(--iyyxid-iconWidth-mobile, var(--iyyxid-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-wmgn67"] { --wmgn67-width: 1920px; --wmgn67-width-tablet: 1920px; --wmgn67-width-mobile: 1920px; --wmgn67-height: 950px; --wmgn67-height-tablet: 950px; --wmgn67-height-mobile: fit-content; --wmgn67-direction: row; --wmgn67-direction-tablet: row; --wmgn67-direction-mobile: row; --wmgn67-structure: columns; --wmgn67-structure-tablet: columns; --wmgn67-structure-mobile: columns; --wmgn67-padding-top: 0px; --wmgn67-padding-top-tablet: 0px; --wmgn67-padding-top-mobile: 0px; --wmgn67-padding-bottom: 0px; --wmgn67-padding-bottom-tablet: 0px; --wmgn67-padding-bottom-mobile: 0px; --wmgn67-padding-right: 0px; --wmgn67-padding-right-tablet: 0px; --wmgn67-padding-right-mobile: 0px; --wmgn67-padding-left: 0px; --wmgn67-padding-left-tablet: 0px; --wmgn67-padding-left-mobile: 0px; }[data-bnode="beae-xphrr4"] { --xphrr4-autoRotate: false; --xphrr4-autoRotate-tablet: false; --xphrr4-autoRotate-mobile: false; --xphrr4-changeSlide: 5s; --xphrr4-changeSlide-tablet: 5s; --xphrr4-changeSlide-mobile: 5s; --xphrr4-slideBehavior: slide; --xphrr4-slideBehavior-tablet: slide; --xphrr4-slideBehavior-mobile: slide; --xphrr4-pagiType: dots; --xphrr4-pagiType-tablet: dots; --xphrr4-pagiType-mobile: dots; --xphrr4-slideHeight: auto; --xphrr4-slideHeight-tablet: auto; --xphrr4-slideHeight-mobile: auto; --xphrr4-gap: 20px; --xphrr4-gap-tablet: 20px; --xphrr4-gap-mobile: 20px; --xphrr4-stateNavigation: normal; --xphrr4-stateNavigation-tablet: normal; --xphrr4-stateNavigation-mobile: normal; --xphrr4-statePagination: active; --xphrr4-statePagination-tablet: active; --xphrr4-statePagination-mobile: active; --xphrr4-navType: nav-type-1; --xphrr4-navType-tablet: nav-type-1; --xphrr4-navType-mobile: nav-type-1; --xphrr4-navColor: #ffffff; --xphrr4-navColor-tablet: #ffffff; --xphrr4-navColor-mobile: #ffffff; --xphrr4-navBg: #f5f5f5; --xphrr4-navBg-tablet: #f5f5f5; --xphrr4-navBg-mobile: #f5f5f5; --xphrr4-navColorHover: #333333; --xphrr4-navColorHover-tablet: #333333; --xphrr4-navColorHover-mobile: #333333; --xphrr4-navBgHover: #cccccc; --xphrr4-navBgHover-tablet: #cccccc; --xphrr4-navBgHover-mobile: #cccccc; --xphrr4-navColorActive: #333333; --xphrr4-navColorActive-tablet: #333333; --xphrr4-navColorActive-mobile: #333333; --xphrr4-navBgActive: #cccccc; --xphrr4-navBgActive-tablet: #cccccc; --xphrr4-navBgActive-mobile: #cccccc; --xphrr4-navIconSize: 20px; --xphrr4-navIconSize-tablet: 20px; --xphrr4-navIconSize-mobile: 20px; --xphrr4-navPadding: 13px; --xphrr4-navPadding-tablet: 13px; --xphrr4-navPadding-mobile: 13px; --xphrr4-pagiColor: #e6e6e6; --xphrr4-pagiColor-tablet: #e6e6e6; --xphrr4-pagiColor-mobile: #e6e6e6; --xphrr4-pagiBg: #e6e6e6; --xphrr4-pagiBg-tablet: #e6e6e6; --xphrr4-pagiBg-mobile: #e6e6e6; --xphrr4-pagiColorHover: #cccccc; --xphrr4-pagiColorHover-tablet: #cccccc; --xphrr4-pagiColorHover-mobile: #cccccc; --xphrr4-pagiBgHover: #cccccc; --xphrr4-pagiBgHover-tablet: #cccccc; --xphrr4-pagiBgHover-mobile: #cccccc; --xphrr4-pagiColorActive: #181818; --xphrr4-pagiColorActive-tablet: #181818; --xphrr4-pagiColorActive-mobile: #181818; --xphrr4-pagiBgActive: #ffffff; --xphrr4-pagiBgActive-tablet: #ffffff; --xphrr4-pagiBgActive-mobile: #ffffff; --xphrr4-height: 950px; --xphrr4-height-tablet: 500px; --xphrr4-height-mobile: 720px; }[data-bnode="beae-xphrr4"] { margin-top: var(--xphrr4-margin-top, 0px); margin-right: var(--xphrr4-margin-right, 0px); margin-bottom: var(--xphrr4-margin-bottom, 0px); margin-left: var(--xphrr4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xphrr4-margin-top-tablet, 0px); margin-right: var(--xphrr4-margin-right-tablet, 0px); margin-bottom: var(--xphrr4-margin-bottom-tablet, 0px); margin-left: var(--xphrr4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xphrr4-margin-top-mobile, 0px); margin-right: var(--xphrr4-margin-right-mobile, 0px); margin-bottom: var(--xphrr4-margin-bottom-mobile, 0px); margin-left: var(--xphrr4-margin-left-mobile, 0px); } &.beae-content-list { height: var(--xphrr4-height); overflow: visible; position: relative; @media(max-width:768px) and (max-width:1180px) { height: var(--xphrr4-height-mobile); } @media(max-width:767px) { height: var(--xphrr4-height-mobile); } .beae-slider-wrapper { overflow: hidden; height: 100%; } .beae-slider-items { height: 100%; .beae-slider-item { flex: 0 0 100%; >.beae-slot { height: 100%; } } } .beae-slider-pagination-wrp { width: fit-content; } .beae-slider-controls { position: absolute; bottom: var(--xphrr4-controlsBottom, 24px); left: 0; right: 0; z-index: 10; pointer-events: none; } } .beae-slider-nav-left, .beae-slider-nav-right { opacity: 1; position: relative; top: unset; left: unset; right: unset; color: var(--xphrr4-navColor, #FAF8F5); cursor: pointer; pointer-events: auto; background: none; box-shadow: none; transform: none; padding: 0px; svg { width: var(--xphrr4-navIconSize, 20px); height: var(--xphrr4-navIconSize, 20px); path { fill: currentColor; } } } & .beae-slider-wrapper[data-pagination="dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--xphrr4-pagiBg, #E6E6E6); &.active { background: var(--xphrr4-pagiBgActive, #181818); width: 36px; height: 8px; border-radius: 6px; } &:not(.active):hover { background: var(--xphrr4-pagiBgHover, #CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"]+.beae-slider-controls .beae-slider-pagination { color: var(--xphrr4-pagiColor, #e6e6e6); &.active { color: var(--xphrr4-pagiColorActive, #181818); } &:not(.active):hover { color: var(--xphrr4-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"]+.beae-slider-controls .beae-slider-pagination-total { color: var(--xphrr4-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--xphrr4-pagiBg, #E6E6E6); &.active { background: var(--xphrr4-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--xphrr4-pagiBgHover, #CCCCCC); } } .beae-slider-controls-wrp { display: flex; align-items: center; justify-content: center; gap: var(--xphrr4-navGap, 16px); pointer-events: auto; } .beae-slider-wrapper { &[data-pagination="dots"], &[data-pagination="dynamic-dots"], &[data-pagination="numbers"] { &+.beae-slider-controls .beae-slider-pagination-wrapper { display: flex; gap: 8px; position: relative; align-items: center; justify-content: center; } } } }[data-bnode="beae-vew4ww"] { --vew4ww-borderRadius: 0px; --vew4ww-borderRadius-tablet: 0px; --vew4ww-borderRadius-mobile: 0px; --vew4ww-borderWidth: 0px; --vew4ww-borderWidth-tablet: 0px; --vew4ww-borderWidth-mobile: 0px; --vew4ww-borderColor: #FFFFFF; --vew4ww-borderColor-tablet: #FFFFFF; --vew4ww-borderColor-mobile: #FFFFFF; --vew4ww-shadowHorizontal: 0px; --vew4ww-shadowHorizontal-tablet: 0px; --vew4ww-shadowHorizontal-mobile: 0px; --vew4ww-shadowVertical: 0px; --vew4ww-shadowVertical-tablet: 0px; --vew4ww-shadowVertical-mobile: 0px; --vew4ww-shadowBlur: 0px; --vew4ww-shadowBlur-tablet: 0px; --vew4ww-shadowBlur-mobile: 0px; --vew4ww-shadowColor: #EEEEEE; --vew4ww-shadowColor-tablet: #EEEEEE; --vew4ww-shadowColor-mobile: #EEEEEE; --vew4ww-direction: column; --vew4ww-direction-tablet: row; --vew4ww-direction-mobile: row; --vew4ww-gap: 24px; --vew4ww-gap-tablet: 24px; --vew4ww-gap-mobile: 24px; --vew4ww-padding-top: 40px; --vew4ww-padding-top-tablet: 40px; --vew4ww-padding-top-mobile: 40px; --vew4ww-padding-bottom: 40px; --vew4ww-padding-bottom-tablet: 40px; --vew4ww-padding-bottom-mobile: 40px; --vew4ww-padding-left: 56px; --vew4ww-padding-left-tablet: 56px; --vew4ww-padding-left-mobile: 24px; --vew4ww-padding-right: 56px; --vew4ww-padding-right-tablet: 56px; --vew4ww-padding-right-mobile: 24px; --vew4ww-justify-content: center; --vew4ww-justify-content-tablet: center; --vew4ww-justify-content-mobile: center; --vew4ww-align-items: flex-start; --vew4ww-align-items-tablet: center; --vew4ww-align-items-mobile: center; --vew4ww-background-type: image; --vew4ww-background-type-tablet: image; --vew4ww-background-type-mobile: image; --vew4ww-background-image: [object Object]; --vew4ww-background-image-tablet: [object Object]; --vew4ww-background-image-mobile: [object Object]; --vew4ww-structure-tablet: auto; --vew4ww-structure-mobile: auto; }[data-bnode="beae-vew4ww"] { padding-top: var(--vew4ww-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vew4ww-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vew4ww-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vew4ww-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vew4ww-padding-top-tablet, var(--vew4ww-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vew4ww-padding-right-tablet, var(--vew4ww-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vew4ww-padding-bottom-tablet, var(--vew4ww-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vew4ww-padding-left-tablet, var(--vew4ww-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vew4ww-padding-top-mobile, var(--vew4ww-padding-top-tablet, var(--vew4ww-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vew4ww-padding-right-mobile, var(--vew4ww-padding-right-tablet, var(--vew4ww-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vew4ww-padding-bottom-mobile, var(--vew4ww-padding-bottom-tablet, var(--vew4ww-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vew4ww-padding-left-mobile, var(--vew4ww-padding-left-tablet, var(--vew4ww-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--vew4ww-padding-left, var(--beae-slot-padding-x, 0px)) - var(--vew4ww-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--vew4ww-background-imageRatio, auto); background: var(--vew4ww-background-color,transparent); border-style: var(--vew4ww-borderStyle,solid); border-color: var(--vew4ww-borderColor,#000000); border-width: var(--vew4ww-borderWidth-tl,0px) var(--vew4ww-borderWidth-tr,0px) var(--vew4ww-borderWidth-br,0px) var(--vew4ww-borderWidth-bl,0px); border-radius: var(--vew4ww-borderRadius-tl,0px) var(--vew4ww-borderRadius-tr,0px) var(--vew4ww-borderRadius-br,0px) var(--vew4ww-borderRadius-bl,0px); box-shadow: if(style(--vew4ww-enableShadow: true): var(--vew4ww-shadowHorizontal,0) var(--vew4ww-shadowVertical,0) var(--vew4ww-shadowBlur,0) 1px var(--vew4ww-shadowColor,#000000); else: none); max-width: var(--vew4ww-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--vew4ww-background-imageRatio-tablet, var(--vew4ww-background-imageRatio, auto)); border-width: var(--vew4ww-borderWidth-tl-tablet,0px) var(--vew4ww-borderWidth-tr-tablet,0px) var(--vew4ww-borderWidth-br-tablet,0px) var(--vew4ww-borderWidth-bl-tablet,0px); border-radius: var(--vew4ww-borderRadius-tl-tablet,0px) var(--vew4ww-borderRadius-tr-tablet,0px) var(--vew4ww-borderRadius-br-tablet,0px) var(--vew4ww-borderRadius-bl-tablet,0px); max-width: var(--vew4ww-max-width-tablet, var(--vew4ww-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--vew4ww-background-imageRatio-mobile, var(--vew4ww-background-imageRatio, auto)); border-width: var(--vew4ww-borderWidth-tl-mobile,0px) var(--vew4ww-borderWidth-tr-mobile,0px) var(--vew4ww-borderWidth-br-mobile,0px) var(--vew4ww-borderWidth-bl-mobile,0px); border-radius: var(--vew4ww-borderRadius-tl-mobile,0px) var(--vew4ww-borderRadius-tr-mobile,0px) var(--vew4ww-borderRadius-br-mobile,0px) var(--vew4ww-borderRadius-bl-mobile,0px); max-width: var(--vew4ww-max-width-mobile, var(--vew4ww-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--vew4ww-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--vew4ww-gap,var(--beae-card-gap)); padding-top: var(--vew4ww-padding-top,var(--beae-card-padding)); padding-right: var(--vew4ww-padding-right,var(--beae-card-padding)); padding-bottom: var(--vew4ww-padding-bottom,var(--beae-card-padding)); padding-left: var(--vew4ww-padding-left,var(--beae-card-padding)); border-width: var(--vew4ww-borderWidth,var(--beae-card-border-width)); border-width: var(--vew4ww-borderWidth-tl,var(--beae-card-border-width)) var(--vew4ww-borderWidth-tr,var(--beae-card-border-width)) var(--vew4ww-borderWidth-br,var(--beae-card-border-width)) var(--vew4ww-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--vew4ww-borderRadius-tl,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-tr,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-br,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--vew4ww-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--vew4ww-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--vew4ww-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--vew4ww-padding-left-tablet,var(--beae-card-padding)); border-width: var(--vew4ww-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--vew4ww-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--vew4ww-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--vew4ww-borderWidth-br-desktop,var(--beae-card-border-width)) var(--vew4ww-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--vew4ww-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--vew4ww-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--vew4ww-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--vew4ww-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--vew4ww-padding-left-mobile,var(--beae-card-padding)); border-width: var(--vew4ww-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--vew4ww-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--vew4ww-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--vew4ww-borderWidth-br-mobile,var(--beae-card-border-width)) var(--vew4ww-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--vew4ww-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--vew4ww-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--vew4ww-background-color,var(--beae-card-featured-background)); border-color: var(--vew4ww-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--vew4ww-enableShadow: true): var(--vew4ww-shadowHorizontal, var(--beae-card-shadow-x)) var(--vew4ww-shadowVertical, var(--beae-card-shadow-y)) var(--vew4ww-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vew4ww-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--vew4ww-background-color,var(--beae-card-prod-background)); border-color: var(--vew4ww-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--vew4ww-enableShadow: true): var(--vew4ww-shadowHorizontal, var(--beae-card-shadow-x)) var(--vew4ww-shadowVertical, var(--beae-card-shadow-y)) var(--vew4ww-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vew4ww-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--vew4ww-background-color,var(--beae-card-pricing-background)); border-color: var(--vew4ww-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--vew4ww-enableShadow: true): var(--vew4ww-shadowHorizontal, var(--beae-card-shadow-x)) var(--vew4ww-shadowVertical, var(--beae-card-shadow-y)) var(--vew4ww-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vew4ww-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--vew4ww-background-color,var(--beae-card-cta-background)); border-color: var(--vew4ww-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--vew4ww-enableShadow: true): var(--vew4ww-shadowHorizontal, var(--beae-card-shadow-x)) var(--vew4ww-shadowVertical, var(--beae-card-shadow-y)) var(--vew4ww-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vew4ww-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--vew4ww-background-color,var(--beae-card-media-background)); border-color: var(--vew4ww-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--vew4ww-enableShadow: true): var(--vew4ww-shadowHorizontal, var(--beae-card-shadow-x)) var(--vew4ww-shadowVertical, var(--beae-card-shadow-y)) var(--vew4ww-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vew4ww-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-vew4ww"] {     display: flex;     flex-direction: var(--vew4ww-direction, column);     flex-wrap: nowrap;     justify-content: var(--vew4ww-justify-content);     align-items: var(--vew4ww-align-items);     gap: var(--vew4ww-gap, var(--vew4ww-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-vew4ww"] {      flex-direction: var(--vew4ww-direction-tablet, column);                 align-items: var(--vew4ww-align-items-tablet, inherit);      gap: var(--vew4ww-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-vew4ww"] {                      align-items: var(--vew4ww-align-items-mobile, inherit);      gap: var(--vew4ww-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }[data-bnode="beae-p82r09"] { --p82r09-padding-top: 40px; --p82r09-padding-top-tablet: 40px; --p82r09-padding-top-mobile: 24px; --p82r09-padding-right: 0px; --p82r09-padding-right-tablet: 0px; --p82r09-padding-right-mobile: 24px; --p82r09-padding-bottom: 40px; --p82r09-padding-bottom-tablet: 40px; --p82r09-padding-bottom-mobile: 24px; --p82r09-padding-left: 0px; --p82r09-padding-left-tablet: 0px; --p82r09-padding-left-mobile: 24px; --p82r09-direction: column; --p82r09-direction-tablet: column; --p82r09-direction-mobile: column; --p82r09-justify-content: flex-start; --p82r09-justify-content-tablet: flex-start; --p82r09-justify-content-mobile: flex-start; --p82r09-align-items: flex-start; --p82r09-align-items-tablet: flex-start; --p82r09-align-items-mobile: flex-start; --p82r09-max-width: 550px; --p82r09-max-width-tablet: 550px; --p82r09-max-width-mobile: 550px; --p82r09-max-width_custom: 550px; --p82r09-max-width_custom-tablet: 550px; --p82r09-max-width_custom-mobile: 550px; --p82r09-gap: 12px; --p82r09-gap-tablet: 12px; --p82r09-gap-mobile: 12px; --p82r09-background-type: color; --p82r09-background-type-tablet: color; --p82r09-background-type-mobile: color; --p82r09-background-color: #fffffff00; --p82r09-background-color-tablet: #fffffff00; --p82r09-background-color-mobile: #fffffff00; --p82r09-borderRadius: 0px; --p82r09-borderRadius-tablet: 0px; --p82r09-borderRadius-mobile: 0px; }[data-bnode="beae-p82r09"] { padding-top: var(--p82r09-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--p82r09-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--p82r09-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--p82r09-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p82r09-padding-top-tablet, var(--p82r09-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--p82r09-padding-right-tablet, var(--p82r09-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--p82r09-padding-bottom-tablet, var(--p82r09-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--p82r09-padding-left-tablet, var(--p82r09-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p82r09-padding-top-mobile, var(--p82r09-padding-top-tablet, var(--p82r09-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--p82r09-padding-right-mobile, var(--p82r09-padding-right-tablet, var(--p82r09-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--p82r09-padding-bottom-mobile, var(--p82r09-padding-bottom-tablet, var(--p82r09-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--p82r09-padding-left-mobile, var(--p82r09-padding-left-tablet, var(--p82r09-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--p82r09-padding-left, var(--beae-slot-padding-x, 0px)) - var(--p82r09-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--p82r09-background-imageRatio, auto); background: var(--p82r09-background-color,transparent); border-style: var(--p82r09-borderStyle,solid); border-color: var(--p82r09-borderColor,#000000); border-width: var(--p82r09-borderWidth-tl,0px) var(--p82r09-borderWidth-tr,0px) var(--p82r09-borderWidth-br,0px) var(--p82r09-borderWidth-bl,0px); border-radius: var(--p82r09-borderRadius-tl,0px) var(--p82r09-borderRadius-tr,0px) var(--p82r09-borderRadius-br,0px) var(--p82r09-borderRadius-bl,0px); box-shadow: if(style(--p82r09-enableShadow: true): var(--p82r09-shadowHorizontal,0) var(--p82r09-shadowVertical,0) var(--p82r09-shadowBlur,0) 1px var(--p82r09-shadowColor,#000000); else: none); max-width: var(--p82r09-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--p82r09-background-imageRatio-tablet, var(--p82r09-background-imageRatio, auto)); border-width: var(--p82r09-borderWidth-tl-tablet,0px) var(--p82r09-borderWidth-tr-tablet,0px) var(--p82r09-borderWidth-br-tablet,0px) var(--p82r09-borderWidth-bl-tablet,0px); border-radius: var(--p82r09-borderRadius-tl-tablet,0px) var(--p82r09-borderRadius-tr-tablet,0px) var(--p82r09-borderRadius-br-tablet,0px) var(--p82r09-borderRadius-bl-tablet,0px); max-width: var(--p82r09-max-width-tablet, var(--p82r09-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--p82r09-background-imageRatio-mobile, var(--p82r09-background-imageRatio, auto)); border-width: var(--p82r09-borderWidth-tl-mobile,0px) var(--p82r09-borderWidth-tr-mobile,0px) var(--p82r09-borderWidth-br-mobile,0px) var(--p82r09-borderWidth-bl-mobile,0px); border-radius: var(--p82r09-borderRadius-tl-mobile,0px) var(--p82r09-borderRadius-tr-mobile,0px) var(--p82r09-borderRadius-br-mobile,0px) var(--p82r09-borderRadius-bl-mobile,0px); max-width: var(--p82r09-max-width-mobile, var(--p82r09-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--p82r09-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--p82r09-gap,var(--beae-card-gap)); padding-top: var(--p82r09-padding-top,var(--beae-card-padding)); padding-right: var(--p82r09-padding-right,var(--beae-card-padding)); padding-bottom: var(--p82r09-padding-bottom,var(--beae-card-padding)); padding-left: var(--p82r09-padding-left,var(--beae-card-padding)); border-width: var(--p82r09-borderWidth,var(--beae-card-border-width)); border-width: var(--p82r09-borderWidth-tl,var(--beae-card-border-width)) var(--p82r09-borderWidth-tr,var(--beae-card-border-width)) var(--p82r09-borderWidth-br,var(--beae-card-border-width)) var(--p82r09-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p82r09-borderRadius-tl,var(--beae-card-border-radius)) var(--p82r09-borderRadius-tr,var(--beae-card-border-radius)) var(--p82r09-borderRadius-br,var(--beae-card-border-radius)) var(--p82r09-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--p82r09-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--p82r09-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--p82r09-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--p82r09-padding-left-tablet,var(--beae-card-padding)); border-width: var(--p82r09-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--p82r09-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--p82r09-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--p82r09-borderWidth-br-desktop,var(--beae-card-border-width)) var(--p82r09-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--p82r09-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--p82r09-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--p82r09-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--p82r09-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--p82r09-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--p82r09-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--p82r09-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--p82r09-padding-left-mobile,var(--beae-card-padding)); border-width: var(--p82r09-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--p82r09-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--p82r09-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--p82r09-borderWidth-br-mobile,var(--beae-card-border-width)) var(--p82r09-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--p82r09-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--p82r09-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--p82r09-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--p82r09-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--p82r09-background-color,var(--beae-card-featured-background)); border-color: var(--p82r09-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--p82r09-enableShadow: true): var(--p82r09-shadowHorizontal, var(--beae-card-shadow-x)) var(--p82r09-shadowVertical, var(--beae-card-shadow-y)) var(--p82r09-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p82r09-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--p82r09-background-color,var(--beae-card-prod-background)); border-color: var(--p82r09-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--p82r09-enableShadow: true): var(--p82r09-shadowHorizontal, var(--beae-card-shadow-x)) var(--p82r09-shadowVertical, var(--beae-card-shadow-y)) var(--p82r09-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p82r09-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--p82r09-background-color,var(--beae-card-pricing-background)); border-color: var(--p82r09-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--p82r09-enableShadow: true): var(--p82r09-shadowHorizontal, var(--beae-card-shadow-x)) var(--p82r09-shadowVertical, var(--beae-card-shadow-y)) var(--p82r09-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p82r09-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--p82r09-background-color,var(--beae-card-cta-background)); border-color: var(--p82r09-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--p82r09-enableShadow: true): var(--p82r09-shadowHorizontal, var(--beae-card-shadow-x)) var(--p82r09-shadowVertical, var(--beae-card-shadow-y)) var(--p82r09-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p82r09-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--p82r09-background-color,var(--beae-card-media-background)); border-color: var(--p82r09-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--p82r09-enableShadow: true): var(--p82r09-shadowHorizontal, var(--beae-card-shadow-x)) var(--p82r09-shadowVertical, var(--beae-card-shadow-y)) var(--p82r09-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p82r09-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-p82r09"] {     display: flex;     flex-direction: var(--p82r09-direction, column);     flex-wrap: nowrap;     justify-content: var(--p82r09-justify-content);     align-items: var(--p82r09-align-items);     gap: var(--p82r09-gap, var(--p82r09-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-p82r09"] {                            gap: var(--p82r09-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--p82r09-padding-right-tablet, 0px) - var(--p82r09-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-p82r09"] {                            gap: var(--p82r09-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--p82r09-padding-right-mobile, 0px) - var(--p82r09-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5dqqof"] { --5dqqof-typography: h1; --5dqqof-typography-tablet: h1; --5dqqof-typography-mobile: h1; --beae-h1-font-size: 60px; --beae-h1-font-size-tablet: 46px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #ffffff; --beae-h1-font-weight: 500; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; }[data-bnode="beae-5dqqof"] { margin-top: var(--5dqqof-margin-top, 0px); margin-right: var(--5dqqof-margin-right, 0px); margin-bottom: var(--5dqqof-margin-bottom, 0px); margin-left: var(--5dqqof-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5dqqof-margin-top-tablet, 0px); margin-right: var(--5dqqof-margin-right-tablet, 0px); margin-bottom: var(--5dqqof-margin-bottom-tablet, 0px); margin-left: var(--5dqqof-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5dqqof-margin-top-mobile, 0px); margin-right: var(--5dqqof-margin-right-mobile, 0px); margin-bottom: var(--5dqqof-margin-bottom-mobile, 0px); margin-left: var(--5dqqof-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--5dqqof-highlightColor,var(--beae-p-color)); top: var(--5dqqof-highlightTop, 100%); } }[data-bnode="beae-w2qt0f"] { --w2qt0f-maxWidth: unset; --w2qt0f-maxWidth-tablet: unset; --w2qt0f-maxWidth-mobile: unset; --w2qt0f-typography: p; --w2qt0f-typography-tablet: p; --w2qt0f-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-size: 15px; --beae-p-font-size-tablet: 15px; --beae-p-font-size-mobile: 15px; --beae-p-color: #ffffff; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; }[data-bnode="beae-w2qt0f"] { margin-top: var(--w2qt0f-margin-top, 0px); margin-right: var(--w2qt0f-margin-right, 0px); margin-bottom: var(--w2qt0f-margin-bottom, 0px); margin-left: var(--w2qt0f-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w2qt0f-margin-top-tablet, 0px); margin-right: var(--w2qt0f-margin-right-tablet, 0px); margin-bottom: var(--w2qt0f-margin-bottom-tablet, 0px); margin-left: var(--w2qt0f-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w2qt0f-margin-top-mobile, 0px); margin-right: var(--w2qt0f-margin-right-mobile, 0px); margin-bottom: var(--w2qt0f-margin-bottom-mobile, 0px); margin-left: var(--w2qt0f-margin-left-mobile, 0px); } }[data-bnode="beae-rk4g0t"] { --rk4g0t-width: fill; --rk4g0t-width-tablet: fill; --rk4g0t-width-mobile: fill; --rk4g0t-button: pr; --rk4g0t-button-tablet: pr; --rk4g0t-button-mobile: pr; --beae-btn-pr-label-color: #2C2925; --beae-btn-pr-background-color: #ffffff; --rk4g0t-margin-top: 20px; --rk4g0t-margin-top-tablet: 20px; --rk4g0t-margin-top-mobile: 20px; --rk4g0t-margin-right: 0px; --rk4g0t-margin-right-tablet: 0px; --rk4g0t-margin-right-mobile: 0px; --rk4g0t-margin-bottom: 0px; --rk4g0t-margin-bottom-tablet: 0px; --rk4g0t-margin-bottom-mobile: 0px; --rk4g0t-margin-left: 0px; --rk4g0t-margin-left-tablet: 0px; --rk4g0t-margin-left-mobile: 0px; }[data-bnode="beae-rk4g0t"] { margin-top: var(--rk4g0t-margin-top, 0px); margin-right: var(--rk4g0t-margin-right, 0px); margin-bottom: var(--rk4g0t-margin-bottom, 0px); margin-left: var(--rk4g0t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rk4g0t-margin-top-tablet, 0px); margin-right: var(--rk4g0t-margin-right-tablet, 0px); margin-bottom: var(--rk4g0t-margin-bottom-tablet, 0px); margin-left: var(--rk4g0t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rk4g0t-margin-top-mobile, 0px); margin-right: var(--rk4g0t-margin-right-mobile, 0px); margin-bottom: var(--rk4g0t-margin-bottom-mobile, 0px); margin-left: var(--rk4g0t-margin-left-mobile, 0px); } &{ gap:var(--rk4g0t-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--rk4g0t-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--rk4g0t-bgBtnHover)) * 1%)); style(--rk4g0t-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--rk4g0t-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--rk4g0t-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--rk4g0t-labelBtnHover)) * 1%)); style(--rk4g0t-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--rk4g0t-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--rk4g0t-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--rk4g0t-borderBtnHover)) * 1%)); style(--rk4g0t-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--rk4g0t-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--rk4g0t-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--rk4g0t-bgBtnHover)) * 1%)); style(--rk4g0t-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--rk4g0t-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--rk4g0t-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--rk4g0t-labelBtnHover)) * 1%)); style(--rk4g0t-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--rk4g0t-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--rk4g0t-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--rk4g0t-borderBtnHover)) * 1%)); style(--rk4g0t-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--rk4g0t-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--rk4g0t-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--rk4g0t-labelBtnHover)) * 1%)); style(--rk4g0t-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--rk4g0t-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--rk4g0t-iconWidth); } svg { width: var(--rk4g0t-iconWidth,20px); min-width: var(--rk4g0t-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--rk4g0t-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--rk4g0t-iconWidth-tablet, var(--rk4g0t-iconWidth)); } svg { width: var(--rk4g0t-iconWidth-tablet, var(--rk4g0t-iconWidth)); min-width: var(--rk4g0t-iconWidth-tablet, var(--rk4g0t-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--rk4g0t-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--rk4g0t-iconWidth-mobile, var(--rk4g0t-iconWidth)); } svg { width: var(--rk4g0t-iconWidth-mobile, var(--rk4g0t-iconWidth)); min-width: var(--rk4g0t-iconWidth-mobile, var(--rk4g0t-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-g2heyb"] { --g2heyb-borderRadius: 0px; --g2heyb-borderRadius-tablet: 0px; --g2heyb-borderRadius-mobile: 0px; --g2heyb-borderWidth: 0px; --g2heyb-borderWidth-tablet: 0px; --g2heyb-borderWidth-mobile: 0px; --g2heyb-borderColor: #FFFFFF; --g2heyb-borderColor-tablet: #FFFFFF; --g2heyb-borderColor-mobile: #FFFFFF; --g2heyb-shadowHorizontal: 0px; --g2heyb-shadowHorizontal-tablet: 0px; --g2heyb-shadowHorizontal-mobile: 0px; --g2heyb-shadowVertical: 0px; --g2heyb-shadowVertical-tablet: 0px; --g2heyb-shadowVertical-mobile: 0px; --g2heyb-shadowBlur: 0px; --g2heyb-shadowBlur-tablet: 0px; --g2heyb-shadowBlur-mobile: 0px; --g2heyb-shadowColor: #EEEEEE; --g2heyb-shadowColor-tablet: #EEEEEE; --g2heyb-shadowColor-mobile: #EEEEEE; --g2heyb-direction: row; --g2heyb-direction-tablet: row; --g2heyb-direction-mobile: row; --g2heyb-gap: 16px; --g2heyb-gap-tablet: 16px; --g2heyb-gap-mobile: 16px; --g2heyb-padding-top: 0px; --g2heyb-padding-top-tablet: 0px; --g2heyb-padding-top-mobile: 0px; --g2heyb-padding-bottom: 0px; --g2heyb-padding-bottom-tablet: 0px; --g2heyb-padding-bottom-mobile: 0px; --g2heyb-padding-left: 96px; --g2heyb-padding-left-tablet: 96px; --g2heyb-padding-left-mobile: 24px; --g2heyb-padding-right: 96px; --g2heyb-padding-right-tablet: 96px; --g2heyb-padding-right-mobile: 24px; --g2heyb-align-items: center; --g2heyb-align-items-tablet: center; --g2heyb-align-items-mobile: center; --g2heyb-justify-content: flex-start; --g2heyb-justify-content-tablet: flex-start; --g2heyb-justify-content-mobile: flex-start; --g2heyb-background-type: image; --g2heyb-background-type-tablet: image; --g2heyb-background-type-mobile: image; --g2heyb-background-image: [object Object]; --g2heyb-background-image-tablet: [object Object]; --g2heyb-background-image-mobile: [object Object]; }[data-bnode="beae-g2heyb"] { padding-top: var(--g2heyb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--g2heyb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--g2heyb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--g2heyb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--g2heyb-padding-top-tablet, var(--g2heyb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--g2heyb-padding-right-tablet, var(--g2heyb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--g2heyb-padding-bottom-tablet, var(--g2heyb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--g2heyb-padding-left-tablet, var(--g2heyb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--g2heyb-padding-top-mobile, var(--g2heyb-padding-top-tablet, var(--g2heyb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--g2heyb-padding-right-mobile, var(--g2heyb-padding-right-tablet, var(--g2heyb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--g2heyb-padding-bottom-mobile, var(--g2heyb-padding-bottom-tablet, var(--g2heyb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--g2heyb-padding-left-mobile, var(--g2heyb-padding-left-tablet, var(--g2heyb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--g2heyb-padding-left, var(--beae-slot-padding-x, 0px)) - var(--g2heyb-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--g2heyb-background-imageRatio, auto); background: var(--g2heyb-background-color,transparent); border-style: var(--g2heyb-borderStyle,solid); border-color: var(--g2heyb-borderColor,#000000); border-width: var(--g2heyb-borderWidth-tl,0px) var(--g2heyb-borderWidth-tr,0px) var(--g2heyb-borderWidth-br,0px) var(--g2heyb-borderWidth-bl,0px); border-radius: var(--g2heyb-borderRadius-tl,0px) var(--g2heyb-borderRadius-tr,0px) var(--g2heyb-borderRadius-br,0px) var(--g2heyb-borderRadius-bl,0px); box-shadow: if(style(--g2heyb-enableShadow: true): var(--g2heyb-shadowHorizontal,0) var(--g2heyb-shadowVertical,0) var(--g2heyb-shadowBlur,0) 1px var(--g2heyb-shadowColor,#000000); else: none); max-width: var(--g2heyb-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--g2heyb-background-imageRatio-tablet, var(--g2heyb-background-imageRatio, auto)); border-width: var(--g2heyb-borderWidth-tl-tablet,0px) var(--g2heyb-borderWidth-tr-tablet,0px) var(--g2heyb-borderWidth-br-tablet,0px) var(--g2heyb-borderWidth-bl-tablet,0px); border-radius: var(--g2heyb-borderRadius-tl-tablet,0px) var(--g2heyb-borderRadius-tr-tablet,0px) var(--g2heyb-borderRadius-br-tablet,0px) var(--g2heyb-borderRadius-bl-tablet,0px); max-width: var(--g2heyb-max-width-tablet, var(--g2heyb-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--g2heyb-background-imageRatio-mobile, var(--g2heyb-background-imageRatio, auto)); border-width: var(--g2heyb-borderWidth-tl-mobile,0px) var(--g2heyb-borderWidth-tr-mobile,0px) var(--g2heyb-borderWidth-br-mobile,0px) var(--g2heyb-borderWidth-bl-mobile,0px); border-radius: var(--g2heyb-borderRadius-tl-mobile,0px) var(--g2heyb-borderRadius-tr-mobile,0px) var(--g2heyb-borderRadius-br-mobile,0px) var(--g2heyb-borderRadius-bl-mobile,0px); max-width: var(--g2heyb-max-width-mobile, var(--g2heyb-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--g2heyb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--g2heyb-gap,var(--beae-card-gap)); padding-top: var(--g2heyb-padding-top,var(--beae-card-padding)); padding-right: var(--g2heyb-padding-right,var(--beae-card-padding)); padding-bottom: var(--g2heyb-padding-bottom,var(--beae-card-padding)); padding-left: var(--g2heyb-padding-left,var(--beae-card-padding)); border-width: var(--g2heyb-borderWidth,var(--beae-card-border-width)); border-width: var(--g2heyb-borderWidth-tl,var(--beae-card-border-width)) var(--g2heyb-borderWidth-tr,var(--beae-card-border-width)) var(--g2heyb-borderWidth-br,var(--beae-card-border-width)) var(--g2heyb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--g2heyb-borderRadius-tl,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-tr,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-br,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--g2heyb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--g2heyb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--g2heyb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--g2heyb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--g2heyb-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--g2heyb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--g2heyb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--g2heyb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--g2heyb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--g2heyb-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--g2heyb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--g2heyb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--g2heyb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--g2heyb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--g2heyb-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--g2heyb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--g2heyb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--g2heyb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--g2heyb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--g2heyb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--g2heyb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--g2heyb-background-color,var(--beae-card-featured-background)); border-color: var(--g2heyb-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--g2heyb-enableShadow: true): var(--g2heyb-shadowHorizontal, var(--beae-card-shadow-x)) var(--g2heyb-shadowVertical, var(--beae-card-shadow-y)) var(--g2heyb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g2heyb-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--g2heyb-background-color,var(--beae-card-prod-background)); border-color: var(--g2heyb-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--g2heyb-enableShadow: true): var(--g2heyb-shadowHorizontal, var(--beae-card-shadow-x)) var(--g2heyb-shadowVertical, var(--beae-card-shadow-y)) var(--g2heyb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g2heyb-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--g2heyb-background-color,var(--beae-card-pricing-background)); border-color: var(--g2heyb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--g2heyb-enableShadow: true): var(--g2heyb-shadowHorizontal, var(--beae-card-shadow-x)) var(--g2heyb-shadowVertical, var(--beae-card-shadow-y)) var(--g2heyb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g2heyb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--g2heyb-background-color,var(--beae-card-cta-background)); border-color: var(--g2heyb-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--g2heyb-enableShadow: true): var(--g2heyb-shadowHorizontal, var(--beae-card-shadow-x)) var(--g2heyb-shadowVertical, var(--beae-card-shadow-y)) var(--g2heyb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g2heyb-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--g2heyb-background-color,var(--beae-card-media-background)); border-color: var(--g2heyb-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--g2heyb-enableShadow: true): var(--g2heyb-shadowHorizontal, var(--beae-card-shadow-x)) var(--g2heyb-shadowVertical, var(--beae-card-shadow-y)) var(--g2heyb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g2heyb-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-g2heyb"] {     display: flex;     flex-direction: var(--g2heyb-direction, column);     flex-wrap: nowrap;     justify-content: var(--g2heyb-justify-content);     align-items: var(--g2heyb-align-items);     gap: var(--g2heyb-gap, var(--g2heyb-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-g2heyb"] {                            gap: var(--g2heyb-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--g2heyb-padding-right-tablet, 0px) - var(--g2heyb-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-g2heyb"] {                            gap: var(--g2heyb-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--g2heyb-padding-right-mobile, 0px) - var(--g2heyb-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7aetnk"] { --7aetnk-padding-top: 40px; --7aetnk-padding-top-tablet: 40px; --7aetnk-padding-top-mobile: 24px; --7aetnk-padding-bottom: 40px; --7aetnk-padding-bottom-tablet: 40px; --7aetnk-padding-bottom-mobile: 24px; --7aetnk-padding-left: 64px; --7aetnk-padding-left-tablet: 64px; --7aetnk-padding-left-mobile: 24px; --7aetnk-padding-right: 64px; --7aetnk-padding-right-tablet: 64px; --7aetnk-padding-right-mobile: 24px; --7aetnk-direction: column; --7aetnk-direction-tablet: column; --7aetnk-direction-mobile: column; --7aetnk-max-width: 550px; --7aetnk-max-width-tablet: 550px; --7aetnk-max-width-mobile: 550px; --7aetnk-gap: 16px; --7aetnk-gap-tablet: 16px; --7aetnk-gap-mobile: 16px; --7aetnk-max-width_custom: 550px; --7aetnk-max-width_custom-tablet: 550px; --7aetnk-max-width_custom-mobile: 550px; --7aetnk-background-type: color; --7aetnk-background-type-tablet: color; --7aetnk-background-type-mobile: color; --7aetnk-background-color: #ffffff; --7aetnk-background-color-tablet: #ffffff; --7aetnk-background-color-mobile: #ffffff; --7aetnk-borderRadius: 0px; --7aetnk-borderRadius-tablet: 0px; --7aetnk-borderRadius-mobile: 0px; --7aetnk-align-items: flex-start; --7aetnk-align-items-tablet: flex-start; --7aetnk-align-items-mobile: flex-start; }[data-bnode="beae-7aetnk"] { padding-top: var(--7aetnk-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7aetnk-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7aetnk-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7aetnk-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7aetnk-padding-top-tablet, var(--7aetnk-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7aetnk-padding-right-tablet, var(--7aetnk-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7aetnk-padding-bottom-tablet, var(--7aetnk-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7aetnk-padding-left-tablet, var(--7aetnk-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7aetnk-padding-top-mobile, var(--7aetnk-padding-top-tablet, var(--7aetnk-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7aetnk-padding-right-mobile, var(--7aetnk-padding-right-tablet, var(--7aetnk-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7aetnk-padding-bottom-mobile, var(--7aetnk-padding-bottom-tablet, var(--7aetnk-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7aetnk-padding-left-mobile, var(--7aetnk-padding-left-tablet, var(--7aetnk-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--7aetnk-padding-left, var(--beae-slot-padding-x, 0px)) - var(--7aetnk-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--7aetnk-background-imageRatio, auto); background: var(--7aetnk-background-color,transparent); border-style: var(--7aetnk-borderStyle,solid); border-color: var(--7aetnk-borderColor,#000000); border-width: var(--7aetnk-borderWidth-tl,0px) var(--7aetnk-borderWidth-tr,0px) var(--7aetnk-borderWidth-br,0px) var(--7aetnk-borderWidth-bl,0px); border-radius: var(--7aetnk-borderRadius-tl,0px) var(--7aetnk-borderRadius-tr,0px) var(--7aetnk-borderRadius-br,0px) var(--7aetnk-borderRadius-bl,0px); box-shadow: if(style(--7aetnk-enableShadow: true): var(--7aetnk-shadowHorizontal,0) var(--7aetnk-shadowVertical,0) var(--7aetnk-shadowBlur,0) 1px var(--7aetnk-shadowColor,#000000); else: none); max-width: var(--7aetnk-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--7aetnk-background-imageRatio-tablet, var(--7aetnk-background-imageRatio, auto)); border-width: var(--7aetnk-borderWidth-tl-tablet,0px) var(--7aetnk-borderWidth-tr-tablet,0px) var(--7aetnk-borderWidth-br-tablet,0px) var(--7aetnk-borderWidth-bl-tablet,0px); border-radius: var(--7aetnk-borderRadius-tl-tablet,0px) var(--7aetnk-borderRadius-tr-tablet,0px) var(--7aetnk-borderRadius-br-tablet,0px) var(--7aetnk-borderRadius-bl-tablet,0px); max-width: var(--7aetnk-max-width-tablet, var(--7aetnk-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--7aetnk-background-imageRatio-mobile, var(--7aetnk-background-imageRatio, auto)); border-width: var(--7aetnk-borderWidth-tl-mobile,0px) var(--7aetnk-borderWidth-tr-mobile,0px) var(--7aetnk-borderWidth-br-mobile,0px) var(--7aetnk-borderWidth-bl-mobile,0px); border-radius: var(--7aetnk-borderRadius-tl-mobile,0px) var(--7aetnk-borderRadius-tr-mobile,0px) var(--7aetnk-borderRadius-br-mobile,0px) var(--7aetnk-borderRadius-bl-mobile,0px); max-width: var(--7aetnk-max-width-mobile, var(--7aetnk-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7aetnk-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--7aetnk-gap,var(--beae-card-gap)); padding-top: var(--7aetnk-padding-top,var(--beae-card-padding)); padding-right: var(--7aetnk-padding-right,var(--beae-card-padding)); padding-bottom: var(--7aetnk-padding-bottom,var(--beae-card-padding)); padding-left: var(--7aetnk-padding-left,var(--beae-card-padding)); border-width: var(--7aetnk-borderWidth,var(--beae-card-border-width)); border-width: var(--7aetnk-borderWidth-tl,var(--beae-card-border-width)) var(--7aetnk-borderWidth-tr,var(--beae-card-border-width)) var(--7aetnk-borderWidth-br,var(--beae-card-border-width)) var(--7aetnk-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7aetnk-borderRadius-tl,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-tr,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-br,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--7aetnk-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7aetnk-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7aetnk-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7aetnk-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7aetnk-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--7aetnk-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7aetnk-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7aetnk-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7aetnk-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7aetnk-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--7aetnk-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7aetnk-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7aetnk-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7aetnk-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7aetnk-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--7aetnk-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7aetnk-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7aetnk-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7aetnk-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7aetnk-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7aetnk-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7aetnk-background-color,var(--beae-card-featured-background)); border-color: var(--7aetnk-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--7aetnk-enableShadow: true): var(--7aetnk-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aetnk-shadowVertical, var(--beae-card-shadow-y)) var(--7aetnk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aetnk-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--7aetnk-background-color,var(--beae-card-prod-background)); border-color: var(--7aetnk-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--7aetnk-enableShadow: true): var(--7aetnk-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aetnk-shadowVertical, var(--beae-card-shadow-y)) var(--7aetnk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aetnk-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--7aetnk-background-color,var(--beae-card-pricing-background)); border-color: var(--7aetnk-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--7aetnk-enableShadow: true): var(--7aetnk-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aetnk-shadowVertical, var(--beae-card-shadow-y)) var(--7aetnk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aetnk-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--7aetnk-background-color,var(--beae-card-cta-background)); border-color: var(--7aetnk-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--7aetnk-enableShadow: true): var(--7aetnk-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aetnk-shadowVertical, var(--beae-card-shadow-y)) var(--7aetnk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aetnk-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--7aetnk-background-color,var(--beae-card-media-background)); border-color: var(--7aetnk-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--7aetnk-enableShadow: true): var(--7aetnk-shadowHorizontal, var(--beae-card-shadow-x)) var(--7aetnk-shadowVertical, var(--beae-card-shadow-y)) var(--7aetnk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7aetnk-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-7aetnk"] {     display: flex;     flex-direction: var(--7aetnk-direction, column);     flex-wrap: nowrap;     justify-content: var(--7aetnk-justify-content);     align-items: var(--7aetnk-align-items);     gap: var(--7aetnk-gap, var(--7aetnk-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7aetnk"] {                            gap: var(--7aetnk-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--7aetnk-padding-right-tablet, 0px) - var(--7aetnk-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7aetnk"] {                            gap: var(--7aetnk-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--7aetnk-padding-right-mobile, 0px) - var(--7aetnk-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-bzzdpi"] { --bzzdpi-typography: h3; --bzzdpi-typography-tablet: h3; --bzzdpi-typography-mobile: h3; }[data-bnode="beae-bzzdpi"] { margin-top: var(--bzzdpi-margin-top, 0px); margin-right: var(--bzzdpi-margin-right, 0px); margin-bottom: var(--bzzdpi-margin-bottom, 0px); margin-left: var(--bzzdpi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bzzdpi-margin-top-tablet, 0px); margin-right: var(--bzzdpi-margin-right-tablet, 0px); margin-bottom: var(--bzzdpi-margin-bottom-tablet, 0px); margin-left: var(--bzzdpi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bzzdpi-margin-top-mobile, 0px); margin-right: var(--bzzdpi-margin-right-mobile, 0px); margin-bottom: var(--bzzdpi-margin-bottom-mobile, 0px); margin-left: var(--bzzdpi-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--bzzdpi-highlightColor,var(--beae-p-color)); top: var(--bzzdpi-highlightTop, 100%); } }[data-bnode="beae-fss7p0"] { --fss7p0-maxWidth: unset; --fss7p0-maxWidth-tablet: unset; --fss7p0-maxWidth-mobile: unset; --fss7p0-typography: p; --fss7p0-typography-tablet: p; --fss7p0-typography-mobile: p; }[data-bnode="beae-fss7p0"] { margin-top: var(--fss7p0-margin-top, 0px); margin-right: var(--fss7p0-margin-right, 0px); margin-bottom: var(--fss7p0-margin-bottom, 0px); margin-left: var(--fss7p0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fss7p0-margin-top-tablet, 0px); margin-right: var(--fss7p0-margin-right-tablet, 0px); margin-bottom: var(--fss7p0-margin-bottom-tablet, 0px); margin-left: var(--fss7p0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fss7p0-margin-top-mobile, 0px); margin-right: var(--fss7p0-margin-right-mobile, 0px); margin-bottom: var(--fss7p0-margin-bottom-mobile, 0px); margin-left: var(--fss7p0-margin-left-mobile, 0px); } }[data-bnode="beae-vu2viy"] { --vu2viy-iconWidth: 20px; --vu2viy-iconWidth-tablet: 20px; --vu2viy-iconWidth-mobile: 20px; --vu2viy-iconGap: 5px; --vu2viy-iconGap-tablet: 5px; --vu2viy-iconGap-mobile: 5px; --vu2viy-stylePreset: pr; --vu2viy-stylePreset-tablet: pr; --vu2viy-stylePreset-mobile: pr; --vu2viy-width: fill; --vu2viy-width-tablet: fill; --vu2viy-width-mobile: fill; --beae-btn-height: 45px; --beae-btn-padding: 30; --beae-btn-border-radius: 0; --vu2viy-transform: none; --vu2viy-transform-tablet: none; --vu2viy-transform-mobile: none; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-pr-label-color: #0A0A0A; --beae-btn-pr-background-color: #E9EB42; }[data-bnode="beae-vu2viy"] { margin-top: var(--vu2viy-margin-top, 0px); margin-right: var(--vu2viy-margin-right, 0px); margin-bottom: var(--vu2viy-margin-bottom, 0px); margin-left: var(--vu2viy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vu2viy-margin-top-tablet, 0px); margin-right: var(--vu2viy-margin-right-tablet, 0px); margin-bottom: var(--vu2viy-margin-bottom-tablet, 0px); margin-left: var(--vu2viy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vu2viy-margin-top-mobile, 0px); margin-right: var(--vu2viy-margin-right-mobile, 0px); margin-bottom: var(--vu2viy-margin-bottom-mobile, 0px); margin-left: var(--vu2viy-margin-left-mobile, 0px); } &{ gap:var(--vu2viy-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--vu2viy-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--vu2viy-bgBtnHover)) * 1%)); style(--vu2viy-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--vu2viy-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--vu2viy-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--vu2viy-labelBtnHover)) * 1%)); style(--vu2viy-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--vu2viy-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--vu2viy-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--vu2viy-borderBtnHover)) * 1%)); style(--vu2viy-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--vu2viy-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--vu2viy-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--vu2viy-bgBtnHover)) * 1%)); style(--vu2viy-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--vu2viy-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--vu2viy-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--vu2viy-labelBtnHover)) * 1%)); style(--vu2viy-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--vu2viy-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--vu2viy-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--vu2viy-borderBtnHover)) * 1%)); style(--vu2viy-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--vu2viy-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--vu2viy-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--vu2viy-labelBtnHover)) * 1%)); style(--vu2viy-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--vu2viy-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--vu2viy-iconWidth); } svg { width: var(--vu2viy-iconWidth,20px); min-width: var(--vu2viy-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--vu2viy-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--vu2viy-iconWidth-tablet, var(--vu2viy-iconWidth)); } svg { width: var(--vu2viy-iconWidth-tablet, var(--vu2viy-iconWidth)); min-width: var(--vu2viy-iconWidth-tablet, var(--vu2viy-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--vu2viy-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--vu2viy-iconWidth-mobile, var(--vu2viy-iconWidth)); } svg { width: var(--vu2viy-iconWidth-mobile, var(--vu2viy-iconWidth)); min-width: var(--vu2viy-iconWidth-mobile, var(--vu2viy-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-vvrrfx"] { --vvrrfx-direction: column; --vvrrfx-direction-tablet: column; --vvrrfx-direction-mobile: column; --vvrrfx-gap: 16px; --vvrrfx-gap-tablet: 16px; --vvrrfx-gap-mobile: 16px; --vvrrfx-background-type: image; --vvrrfx-background-type-tablet: image; --vvrrfx-background-type-mobile: image; --vvrrfx-background-image: [object Object]; --vvrrfx-background-image-tablet: [object Object]; --vvrrfx-background-image-mobile: [object Object]; --vvrrfx-justify-content: center; --vvrrfx-justify-content-tablet: center; --vvrrfx-justify-content-mobile: center; --vvrrfx-padding-top: 0px; --vvrrfx-padding-top-tablet: 0px; --vvrrfx-padding-top-mobile: 0px; --vvrrfx-padding-right: 40px; --vvrrfx-padding-right-tablet: 40px; --vvrrfx-padding-right-mobile: 40px; --vvrrfx-padding-bottom: 0px; --vvrrfx-padding-bottom-tablet: 0px; --vvrrfx-padding-bottom-mobile: 0px; --vvrrfx-padding-left: 40px; --vvrrfx-padding-left-tablet: 40px; --vvrrfx-padding-left-mobile: 40px; }[data-bnode="beae-vvrrfx"] { padding-top: var(--vvrrfx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vvrrfx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vvrrfx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vvrrfx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vvrrfx-padding-top-tablet, var(--vvrrfx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vvrrfx-padding-right-tablet, var(--vvrrfx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vvrrfx-padding-bottom-tablet, var(--vvrrfx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vvrrfx-padding-left-tablet, var(--vvrrfx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vvrrfx-padding-top-mobile, var(--vvrrfx-padding-top-tablet, var(--vvrrfx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vvrrfx-padding-right-mobile, var(--vvrrfx-padding-right-tablet, var(--vvrrfx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vvrrfx-padding-bottom-mobile, var(--vvrrfx-padding-bottom-tablet, var(--vvrrfx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vvrrfx-padding-left-mobile, var(--vvrrfx-padding-left-tablet, var(--vvrrfx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--vvrrfx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--vvrrfx-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--vvrrfx-background-imageRatio, auto); background: var(--vvrrfx-background-color,transparent); border-style: var(--vvrrfx-borderStyle,solid); border-color: var(--vvrrfx-borderColor,#000000); border-width: var(--vvrrfx-borderWidth-tl,0px) var(--vvrrfx-borderWidth-tr,0px) var(--vvrrfx-borderWidth-br,0px) var(--vvrrfx-borderWidth-bl,0px); border-radius: var(--vvrrfx-borderRadius-tl,0px) var(--vvrrfx-borderRadius-tr,0px) var(--vvrrfx-borderRadius-br,0px) var(--vvrrfx-borderRadius-bl,0px); box-shadow: if(style(--vvrrfx-enableShadow: true): var(--vvrrfx-shadowHorizontal,0) var(--vvrrfx-shadowVertical,0) var(--vvrrfx-shadowBlur,0) 1px var(--vvrrfx-shadowColor,#000000); else: none); max-width: var(--vvrrfx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--vvrrfx-background-imageRatio-tablet, var(--vvrrfx-background-imageRatio, auto)); border-width: var(--vvrrfx-borderWidth-tl-tablet,0px) var(--vvrrfx-borderWidth-tr-tablet,0px) var(--vvrrfx-borderWidth-br-tablet,0px) var(--vvrrfx-borderWidth-bl-tablet,0px); border-radius: var(--vvrrfx-borderRadius-tl-tablet,0px) var(--vvrrfx-borderRadius-tr-tablet,0px) var(--vvrrfx-borderRadius-br-tablet,0px) var(--vvrrfx-borderRadius-bl-tablet,0px); max-width: var(--vvrrfx-max-width-tablet, var(--vvrrfx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--vvrrfx-background-imageRatio-mobile, var(--vvrrfx-background-imageRatio, auto)); border-width: var(--vvrrfx-borderWidth-tl-mobile,0px) var(--vvrrfx-borderWidth-tr-mobile,0px) var(--vvrrfx-borderWidth-br-mobile,0px) var(--vvrrfx-borderWidth-bl-mobile,0px); border-radius: var(--vvrrfx-borderRadius-tl-mobile,0px) var(--vvrrfx-borderRadius-tr-mobile,0px) var(--vvrrfx-borderRadius-br-mobile,0px) var(--vvrrfx-borderRadius-bl-mobile,0px); max-width: var(--vvrrfx-max-width-mobile, var(--vvrrfx-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--vvrrfx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--vvrrfx-gap,var(--beae-card-gap)); padding-top: var(--vvrrfx-padding-top,var(--beae-card-padding)); padding-right: var(--vvrrfx-padding-right,var(--beae-card-padding)); padding-bottom: var(--vvrrfx-padding-bottom,var(--beae-card-padding)); padding-left: var(--vvrrfx-padding-left,var(--beae-card-padding)); border-width: var(--vvrrfx-borderWidth,var(--beae-card-border-width)); border-width: var(--vvrrfx-borderWidth-tl,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-tr,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-br,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--vvrrfx-borderRadius-tl,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-tr,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-br,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--vvrrfx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--vvrrfx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--vvrrfx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--vvrrfx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--vvrrfx-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--vvrrfx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--vvrrfx-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--vvrrfx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--vvrrfx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--vvrrfx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--vvrrfx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--vvrrfx-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--vvrrfx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--vvrrfx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--vvrrfx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--vvrrfx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--vvrrfx-background-color,var(--beae-card-featured-background)); border-color: var(--vvrrfx-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--vvrrfx-enableShadow: true): var(--vvrrfx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vvrrfx-shadowVertical, var(--beae-card-shadow-y)) var(--vvrrfx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vvrrfx-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--vvrrfx-background-color,var(--beae-card-prod-background)); border-color: var(--vvrrfx-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--vvrrfx-enableShadow: true): var(--vvrrfx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vvrrfx-shadowVertical, var(--beae-card-shadow-y)) var(--vvrrfx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vvrrfx-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--vvrrfx-background-color,var(--beae-card-pricing-background)); border-color: var(--vvrrfx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--vvrrfx-enableShadow: true): var(--vvrrfx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vvrrfx-shadowVertical, var(--beae-card-shadow-y)) var(--vvrrfx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vvrrfx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--vvrrfx-background-color,var(--beae-card-cta-background)); border-color: var(--vvrrfx-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--vvrrfx-enableShadow: true): var(--vvrrfx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vvrrfx-shadowVertical, var(--beae-card-shadow-y)) var(--vvrrfx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vvrrfx-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--vvrrfx-background-color,var(--beae-card-media-background)); border-color: var(--vvrrfx-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--vvrrfx-enableShadow: true): var(--vvrrfx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vvrrfx-shadowVertical, var(--beae-card-shadow-y)) var(--vvrrfx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vvrrfx-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-vvrrfx"] {     display: flex;     flex-direction: var(--vvrrfx-direction, column);     flex-wrap: nowrap;     justify-content: var(--vvrrfx-justify-content);     align-items: var(--vvrrfx-align-items);     gap: var(--vvrrfx-gap, var(--vvrrfx-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-vvrrfx"] {                            gap: var(--vvrrfx-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--vvrrfx-padding-right-tablet, 0px) - var(--vvrrfx-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-vvrrfx"] {                            gap: var(--vvrrfx-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--vvrrfx-padding-right-mobile, 0px) - var(--vvrrfx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-brvxaq"] { --brvxaq-padding-top: 40px; --brvxaq-padding-top-tablet: 40px; --brvxaq-padding-top-mobile: 24px; --brvxaq-padding-bottom: 40px; --brvxaq-padding-bottom-tablet: 40px; --brvxaq-padding-bottom-mobile: 24px; --brvxaq-padding-left: 64px; --brvxaq-padding-left-tablet: 64px; --brvxaq-padding-left-mobile: 24px; --brvxaq-padding-right: 64px; --brvxaq-padding-right-tablet: 64px; --brvxaq-padding-right-mobile: 24px; --brvxaq-direction: column; --brvxaq-direction-tablet: column; --brvxaq-direction-mobile: column; --brvxaq-max-width: 550px; --brvxaq-max-width-tablet: 550px; --brvxaq-max-width-mobile: 550px; --brvxaq-gap: 16px; --brvxaq-gap-tablet: 16px; --brvxaq-gap-mobile: 16px; --brvxaq-max-width_custom: 550px; --brvxaq-max-width_custom-tablet: 550px; --brvxaq-max-width_custom-mobile: 550px; --brvxaq-background-type: color; --brvxaq-background-type-tablet: color; --brvxaq-background-type-mobile: color; --brvxaq-background-color: #ffffff; --brvxaq-background-color-tablet: #ffffff; --brvxaq-background-color-mobile: #ffffff; --brvxaq-borderRadius: 0px; --brvxaq-borderRadius-tablet: 0px; --brvxaq-borderRadius-mobile: 0px; --brvxaq-align-items: flex-start; --brvxaq-align-items-tablet: flex-start; --brvxaq-align-items-mobile: flex-start; }[data-bnode="beae-brvxaq"] { padding-top: var(--brvxaq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--brvxaq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--brvxaq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--brvxaq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--brvxaq-padding-top-tablet, var(--brvxaq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--brvxaq-padding-right-tablet, var(--brvxaq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--brvxaq-padding-bottom-tablet, var(--brvxaq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--brvxaq-padding-left-tablet, var(--brvxaq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--brvxaq-padding-top-mobile, var(--brvxaq-padding-top-tablet, var(--brvxaq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--brvxaq-padding-right-mobile, var(--brvxaq-padding-right-tablet, var(--brvxaq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--brvxaq-padding-bottom-mobile, var(--brvxaq-padding-bottom-tablet, var(--brvxaq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--brvxaq-padding-left-mobile, var(--brvxaq-padding-left-tablet, var(--brvxaq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--brvxaq-padding-left, var(--beae-slot-padding-x, 0px)) - var(--brvxaq-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--brvxaq-background-imageRatio, auto); background: var(--brvxaq-background-color,transparent); border-style: var(--brvxaq-borderStyle,solid); border-color: var(--brvxaq-borderColor,#000000); border-width: var(--brvxaq-borderWidth-tl,0px) var(--brvxaq-borderWidth-tr,0px) var(--brvxaq-borderWidth-br,0px) var(--brvxaq-borderWidth-bl,0px); border-radius: var(--brvxaq-borderRadius-tl,0px) var(--brvxaq-borderRadius-tr,0px) var(--brvxaq-borderRadius-br,0px) var(--brvxaq-borderRadius-bl,0px); box-shadow: if(style(--brvxaq-enableShadow: true): var(--brvxaq-shadowHorizontal,0) var(--brvxaq-shadowVertical,0) var(--brvxaq-shadowBlur,0) 1px var(--brvxaq-shadowColor,#000000); else: none); max-width: var(--brvxaq-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--brvxaq-background-imageRatio-tablet, var(--brvxaq-background-imageRatio, auto)); border-width: var(--brvxaq-borderWidth-tl-tablet,0px) var(--brvxaq-borderWidth-tr-tablet,0px) var(--brvxaq-borderWidth-br-tablet,0px) var(--brvxaq-borderWidth-bl-tablet,0px); border-radius: var(--brvxaq-borderRadius-tl-tablet,0px) var(--brvxaq-borderRadius-tr-tablet,0px) var(--brvxaq-borderRadius-br-tablet,0px) var(--brvxaq-borderRadius-bl-tablet,0px); max-width: var(--brvxaq-max-width-tablet, var(--brvxaq-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--brvxaq-background-imageRatio-mobile, var(--brvxaq-background-imageRatio, auto)); border-width: var(--brvxaq-borderWidth-tl-mobile,0px) var(--brvxaq-borderWidth-tr-mobile,0px) var(--brvxaq-borderWidth-br-mobile,0px) var(--brvxaq-borderWidth-bl-mobile,0px); border-radius: var(--brvxaq-borderRadius-tl-mobile,0px) var(--brvxaq-borderRadius-tr-mobile,0px) var(--brvxaq-borderRadius-br-mobile,0px) var(--brvxaq-borderRadius-bl-mobile,0px); max-width: var(--brvxaq-max-width-mobile, var(--brvxaq-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--brvxaq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--brvxaq-gap,var(--beae-card-gap)); padding-top: var(--brvxaq-padding-top,var(--beae-card-padding)); padding-right: var(--brvxaq-padding-right,var(--beae-card-padding)); padding-bottom: var(--brvxaq-padding-bottom,var(--beae-card-padding)); padding-left: var(--brvxaq-padding-left,var(--beae-card-padding)); border-width: var(--brvxaq-borderWidth,var(--beae-card-border-width)); border-width: var(--brvxaq-borderWidth-tl,var(--beae-card-border-width)) var(--brvxaq-borderWidth-tr,var(--beae-card-border-width)) var(--brvxaq-borderWidth-br,var(--beae-card-border-width)) var(--brvxaq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--brvxaq-borderRadius-tl,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-tr,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-br,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--brvxaq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--brvxaq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--brvxaq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--brvxaq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--brvxaq-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--brvxaq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--brvxaq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--brvxaq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--brvxaq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--brvxaq-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--brvxaq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--brvxaq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--brvxaq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--brvxaq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--brvxaq-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--brvxaq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--brvxaq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--brvxaq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--brvxaq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--brvxaq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--brvxaq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--brvxaq-background-color,var(--beae-card-featured-background)); border-color: var(--brvxaq-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--brvxaq-enableShadow: true): var(--brvxaq-shadowHorizontal, var(--beae-card-shadow-x)) var(--brvxaq-shadowVertical, var(--beae-card-shadow-y)) var(--brvxaq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--brvxaq-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--brvxaq-background-color,var(--beae-card-prod-background)); border-color: var(--brvxaq-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--brvxaq-enableShadow: true): var(--brvxaq-shadowHorizontal, var(--beae-card-shadow-x)) var(--brvxaq-shadowVertical, var(--beae-card-shadow-y)) var(--brvxaq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--brvxaq-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--brvxaq-background-color,var(--beae-card-pricing-background)); border-color: var(--brvxaq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--brvxaq-enableShadow: true): var(--brvxaq-shadowHorizontal, var(--beae-card-shadow-x)) var(--brvxaq-shadowVertical, var(--beae-card-shadow-y)) var(--brvxaq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--brvxaq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--brvxaq-background-color,var(--beae-card-cta-background)); border-color: var(--brvxaq-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--brvxaq-enableShadow: true): var(--brvxaq-shadowHorizontal, var(--beae-card-shadow-x)) var(--brvxaq-shadowVertical, var(--beae-card-shadow-y)) var(--brvxaq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--brvxaq-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--brvxaq-background-color,var(--beae-card-media-background)); border-color: var(--brvxaq-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--brvxaq-enableShadow: true): var(--brvxaq-shadowHorizontal, var(--beae-card-shadow-x)) var(--brvxaq-shadowVertical, var(--beae-card-shadow-y)) var(--brvxaq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--brvxaq-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-brvxaq"] {     display: flex;     flex-direction: var(--brvxaq-direction, column);     flex-wrap: nowrap;     justify-content: var(--brvxaq-justify-content);     align-items: var(--brvxaq-align-items);     gap: var(--brvxaq-gap, var(--brvxaq-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-brvxaq"] {                            gap: var(--brvxaq-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--brvxaq-padding-right-tablet, 0px) - var(--brvxaq-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-brvxaq"] {                            gap: var(--brvxaq-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--brvxaq-padding-right-mobile, 0px) - var(--brvxaq-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-jqqifs"] { --jqqifs-typography: h3; --jqqifs-typography-tablet: h3; --jqqifs-typography-mobile: h3; }[data-bnode="beae-jqqifs"] { margin-top: var(--jqqifs-margin-top, 0px); margin-right: var(--jqqifs-margin-right, 0px); margin-bottom: var(--jqqifs-margin-bottom, 0px); margin-left: var(--jqqifs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jqqifs-margin-top-tablet, 0px); margin-right: var(--jqqifs-margin-right-tablet, 0px); margin-bottom: var(--jqqifs-margin-bottom-tablet, 0px); margin-left: var(--jqqifs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jqqifs-margin-top-mobile, 0px); margin-right: var(--jqqifs-margin-right-mobile, 0px); margin-bottom: var(--jqqifs-margin-bottom-mobile, 0px); margin-left: var(--jqqifs-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--jqqifs-highlightColor,var(--beae-p-color)); top: var(--jqqifs-highlightTop, 100%); } }[data-bnode="beae-kqztkp"] { --kqztkp-maxWidth: unset; --kqztkp-maxWidth-tablet: unset; --kqztkp-maxWidth-mobile: unset; --kqztkp-typography: p; --kqztkp-typography-tablet: p; --kqztkp-typography-mobile: p; }[data-bnode="beae-kqztkp"] { margin-top: var(--kqztkp-margin-top, 0px); margin-right: var(--kqztkp-margin-right, 0px); margin-bottom: var(--kqztkp-margin-bottom, 0px); margin-left: var(--kqztkp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kqztkp-margin-top-tablet, 0px); margin-right: var(--kqztkp-margin-right-tablet, 0px); margin-bottom: var(--kqztkp-margin-bottom-tablet, 0px); margin-left: var(--kqztkp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kqztkp-margin-top-mobile, 0px); margin-right: var(--kqztkp-margin-right-mobile, 0px); margin-bottom: var(--kqztkp-margin-bottom-mobile, 0px); margin-left: var(--kqztkp-margin-left-mobile, 0px); } }[data-bnode="beae-h1pkkh"] { --h1pkkh-iconWidth: 20px; --h1pkkh-iconWidth-tablet: 20px; --h1pkkh-iconWidth-mobile: 20px; --h1pkkh-iconGap: 5px; --h1pkkh-iconGap-tablet: 5px; --h1pkkh-iconGap-mobile: 5px; --h1pkkh-stylePreset: pr; --h1pkkh-stylePreset-tablet: pr; --h1pkkh-stylePreset-mobile: pr; --h1pkkh-width: fill; --h1pkkh-width-tablet: fill; --h1pkkh-width-mobile: fill; --beae-btn-height: 45px; --beae-btn-padding: 30; --beae-btn-border-radius: 0; --h1pkkh-transform: none; --h1pkkh-transform-tablet: none; --h1pkkh-transform-mobile: none; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-pr-label-color: #0A0A0A; --beae-btn-pr-background-color: #E9EB42; }[data-bnode="beae-h1pkkh"] { margin-top: var(--h1pkkh-margin-top, 0px); margin-right: var(--h1pkkh-margin-right, 0px); margin-bottom: var(--h1pkkh-margin-bottom, 0px); margin-left: var(--h1pkkh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h1pkkh-margin-top-tablet, 0px); margin-right: var(--h1pkkh-margin-right-tablet, 0px); margin-bottom: var(--h1pkkh-margin-bottom-tablet, 0px); margin-left: var(--h1pkkh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h1pkkh-margin-top-mobile, 0px); margin-right: var(--h1pkkh-margin-right-mobile, 0px); margin-bottom: var(--h1pkkh-margin-bottom-mobile, 0px); margin-left: var(--h1pkkh-margin-left-mobile, 0px); } &{ gap:var(--h1pkkh-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--h1pkkh-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--h1pkkh-bgBtnHover)) * 1%)); style(--h1pkkh-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--h1pkkh-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--h1pkkh-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--h1pkkh-labelBtnHover)) * 1%)); style(--h1pkkh-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--h1pkkh-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--h1pkkh-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--h1pkkh-borderBtnHover)) * 1%)); style(--h1pkkh-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--h1pkkh-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--h1pkkh-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--h1pkkh-bgBtnHover)) * 1%)); style(--h1pkkh-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--h1pkkh-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--h1pkkh-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--h1pkkh-labelBtnHover)) * 1%)); style(--h1pkkh-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--h1pkkh-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--h1pkkh-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--h1pkkh-borderBtnHover)) * 1%)); style(--h1pkkh-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--h1pkkh-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--h1pkkh-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--h1pkkh-labelBtnHover)) * 1%)); style(--h1pkkh-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--h1pkkh-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--h1pkkh-iconWidth); } svg { width: var(--h1pkkh-iconWidth,20px); min-width: var(--h1pkkh-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--h1pkkh-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--h1pkkh-iconWidth-tablet, var(--h1pkkh-iconWidth)); } svg { width: var(--h1pkkh-iconWidth-tablet, var(--h1pkkh-iconWidth)); min-width: var(--h1pkkh-iconWidth-tablet, var(--h1pkkh-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--h1pkkh-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--h1pkkh-iconWidth-mobile, var(--h1pkkh-iconWidth)); } svg { width: var(--h1pkkh-iconWidth-mobile, var(--h1pkkh-iconWidth)); min-width: var(--h1pkkh-iconWidth-mobile, var(--h1pkkh-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-2484ws"] { --2484ws-width: 100%; --2484ws-width-tablet: 100%; --2484ws-width-mobile: 100%; --2484ws-height: 860px; --2484ws-height-tablet: 860px; --2484ws-height-mobile: 600px; --2484ws-padding-top: 40px; --2484ws-padding-top-tablet: 40px; --2484ws-padding-top-mobile: 40px; --2484ws-padding-bottom: 40px; --2484ws-padding-bottom-tablet: 40px; --2484ws-padding-bottom-mobile: 40px; --2484ws-padding-left-mobile: 0px; --2484ws-padding-right-mobile: 0px; --2484ws-direction: row; --2484ws-direction-tablet: row; --2484ws-direction-mobile: row; --2484ws-structure: columns; --2484ws-structure-tablet: columns; --2484ws-structure-mobile: columns; --2484ws-background-type: image; --2484ws-background-type-tablet: image; --2484ws-background-type-mobile: image; --2484ws-background-color: #ffffff; --2484ws-background-color-tablet: #ffffff; --2484ws-background-color-mobile: #ffffff; --2484ws-background-image: [object Object]; --2484ws-background-image-tablet: [object Object]; --2484ws-background-image-mobile: [object Object]; --2484ws-align-items: center; --2484ws-align-items-tablet: center; --2484ws-align-items-mobile: center; }[data-bnode="beae-2484ws"] { padding-top: var(--2484ws-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--2484ws-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--2484ws-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--2484ws-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--2484ws-padding-top-tablet, var(--2484ws-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--2484ws-padding-right-tablet, var(--2484ws-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--2484ws-padding-bottom-tablet, var(--2484ws-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--2484ws-padding-left-tablet, var(--2484ws-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--2484ws-padding-top-mobile, var(--2484ws-padding-top-tablet, var(--2484ws-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--2484ws-padding-right-mobile, var(--2484ws-padding-right-tablet, var(--2484ws-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--2484ws-padding-bottom-mobile, var(--2484ws-padding-bottom-tablet, var(--2484ws-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--2484ws-padding-left-mobile, var(--2484ws-padding-left-tablet, var(--2484ws-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--2484ws-padding-left, var(--beae-section-padding-x, 0px)) - var(--2484ws-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--2484ws-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--2484ws-height); width: 100%; max-width: var(--2484ws-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--2484ws-height-tablet, auto); width: 100%; max-width: var(--2484ws-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--2484ws-height-mobile, auto); width: 100%; max-width: var(--2484ws-width-mobile, 100%); } } } }[data-bnode="beae-2484ws"] > .beae-section-container{     display: flex;     flex-direction: var(--2484ws-direction, column);     flex-wrap: nowrap;     justify-content: var(--2484ws-justify-content);     align-items: var(--2484ws-align-items);     gap: var(--2484ws-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--2484ws-padding-right, 0px) - var(--2484ws-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-2484ws"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2484ws-padding-right-tablet, 0px) - var(--2484ws-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-2484ws"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2484ws-padding-right-mobile, 0px) - var(--2484ws-padding-right-mobile, 0px));           }                      }    }