/** Shopify CDN: Minification failed

Line 226:4 All "@import" rules must come first
Line 1062:1033628 Expected "}" to go with "{"

**/

*{
  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-3jkrau"] { --3jkrau-width: 1600px; --3jkrau-width-tablet: 1600px; --3jkrau-width-mobile: 1600px; --3jkrau-height: 800px; --3jkrau-height-tablet: 800px; --3jkrau-height-mobile: 720px; --3jkrau-padding-top: 0px; --3jkrau-padding-top-tablet: 0px; --3jkrau-padding-top-mobile: 0px; --3jkrau-padding-bottom: 0px; --3jkrau-padding-bottom-tablet: 0px; --3jkrau-padding-bottom-mobile: 0px; --3jkrau-padding-right: 32px; --3jkrau-padding-right-tablet: 30px; --3jkrau-padding-right-mobile: 16px; --3jkrau-padding-left: 32px; --3jkrau-padding-left-tablet: 30px; --3jkrau-padding-left-mobile: 16px; --3jkrau-background-type: image; --3jkrau-background-type-tablet: image; --3jkrau-background-type-mobile: image; --3jkrau-background-image: [object Object]; --3jkrau-background-image-tablet: [object Object]; --3jkrau-background-image-mobile: [object Object]; --3jkrau-background-color: #ffffff; --3jkrau-background-color-tablet: #ffffff; --3jkrau-background-color-mobile: #ffffff; --3jkrau-direction: column; --3jkrau-direction-tablet: column; --3jkrau-direction-mobile: column; --3jkrau-align-items: flex-start; --3jkrau-align-items-tablet: flex-start; --3jkrau-align-items-mobile: flex-start; --3jkrau-justify-content: flex-end; --3jkrau-justify-content-tablet: flex-end; --3jkrau-justify-content-mobile: flex-end; }[data-bnode="beae-3jkrau"] { padding-top: var(--3jkrau-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--3jkrau-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--3jkrau-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--3jkrau-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--3jkrau-padding-top-tablet, var(--3jkrau-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--3jkrau-padding-right-tablet, var(--3jkrau-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--3jkrau-padding-bottom-tablet, var(--3jkrau-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--3jkrau-padding-left-tablet, var(--3jkrau-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--3jkrau-padding-top-mobile, var(--3jkrau-padding-top-tablet, var(--3jkrau-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--3jkrau-padding-right-mobile, var(--3jkrau-padding-right-tablet, var(--3jkrau-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--3jkrau-padding-bottom-mobile, var(--3jkrau-padding-bottom-tablet, var(--3jkrau-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--3jkrau-padding-left-mobile, var(--3jkrau-padding-left-tablet, var(--3jkrau-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--3jkrau-padding-left, var(--beae-section-padding-x, 0px)) - var(--3jkrau-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--3jkrau-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--3jkrau-height); width: 100%; max-width: var(--3jkrau-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(--3jkrau-height-tablet, auto); width: 100%; max-width: var(--3jkrau-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--3jkrau-height-mobile, auto); width: 100%; max-width: var(--3jkrau-width-mobile, 100%); } } } }[data-bnode="beae-3jkrau"] > .beae-section-container{     display: flex;     flex-direction: var(--3jkrau-direction, column);     flex-wrap: nowrap;     justify-content: var(--3jkrau-justify-content);     align-items: var(--3jkrau-align-items);     gap: var(--3jkrau-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-3jkrau"] > .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(--3jkrau-padding-right-tablet, 0px) - var(--3jkrau-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-3jkrau"] > .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(--3jkrau-padding-right-mobile, 0px) - var(--3jkrau-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-j5k936"] { --j5k936-direction: column; --j5k936-direction-tablet: column; --j5k936-direction-mobile: column; --j5k936-structure: columns; --j5k936-structure-tablet: columns; --j5k936-structure-mobile: columns; --j5k936-align-items: flex-start; --j5k936-align-items-tablet: flex-start; --j5k936-align-items-mobile: center; --j5k936-justify-content: flex-end; --j5k936-justify-content-tablet: flex-end; --j5k936-justify-content-mobile: flex-end; --j5k936-max-width: 672px; --j5k936-gap: 16px; --j5k936-gap-tablet: 16px; --j5k936-gap-mobile: 12px; --j5k936-padding-top: 80px; --j5k936-padding-top-tablet: 80px; --j5k936-padding-top-mobile: 48px; --j5k936-padding-right: 0px; --j5k936-padding-right-tablet: 0px; --j5k936-padding-right-mobile: 0px; --j5k936-padding-bottom: 80px; --j5k936-padding-bottom-tablet: 80px; --j5k936-padding-bottom-mobile: 48px; --j5k936-padding-left: 0px; --j5k936-padding-left-tablet: 0px; --j5k936-padding-left-mobile: 0px; }[data-bnode="beae-j5k936"] { padding-top: var(--j5k936-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--j5k936-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--j5k936-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--j5k936-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--j5k936-padding-top-tablet, var(--j5k936-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--j5k936-padding-right-tablet, var(--j5k936-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--j5k936-padding-bottom-tablet, var(--j5k936-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--j5k936-padding-left-tablet, var(--j5k936-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--j5k936-padding-top-mobile, var(--j5k936-padding-top-tablet, var(--j5k936-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--j5k936-padding-right-mobile, var(--j5k936-padding-right-tablet, var(--j5k936-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--j5k936-padding-bottom-mobile, var(--j5k936-padding-bottom-tablet, var(--j5k936-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--j5k936-padding-left-mobile, var(--j5k936-padding-left-tablet, var(--j5k936-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--j5k936-padding-left, var(--beae-slot-padding-x, 0px)) - var(--j5k936-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(--j5k936-background-imageRatio, auto); background: var(--j5k936-background-color,transparent); border-style: var(--j5k936-borderStyle,solid); border-color: var(--j5k936-borderColor,#000000); border-width: var(--j5k936-borderWidth-tl,0px) var(--j5k936-borderWidth-tr,0px) var(--j5k936-borderWidth-br,0px) var(--j5k936-borderWidth-bl,0px); border-radius: var(--j5k936-borderRadius-tl,0px) var(--j5k936-borderRadius-tr,0px) var(--j5k936-borderRadius-br,0px) var(--j5k936-borderRadius-bl,0px); box-shadow: if(style(--j5k936-enableShadow: true): var(--j5k936-shadowHorizontal,0) var(--j5k936-shadowVertical,0) var(--j5k936-shadowBlur,0) 1px var(--j5k936-shadowColor,#000000); else: none); max-width: var(--j5k936-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--j5k936-background-imageRatio-tablet, var(--j5k936-background-imageRatio, auto)); border-width: var(--j5k936-borderWidth-tl-tablet,0px) var(--j5k936-borderWidth-tr-tablet,0px) var(--j5k936-borderWidth-br-tablet,0px) var(--j5k936-borderWidth-bl-tablet,0px); border-radius: var(--j5k936-borderRadius-tl-tablet,0px) var(--j5k936-borderRadius-tr-tablet,0px) var(--j5k936-borderRadius-br-tablet,0px) var(--j5k936-borderRadius-bl-tablet,0px); max-width: var(--j5k936-max-width-tablet, var(--j5k936-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--j5k936-background-imageRatio-mobile, var(--j5k936-background-imageRatio, auto)); border-width: var(--j5k936-borderWidth-tl-mobile,0px) var(--j5k936-borderWidth-tr-mobile,0px) var(--j5k936-borderWidth-br-mobile,0px) var(--j5k936-borderWidth-bl-mobile,0px); border-radius: var(--j5k936-borderRadius-tl-mobile,0px) var(--j5k936-borderRadius-tr-mobile,0px) var(--j5k936-borderRadius-br-mobile,0px) var(--j5k936-borderRadius-bl-mobile,0px); max-width: var(--j5k936-max-width-mobile, var(--j5k936-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--j5k936-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--j5k936-gap,var(--beae-card-gap)); padding-top: var(--j5k936-padding-top,var(--beae-card-padding)); padding-right: var(--j5k936-padding-right,var(--beae-card-padding)); padding-bottom: var(--j5k936-padding-bottom,var(--beae-card-padding)); padding-left: var(--j5k936-padding-left,var(--beae-card-padding)); border-width: var(--j5k936-borderWidth,var(--beae-card-border-width)); border-width: var(--j5k936-borderWidth-tl,var(--beae-card-border-width)) var(--j5k936-borderWidth-tr,var(--beae-card-border-width)) var(--j5k936-borderWidth-br,var(--beae-card-border-width)) var(--j5k936-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--j5k936-borderRadius-tl,var(--beae-card-border-radius)) var(--j5k936-borderRadius-tr,var(--beae-card-border-radius)) var(--j5k936-borderRadius-br,var(--beae-card-border-radius)) var(--j5k936-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(--j5k936-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--j5k936-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--j5k936-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--j5k936-padding-left-tablet,var(--beae-card-padding)); border-width: var(--j5k936-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--j5k936-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--j5k936-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--j5k936-borderWidth-br-desktop,var(--beae-card-border-width)) var(--j5k936-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--j5k936-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--j5k936-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--j5k936-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--j5k936-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--j5k936-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--j5k936-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--j5k936-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--j5k936-padding-left-mobile,var(--beae-card-padding)); border-width: var(--j5k936-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--j5k936-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--j5k936-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--j5k936-borderWidth-br-mobile,var(--beae-card-border-width)) var(--j5k936-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--j5k936-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--j5k936-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--j5k936-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--j5k936-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--j5k936-background-color,var(--beae-card-featured-background)); border-color: var(--j5k936-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--j5k936-enableShadow: true): var(--j5k936-shadowHorizontal, var(--beae-card-shadow-x)) var(--j5k936-shadowVertical, var(--beae-card-shadow-y)) var(--j5k936-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j5k936-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--j5k936-background-color,var(--beae-card-prod-background)); border-color: var(--j5k936-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--j5k936-enableShadow: true): var(--j5k936-shadowHorizontal, var(--beae-card-shadow-x)) var(--j5k936-shadowVertical, var(--beae-card-shadow-y)) var(--j5k936-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j5k936-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--j5k936-background-color,var(--beae-card-pricing-background)); border-color: var(--j5k936-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--j5k936-enableShadow: true): var(--j5k936-shadowHorizontal, var(--beae-card-shadow-x)) var(--j5k936-shadowVertical, var(--beae-card-shadow-y)) var(--j5k936-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j5k936-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--j5k936-background-color,var(--beae-card-cta-background)); border-color: var(--j5k936-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--j5k936-enableShadow: true): var(--j5k936-shadowHorizontal, var(--beae-card-shadow-x)) var(--j5k936-shadowVertical, var(--beae-card-shadow-y)) var(--j5k936-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j5k936-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--j5k936-background-color,var(--beae-card-media-background)); border-color: var(--j5k936-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--j5k936-enableShadow: true): var(--j5k936-shadowHorizontal, var(--beae-card-shadow-x)) var(--j5k936-shadowVertical, var(--beae-card-shadow-y)) var(--j5k936-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j5k936-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-j5k936"] {     display: flex;     flex-direction: var(--j5k936-direction, column);     flex-wrap: nowrap;     justify-content: var(--j5k936-justify-content);     align-items: var(--j5k936-align-items);     gap: var(--j5k936-gap, var(--j5k936-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-j5k936"] {                            gap: var(--j5k936-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(--j5k936-padding-right-tablet, 0px) - var(--j5k936-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-j5k936"] {                      align-items: var(--j5k936-align-items-mobile, inherit);      gap: var(--j5k936-gap-mobile, var(--j5k936-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(--j5k936-padding-right-mobile, 0px) - var(--j5k936-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0i6uns"] { --beae-h1-font-size: 54px; --beae-h1-font-size-tablet: 46px; --beae-h1-font-size-mobile: 40px; --beae-h1-color: #ffffff; --beae-h1-font-family: Inter; --beae-h1-font-weight: 700; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: -0.8px; --beae-h1-letter-spacing-tablet: -0.8px; --beae-h1-letter-spacing-mobile: -0.8px; --beae-h1-text-transform: capitalize; --0i6uns-typography: h1; --0i6uns-typography-tablet: h1; --0i6uns-typography-mobile: h1; --beae-h1-text-align: start; }[data-bnode="beae-0i6uns"] { margin-top: var(--0i6uns-margin-top, 0px); margin-right: var(--0i6uns-margin-right, 0px); margin-bottom: var(--0i6uns-margin-bottom, 0px); margin-left: var(--0i6uns-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0i6uns-margin-top-tablet, 0px); margin-right: var(--0i6uns-margin-right-tablet, 0px); margin-bottom: var(--0i6uns-margin-bottom-tablet, 0px); margin-left: var(--0i6uns-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0i6uns-margin-top-mobile, 0px); margin-right: var(--0i6uns-margin-right-mobile, 0px); margin-bottom: var(--0i6uns-margin-bottom-mobile, 0px); margin-left: var(--0i6uns-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--0i6uns-highlightColor,var(--beae-p-color)); top: var(--0i6uns-highlightTop, 100%); } }[data-bnode="beae-0tlzl6"] { --beae-p-font-size: 18px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --0tlzl6-typography: p; --0tlzl6-typography-tablet: p; --0tlzl6-typography-mobile: p; --beae-p-text-align: start; }[data-bnode="beae-0tlzl6"] { margin-top: var(--0tlzl6-margin-top, 0px); margin-right: var(--0tlzl6-margin-right, 0px); margin-bottom: var(--0tlzl6-margin-bottom, 0px); margin-left: var(--0tlzl6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0tlzl6-margin-top-tablet, 0px); margin-right: var(--0tlzl6-margin-right-tablet, 0px); margin-bottom: var(--0tlzl6-margin-bottom-tablet, 0px); margin-left: var(--0tlzl6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0tlzl6-margin-top-mobile, 0px); margin-right: var(--0tlzl6-margin-right-mobile, 0px); margin-bottom: var(--0tlzl6-margin-bottom-mobile, 0px); margin-left: var(--0tlzl6-margin-left-mobile, 0px); } }[data-bnode="beae-gr82fy"] { --gr82fy-width: fill; --gr82fy-width-tablet: fill; --gr82fy-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-border-radius: 50px; --beae-btn-se-label-color: #1E1E1E; --beae-btn-se-background-color: #ECE6DF; --beae-btn-text-transform: capitalize; --gr82fy-iconWidth: 20px; --gr82fy-iconWidth-tablet: 20px; --gr82fy-iconWidth-mobile: 20px; --gr82fy-iconGap: 5px; --gr82fy-iconGap-tablet: 5px; --gr82fy-iconGap-mobile: 5px; --gr82fy-button: se; --gr82fy-button-tablet: se; --gr82fy-button-mobile: se; }[data-bnode="beae-gr82fy"] { margin-top: var(--gr82fy-margin-top, 0px); margin-right: var(--gr82fy-margin-right, 0px); margin-bottom: var(--gr82fy-margin-bottom, 0px); margin-left: var(--gr82fy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gr82fy-margin-top-tablet, 0px); margin-right: var(--gr82fy-margin-right-tablet, 0px); margin-bottom: var(--gr82fy-margin-bottom-tablet, 0px); margin-left: var(--gr82fy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gr82fy-margin-top-mobile, 0px); margin-right: var(--gr82fy-margin-right-mobile, 0px); margin-bottom: var(--gr82fy-margin-bottom-mobile, 0px); margin-left: var(--gr82fy-margin-left-mobile, 0px); } &{ gap:var(--gr82fy-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--gr82fy-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--gr82fy-bgBtnHover)) * 1%)); style(--gr82fy-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--gr82fy-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--gr82fy-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--gr82fy-labelBtnHover)) * 1%)); style(--gr82fy-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--gr82fy-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--gr82fy-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--gr82fy-borderBtnHover)) * 1%)); style(--gr82fy-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--gr82fy-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--gr82fy-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--gr82fy-bgBtnHover)) * 1%)); style(--gr82fy-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--gr82fy-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--gr82fy-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--gr82fy-labelBtnHover)) * 1%)); style(--gr82fy-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--gr82fy-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--gr82fy-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--gr82fy-borderBtnHover)) * 1%)); style(--gr82fy-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--gr82fy-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--gr82fy-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--gr82fy-labelBtnHover)) * 1%)); style(--gr82fy-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--gr82fy-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--gr82fy-iconWidth); } svg { width: var(--gr82fy-iconWidth,20px); min-width: var(--gr82fy-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--gr82fy-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--gr82fy-iconWidth-tablet, var(--gr82fy-iconWidth)); } svg { width: var(--gr82fy-iconWidth-tablet, var(--gr82fy-iconWidth)); min-width: var(--gr82fy-iconWidth-tablet, var(--gr82fy-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--gr82fy-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--gr82fy-iconWidth-mobile, var(--gr82fy-iconWidth)); } svg { width: var(--gr82fy-iconWidth-mobile, var(--gr82fy-iconWidth)); min-width: var(--gr82fy-iconWidth-mobile, var(--gr82fy-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-drhyaq"] { --drhyaq-width: 1600px; --drhyaq-width-tablet: 1600px; --drhyaq-width-mobile: 1600px; --drhyaq-height: fit-content; --drhyaq-height-tablet: fit-content; --drhyaq-height-mobile: fit-content; --drhyaq-padding-top: 112px; --drhyaq-padding-top-tablet: 80px; --drhyaq-padding-top-mobile: 56px; --drhyaq-padding-bottom: 112px; --drhyaq-padding-bottom-tablet: 80px; --drhyaq-padding-bottom-mobile: 56px; --drhyaq-padding-right: 32px; --drhyaq-padding-right-tablet: 30px; --drhyaq-padding-right-mobile: 16px; --drhyaq-padding-left: 32px; --drhyaq-padding-left-tablet: 30px; --drhyaq-padding-left-mobile: 16px; --drhyaq-direction: row; --drhyaq-direction-tablet: row; --drhyaq-direction-mobile: column; --drhyaq-structure: columns; --drhyaq-structure-tablet: auto; --drhyaq-structure-mobile: auto; --drhyaq-columns: 50.00,50.00; --drhyaq-columns-tablet: 50.00,50.00; --drhyaq-columns-mobile: 50.00,50.00; --drhyaq-columnsPresetId: 50.00,50.00; --drhyaq-columnsPresetId-tablet: 50.00,50.00; --drhyaq-columnsPresetId-mobile: 50.00,50.00; --drhyaq-gap: 80px; --drhyaq-gap-tablet: 32px; --drhyaq-gap-mobile: 32px; --drhyaq-align-items: stretch; --drhyaq-align-items-tablet: stretch; --drhyaq-align-items-mobile: stretch; }[data-bnode="beae-drhyaq"] { padding-top: var(--drhyaq-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--drhyaq-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--drhyaq-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--drhyaq-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--drhyaq-padding-top-tablet, var(--drhyaq-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--drhyaq-padding-right-tablet, var(--drhyaq-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--drhyaq-padding-bottom-tablet, var(--drhyaq-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--drhyaq-padding-left-tablet, var(--drhyaq-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--drhyaq-padding-top-mobile, var(--drhyaq-padding-top-tablet, var(--drhyaq-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--drhyaq-padding-right-mobile, var(--drhyaq-padding-right-tablet, var(--drhyaq-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--drhyaq-padding-bottom-mobile, var(--drhyaq-padding-bottom-tablet, var(--drhyaq-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--drhyaq-padding-left-mobile, var(--drhyaq-padding-left-tablet, var(--drhyaq-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--drhyaq-padding-left, var(--beae-section-padding-x, 0px)) - var(--drhyaq-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--drhyaq-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--drhyaq-height); width: 100%; max-width: var(--drhyaq-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(--drhyaq-height-tablet, auto); width: 100%; max-width: var(--drhyaq-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--drhyaq-height-mobile, auto); width: 100%; max-width: var(--drhyaq-width-mobile, 100%); } } } }[data-bnode="beae-drhyaq"] > .beae-section-container{     display: flex;     flex-direction: var(--drhyaq-direction, column);     flex-wrap: nowrap;     justify-content: var(--drhyaq-justify-content);     align-items: var(--drhyaq-align-items);     gap: var(--drhyaq-gap, var(--beae-grid-gap, 4px));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--drhyaq-padding-right, 0px) - var(--drhyaq-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--drhyaq-padding-right, 0px) - var(--drhyaq-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--drhyaq-padding-right, 0px) - var(--drhyaq-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-drhyaq"] > .beae-section-container{      flex-direction: var(--drhyaq-direction-tablet, column);                 align-items: var(--drhyaq-align-items-tablet, inherit);      gap: var(--drhyaq-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot[data-bnode-index] {          flex: 1;         }            }    }    @media (max-width: 767px) {     [data-bnode="beae-drhyaq"] > .beae-section-container{      flex-direction: var(--drhyaq-direction-mobile, column);                      gap: var(--drhyaq-gap-mobile, var(--beae-grid-gap-mobile, 4px));             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-rgbyye"] { --rgbyye-direction: row; --rgbyye-direction-tablet: row; --rgbyye-direction-mobile: row; --rgbyye-structure: columns; --rgbyye-structure-tablet: columns; --rgbyye-structure-mobile: columns; }[data-bnode="beae-rgbyye"] { padding-top: var(--rgbyye-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rgbyye-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rgbyye-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rgbyye-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rgbyye-padding-top-tablet, var(--rgbyye-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rgbyye-padding-right-tablet, var(--rgbyye-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rgbyye-padding-bottom-tablet, var(--rgbyye-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rgbyye-padding-left-tablet, var(--rgbyye-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rgbyye-padding-top-mobile, var(--rgbyye-padding-top-tablet, var(--rgbyye-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rgbyye-padding-right-mobile, var(--rgbyye-padding-right-tablet, var(--rgbyye-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rgbyye-padding-bottom-mobile, var(--rgbyye-padding-bottom-tablet, var(--rgbyye-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rgbyye-padding-left-mobile, var(--rgbyye-padding-left-tablet, var(--rgbyye-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--rgbyye-padding-left, var(--beae-slot-padding-x, 0px)) - var(--rgbyye-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(--rgbyye-background-imageRatio, auto); background: var(--rgbyye-background-color,transparent); border-style: var(--rgbyye-borderStyle,solid); border-color: var(--rgbyye-borderColor,#000000); border-width: var(--rgbyye-borderWidth-tl,0px) var(--rgbyye-borderWidth-tr,0px) var(--rgbyye-borderWidth-br,0px) var(--rgbyye-borderWidth-bl,0px); border-radius: var(--rgbyye-borderRadius-tl,0px) var(--rgbyye-borderRadius-tr,0px) var(--rgbyye-borderRadius-br,0px) var(--rgbyye-borderRadius-bl,0px); box-shadow: if(style(--rgbyye-enableShadow: true): var(--rgbyye-shadowHorizontal,0) var(--rgbyye-shadowVertical,0) var(--rgbyye-shadowBlur,0) 1px var(--rgbyye-shadowColor,#000000); else: none); max-width: var(--rgbyye-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--rgbyye-background-imageRatio-tablet, var(--rgbyye-background-imageRatio, auto)); border-width: var(--rgbyye-borderWidth-tl-tablet,0px) var(--rgbyye-borderWidth-tr-tablet,0px) var(--rgbyye-borderWidth-br-tablet,0px) var(--rgbyye-borderWidth-bl-tablet,0px); border-radius: var(--rgbyye-borderRadius-tl-tablet,0px) var(--rgbyye-borderRadius-tr-tablet,0px) var(--rgbyye-borderRadius-br-tablet,0px) var(--rgbyye-borderRadius-bl-tablet,0px); max-width: var(--rgbyye-max-width-tablet, var(--rgbyye-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--rgbyye-background-imageRatio-mobile, var(--rgbyye-background-imageRatio, auto)); border-width: var(--rgbyye-borderWidth-tl-mobile,0px) var(--rgbyye-borderWidth-tr-mobile,0px) var(--rgbyye-borderWidth-br-mobile,0px) var(--rgbyye-borderWidth-bl-mobile,0px); border-radius: var(--rgbyye-borderRadius-tl-mobile,0px) var(--rgbyye-borderRadius-tr-mobile,0px) var(--rgbyye-borderRadius-br-mobile,0px) var(--rgbyye-borderRadius-bl-mobile,0px); max-width: var(--rgbyye-max-width-mobile, var(--rgbyye-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rgbyye-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--rgbyye-gap,var(--beae-card-gap)); padding-top: var(--rgbyye-padding-top,var(--beae-card-padding)); padding-right: var(--rgbyye-padding-right,var(--beae-card-padding)); padding-bottom: var(--rgbyye-padding-bottom,var(--beae-card-padding)); padding-left: var(--rgbyye-padding-left,var(--beae-card-padding)); border-width: var(--rgbyye-borderWidth,var(--beae-card-border-width)); border-width: var(--rgbyye-borderWidth-tl,var(--beae-card-border-width)) var(--rgbyye-borderWidth-tr,var(--beae-card-border-width)) var(--rgbyye-borderWidth-br,var(--beae-card-border-width)) var(--rgbyye-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rgbyye-borderRadius-tl,var(--beae-card-border-radius)) var(--rgbyye-borderRadius-tr,var(--beae-card-border-radius)) var(--rgbyye-borderRadius-br,var(--beae-card-border-radius)) var(--rgbyye-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(--rgbyye-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rgbyye-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rgbyye-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rgbyye-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rgbyye-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--rgbyye-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rgbyye-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rgbyye-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rgbyye-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rgbyye-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--rgbyye-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--rgbyye-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--rgbyye-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--rgbyye-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rgbyye-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rgbyye-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rgbyye-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rgbyye-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--rgbyye-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rgbyye-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rgbyye-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rgbyye-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rgbyye-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rgbyye-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rgbyye-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rgbyye-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rgbyye-background-color,var(--beae-card-featured-background)); border-color: var(--rgbyye-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--rgbyye-enableShadow: true): var(--rgbyye-shadowHorizontal, var(--beae-card-shadow-x)) var(--rgbyye-shadowVertical, var(--beae-card-shadow-y)) var(--rgbyye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rgbyye-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--rgbyye-background-color,var(--beae-card-prod-background)); border-color: var(--rgbyye-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--rgbyye-enableShadow: true): var(--rgbyye-shadowHorizontal, var(--beae-card-shadow-x)) var(--rgbyye-shadowVertical, var(--beae-card-shadow-y)) var(--rgbyye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rgbyye-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--rgbyye-background-color,var(--beae-card-pricing-background)); border-color: var(--rgbyye-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--rgbyye-enableShadow: true): var(--rgbyye-shadowHorizontal, var(--beae-card-shadow-x)) var(--rgbyye-shadowVertical, var(--beae-card-shadow-y)) var(--rgbyye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rgbyye-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--rgbyye-background-color,var(--beae-card-cta-background)); border-color: var(--rgbyye-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--rgbyye-enableShadow: true): var(--rgbyye-shadowHorizontal, var(--beae-card-shadow-x)) var(--rgbyye-shadowVertical, var(--beae-card-shadow-y)) var(--rgbyye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rgbyye-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--rgbyye-background-color,var(--beae-card-media-background)); border-color: var(--rgbyye-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--rgbyye-enableShadow: true): var(--rgbyye-shadowHorizontal, var(--beae-card-shadow-x)) var(--rgbyye-shadowVertical, var(--beae-card-shadow-y)) var(--rgbyye-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rgbyye-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-rgbyye"] {     display: flex;     flex-direction: var(--rgbyye-direction, column);     flex-wrap: nowrap;     justify-content: var(--rgbyye-justify-content);     align-items: var(--rgbyye-align-items);     gap: var(--rgbyye-gap, var(--rgbyye-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--rgbyye-padding-right, 0px) - var(--rgbyye-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rgbyye"] {                            gap: var(--rgbyye-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(--rgbyye-padding-right-tablet, 0px) - var(--rgbyye-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rgbyye"] {                            gap: var(--rgbyye-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(--rgbyye-padding-right-mobile, 0px) - var(--rgbyye-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-h70rbm"] { --h70rbm-width: 100%; --h70rbm-width-tablet: 100%; --h70rbm-width-mobile: 100%; --h70rbm-imageRatio: 7/6; --h70rbm-imageRatio-tablet: 7/6; --h70rbm-imageRatio-mobile: 7/6; --h70rbm-objFit: cover; --h70rbm-objFit-tablet: cover; --h70rbm-objFit-mobile: cover; --h70rbm-borderColor: #000000; --h70rbm-borderColor-tablet: #000000; --h70rbm-borderColor-mobile: #000000; --h70rbm-shadowColor: #000000; --h70rbm-shadowColor-tablet: #000000; --h70rbm-shadowColor-mobile: #000000; --h70rbm-borderStyle: none; --h70rbm-borderStyle-tablet: none; --h70rbm-borderStyle-mobile: none; --h70rbm-enableShadow: false; --h70rbm-enableShadow-tablet: false; --h70rbm-enableShadow-mobile: false; --h70rbm-borderRadius-tl: 24px; --h70rbm-borderRadius-tl-tablet: 24px; --h70rbm-borderRadius-tl-mobile: 16px; --h70rbm-borderRadius-tr: 24px; --h70rbm-borderRadius-tr-tablet: 24px; --h70rbm-borderRadius-tr-mobile: 16px; --h70rbm-borderRadius-bl: 24px; --h70rbm-borderRadius-bl-tablet: 24px; --h70rbm-borderRadius-bl-mobile: 16px; --h70rbm-borderRadius-br: 24px; --h70rbm-borderRadius-br-tablet: 24px; --h70rbm-borderRadius-br-mobile: 16px; }[data-bnode="beae-h70rbm"] { margin-top: var(--h70rbm-margin-top, 0px); margin-right: var(--h70rbm-margin-right, 0px); margin-bottom: var(--h70rbm-margin-bottom, 0px); margin-left: var(--h70rbm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--h70rbm-margin-top-tablet, 0px); margin-right: var(--h70rbm-margin-right-tablet, 0px); margin-bottom: var(--h70rbm-margin-bottom-tablet, 0px); margin-left: var(--h70rbm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--h70rbm-margin-top-mobile, 0px); margin-right: var(--h70rbm-margin-right-mobile, 0px); margin-bottom: var(--h70rbm-margin-bottom-mobile, 0px); margin-left: var(--h70rbm-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--h70rbm-width,100%) - var(--h70rbm-margin-left,0px) - var(--h70rbm-margin-right,0px)); min-height: min-content; border-style: var(--h70rbm-borderStyle,solid); border-color: var(--h70rbm-borderColor,#000000); border-width: var(--h70rbm-borderWidth-tl,0px) var(--h70rbm-borderWidth-tr,0px) var(--h70rbm-borderWidth-br,0px) var(--h70rbm-borderWidth-bl,0px); border-radius: var(--h70rbm-borderRadius-tl,0px) var(--h70rbm-borderRadius-tr,0px) var(--h70rbm-borderRadius-br,0px) var(--h70rbm-borderRadius-bl,0px); aspect-ratio: var(--h70rbm-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--h70rbm-borderWidth-tl-tablet, var(--h70rbm-borderWidth-tl,0px)) var(--h70rbm-borderWidth-tr-tablet, var(--h70rbm-borderWidth-tr,0px)) var(--h70rbm-borderWidth-br-tablet, var(--h70rbm-borderWidth-br,0px)) var(--h70rbm-borderWidth-bl-tablet, var(--h70rbm-borderWidth-bl,0px)); border-radius: var(--h70rbm-borderRadius-tl-tablet, var(--h70rbm-borderRadius-tl,0px)) var(--h70rbm-borderRadius-tr-tablet, var(--h70rbm-borderRadius-tr,0px)) var(--h70rbm-borderRadius-br-tablet, var(--h70rbm-borderRadius-br,0px)) var(--h70rbm-borderRadius-bl-tablet, var(--h70rbm-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--h70rbm-borderWidth-tl-mobile, var(--h70rbm-borderWidth-tl,0px)) var(--h70rbm-borderWidth-tr-mobile, var(--h70rbm-borderWidth-tr,0px)) var(--h70rbm-borderWidth-br-mobile, var(--h70rbm-borderWidth-br,0px)) var(--h70rbm-borderWidth-bl-mobile, var(--h70rbm-borderWidth-bl,0px)); border-radius: var(--h70rbm-borderRadius-tl-mobile, var(--h70rbm-borderRadius-tl,0px)) var(--h70rbm-borderRadius-tr-mobile, var(--h70rbm-borderRadius-tr,0px)) var(--h70rbm-borderRadius-br-mobile, var(--h70rbm-borderRadius-br,0px)) var(--h70rbm-borderRadius-bl-mobile, var(--h70rbm-borderRadius-bl,0px)); } box-shadow: if( style(--h70rbm-enableShadow: true): var(--h70rbm-shadowHorizontal, 0) var(--h70rbm-shadowVertical, 0) var(--h70rbm-shadowBlur, 0) 1px var(--h70rbm-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--h70rbm-overlayColor-color, #000); opacity: var(--h70rbm-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--h70rbm-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--h70rbm-width-tablet,var(--h70rbm-width,100%)) - var(--h70rbm-margin-left-tablet,var(--h70rbm-margin-left,0px)) - var(--h70rbm-margin-right-tablet,var(--h70rbm-margin-right,0px))); aspect-ratio: var(--h70rbm-imageRatio-tablet, var(--h70rbm-imageRatio, auto)); img { object-fit: var(--h70rbm-objFit-tablet, var(--h70rbm-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--h70rbm-width-mobile,var(--h70rbm-width,100%)) - var(--h70rbm-margin-left-mobile,var(--h70rbm-margin-left,0px)) - var(--h70rbm-margin-right-mobile,var(--h70rbm-margin-right,0px))); aspect-ratio: var(--h70rbm-imageRatio-mobile, var(--h70rbm-imageRatio, auto)); img { object-fit: var(--h70rbm-objFit-mobile, var(--h70rbm-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-qcqy0k"] { --qcqy0k-direction: row; --qcqy0k-direction-tablet: row; --qcqy0k-direction-mobile: row; --qcqy0k-structure: columns; --qcqy0k-structure-tablet: columns; --qcqy0k-structure-mobile: columns; }[data-bnode="beae-qcqy0k"] { padding-top: var(--qcqy0k-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--qcqy0k-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--qcqy0k-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--qcqy0k-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--qcqy0k-padding-top-tablet, var(--qcqy0k-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--qcqy0k-padding-right-tablet, var(--qcqy0k-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--qcqy0k-padding-bottom-tablet, var(--qcqy0k-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--qcqy0k-padding-left-tablet, var(--qcqy0k-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--qcqy0k-padding-top-mobile, var(--qcqy0k-padding-top-tablet, var(--qcqy0k-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--qcqy0k-padding-right-mobile, var(--qcqy0k-padding-right-tablet, var(--qcqy0k-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--qcqy0k-padding-bottom-mobile, var(--qcqy0k-padding-bottom-tablet, var(--qcqy0k-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--qcqy0k-padding-left-mobile, var(--qcqy0k-padding-left-tablet, var(--qcqy0k-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--qcqy0k-padding-left, var(--beae-slot-padding-x, 0px)) - var(--qcqy0k-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(--qcqy0k-background-imageRatio, auto); background: var(--qcqy0k-background-color,transparent); border-style: var(--qcqy0k-borderStyle,solid); border-color: var(--qcqy0k-borderColor,#000000); border-width: var(--qcqy0k-borderWidth-tl,0px) var(--qcqy0k-borderWidth-tr,0px) var(--qcqy0k-borderWidth-br,0px) var(--qcqy0k-borderWidth-bl,0px); border-radius: var(--qcqy0k-borderRadius-tl,0px) var(--qcqy0k-borderRadius-tr,0px) var(--qcqy0k-borderRadius-br,0px) var(--qcqy0k-borderRadius-bl,0px); box-shadow: if(style(--qcqy0k-enableShadow: true): var(--qcqy0k-shadowHorizontal,0) var(--qcqy0k-shadowVertical,0) var(--qcqy0k-shadowBlur,0) 1px var(--qcqy0k-shadowColor,#000000); else: none); max-width: var(--qcqy0k-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--qcqy0k-background-imageRatio-tablet, var(--qcqy0k-background-imageRatio, auto)); border-width: var(--qcqy0k-borderWidth-tl-tablet,0px) var(--qcqy0k-borderWidth-tr-tablet,0px) var(--qcqy0k-borderWidth-br-tablet,0px) var(--qcqy0k-borderWidth-bl-tablet,0px); border-radius: var(--qcqy0k-borderRadius-tl-tablet,0px) var(--qcqy0k-borderRadius-tr-tablet,0px) var(--qcqy0k-borderRadius-br-tablet,0px) var(--qcqy0k-borderRadius-bl-tablet,0px); max-width: var(--qcqy0k-max-width-tablet, var(--qcqy0k-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--qcqy0k-background-imageRatio-mobile, var(--qcqy0k-background-imageRatio, auto)); border-width: var(--qcqy0k-borderWidth-tl-mobile,0px) var(--qcqy0k-borderWidth-tr-mobile,0px) var(--qcqy0k-borderWidth-br-mobile,0px) var(--qcqy0k-borderWidth-bl-mobile,0px); border-radius: var(--qcqy0k-borderRadius-tl-mobile,0px) var(--qcqy0k-borderRadius-tr-mobile,0px) var(--qcqy0k-borderRadius-br-mobile,0px) var(--qcqy0k-borderRadius-bl-mobile,0px); max-width: var(--qcqy0k-max-width-mobile, var(--qcqy0k-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--qcqy0k-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--qcqy0k-gap,var(--beae-card-gap)); padding-top: var(--qcqy0k-padding-top,var(--beae-card-padding)); padding-right: var(--qcqy0k-padding-right,var(--beae-card-padding)); padding-bottom: var(--qcqy0k-padding-bottom,var(--beae-card-padding)); padding-left: var(--qcqy0k-padding-left,var(--beae-card-padding)); border-width: var(--qcqy0k-borderWidth,var(--beae-card-border-width)); border-width: var(--qcqy0k-borderWidth-tl,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-tr,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-br,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--qcqy0k-borderRadius-tl,var(--beae-card-border-radius)) var(--qcqy0k-borderRadius-tr,var(--beae-card-border-radius)) var(--qcqy0k-borderRadius-br,var(--beae-card-border-radius)) var(--qcqy0k-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(--qcqy0k-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--qcqy0k-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--qcqy0k-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--qcqy0k-padding-left-tablet,var(--beae-card-padding)); border-width: var(--qcqy0k-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--qcqy0k-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-br-desktop,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--qcqy0k-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--qcqy0k-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--qcqy0k-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--qcqy0k-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--qcqy0k-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--qcqy0k-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--qcqy0k-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--qcqy0k-padding-left-mobile,var(--beae-card-padding)); border-width: var(--qcqy0k-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--qcqy0k-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-br-mobile,var(--beae-card-border-width)) var(--qcqy0k-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--qcqy0k-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--qcqy0k-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--qcqy0k-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--qcqy0k-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--qcqy0k-background-color,var(--beae-card-featured-background)); border-color: var(--qcqy0k-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--qcqy0k-enableShadow: true): var(--qcqy0k-shadowHorizontal, var(--beae-card-shadow-x)) var(--qcqy0k-shadowVertical, var(--beae-card-shadow-y)) var(--qcqy0k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qcqy0k-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--qcqy0k-background-color,var(--beae-card-prod-background)); border-color: var(--qcqy0k-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--qcqy0k-enableShadow: true): var(--qcqy0k-shadowHorizontal, var(--beae-card-shadow-x)) var(--qcqy0k-shadowVertical, var(--beae-card-shadow-y)) var(--qcqy0k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qcqy0k-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--qcqy0k-background-color,var(--beae-card-pricing-background)); border-color: var(--qcqy0k-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--qcqy0k-enableShadow: true): var(--qcqy0k-shadowHorizontal, var(--beae-card-shadow-x)) var(--qcqy0k-shadowVertical, var(--beae-card-shadow-y)) var(--qcqy0k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qcqy0k-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--qcqy0k-background-color,var(--beae-card-cta-background)); border-color: var(--qcqy0k-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--qcqy0k-enableShadow: true): var(--qcqy0k-shadowHorizontal, var(--beae-card-shadow-x)) var(--qcqy0k-shadowVertical, var(--beae-card-shadow-y)) var(--qcqy0k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qcqy0k-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--qcqy0k-background-color,var(--beae-card-media-background)); border-color: var(--qcqy0k-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--qcqy0k-enableShadow: true): var(--qcqy0k-shadowHorizontal, var(--beae-card-shadow-x)) var(--qcqy0k-shadowVertical, var(--beae-card-shadow-y)) var(--qcqy0k-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qcqy0k-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-qcqy0k"] {     display: flex;     flex-direction: var(--qcqy0k-direction, column);     flex-wrap: nowrap;     justify-content: var(--qcqy0k-justify-content);     align-items: var(--qcqy0k-align-items);     gap: var(--qcqy0k-gap, var(--qcqy0k-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--qcqy0k-padding-right, 0px) - var(--qcqy0k-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-qcqy0k"] {                            gap: var(--qcqy0k-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(--qcqy0k-padding-right-tablet, 0px) - var(--qcqy0k-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-qcqy0k"] {                            gap: var(--qcqy0k-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(--qcqy0k-padding-right-mobile, 0px) - var(--qcqy0k-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-11bkaa"] { --11bkaa-direction: column; --11bkaa-direction-tablet: column; --11bkaa-direction-mobile: column; --11bkaa-structure: columns; --11bkaa-structure-tablet: columns; --11bkaa-structure-mobile: columns; --11bkaa-gap: 20px; --11bkaa-gap-tablet: 20px; --11bkaa-gap-mobile: 16px; --11bkaa-align-items: flex-start; --11bkaa-align-items-tablet: flex-start; --11bkaa-align-items-mobile: flex-start; --11bkaa-justify-content: center; --11bkaa-justify-content-tablet: center; --11bkaa-justify-content-mobile: center; }[data-bnode="beae-11bkaa"] { padding-top: var(--11bkaa-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--11bkaa-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--11bkaa-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--11bkaa-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--11bkaa-padding-top-tablet, var(--11bkaa-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--11bkaa-padding-right-tablet, var(--11bkaa-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--11bkaa-padding-bottom-tablet, var(--11bkaa-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--11bkaa-padding-left-tablet, var(--11bkaa-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--11bkaa-padding-top-mobile, var(--11bkaa-padding-top-tablet, var(--11bkaa-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--11bkaa-padding-right-mobile, var(--11bkaa-padding-right-tablet, var(--11bkaa-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--11bkaa-padding-bottom-mobile, var(--11bkaa-padding-bottom-tablet, var(--11bkaa-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--11bkaa-padding-left-mobile, var(--11bkaa-padding-left-tablet, var(--11bkaa-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--11bkaa-padding-left, var(--beae-slot-padding-x, 0px)) - var(--11bkaa-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(--11bkaa-background-imageRatio, auto); background: var(--11bkaa-background-color,transparent); border-style: var(--11bkaa-borderStyle,solid); border-color: var(--11bkaa-borderColor,#000000); border-width: var(--11bkaa-borderWidth-tl,0px) var(--11bkaa-borderWidth-tr,0px) var(--11bkaa-borderWidth-br,0px) var(--11bkaa-borderWidth-bl,0px); border-radius: var(--11bkaa-borderRadius-tl,0px) var(--11bkaa-borderRadius-tr,0px) var(--11bkaa-borderRadius-br,0px) var(--11bkaa-borderRadius-bl,0px); box-shadow: if(style(--11bkaa-enableShadow: true): var(--11bkaa-shadowHorizontal,0) var(--11bkaa-shadowVertical,0) var(--11bkaa-shadowBlur,0) 1px var(--11bkaa-shadowColor,#000000); else: none); max-width: var(--11bkaa-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--11bkaa-background-imageRatio-tablet, var(--11bkaa-background-imageRatio, auto)); border-width: var(--11bkaa-borderWidth-tl-tablet,0px) var(--11bkaa-borderWidth-tr-tablet,0px) var(--11bkaa-borderWidth-br-tablet,0px) var(--11bkaa-borderWidth-bl-tablet,0px); border-radius: var(--11bkaa-borderRadius-tl-tablet,0px) var(--11bkaa-borderRadius-tr-tablet,0px) var(--11bkaa-borderRadius-br-tablet,0px) var(--11bkaa-borderRadius-bl-tablet,0px); max-width: var(--11bkaa-max-width-tablet, var(--11bkaa-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--11bkaa-background-imageRatio-mobile, var(--11bkaa-background-imageRatio, auto)); border-width: var(--11bkaa-borderWidth-tl-mobile,0px) var(--11bkaa-borderWidth-tr-mobile,0px) var(--11bkaa-borderWidth-br-mobile,0px) var(--11bkaa-borderWidth-bl-mobile,0px); border-radius: var(--11bkaa-borderRadius-tl-mobile,0px) var(--11bkaa-borderRadius-tr-mobile,0px) var(--11bkaa-borderRadius-br-mobile,0px) var(--11bkaa-borderRadius-bl-mobile,0px); max-width: var(--11bkaa-max-width-mobile, var(--11bkaa-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--11bkaa-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--11bkaa-gap,var(--beae-card-gap)); padding-top: var(--11bkaa-padding-top,var(--beae-card-padding)); padding-right: var(--11bkaa-padding-right,var(--beae-card-padding)); padding-bottom: var(--11bkaa-padding-bottom,var(--beae-card-padding)); padding-left: var(--11bkaa-padding-left,var(--beae-card-padding)); border-width: var(--11bkaa-borderWidth,var(--beae-card-border-width)); border-width: var(--11bkaa-borderWidth-tl,var(--beae-card-border-width)) var(--11bkaa-borderWidth-tr,var(--beae-card-border-width)) var(--11bkaa-borderWidth-br,var(--beae-card-border-width)) var(--11bkaa-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--11bkaa-borderRadius-tl,var(--beae-card-border-radius)) var(--11bkaa-borderRadius-tr,var(--beae-card-border-radius)) var(--11bkaa-borderRadius-br,var(--beae-card-border-radius)) var(--11bkaa-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(--11bkaa-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--11bkaa-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--11bkaa-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--11bkaa-padding-left-tablet,var(--beae-card-padding)); border-width: var(--11bkaa-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--11bkaa-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--11bkaa-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--11bkaa-borderWidth-br-desktop,var(--beae-card-border-width)) var(--11bkaa-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--11bkaa-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--11bkaa-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--11bkaa-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--11bkaa-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--11bkaa-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--11bkaa-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--11bkaa-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--11bkaa-padding-left-mobile,var(--beae-card-padding)); border-width: var(--11bkaa-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--11bkaa-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--11bkaa-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--11bkaa-borderWidth-br-mobile,var(--beae-card-border-width)) var(--11bkaa-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--11bkaa-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--11bkaa-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--11bkaa-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--11bkaa-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--11bkaa-background-color,var(--beae-card-featured-background)); border-color: var(--11bkaa-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--11bkaa-enableShadow: true): var(--11bkaa-shadowHorizontal, var(--beae-card-shadow-x)) var(--11bkaa-shadowVertical, var(--beae-card-shadow-y)) var(--11bkaa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11bkaa-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--11bkaa-background-color,var(--beae-card-prod-background)); border-color: var(--11bkaa-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--11bkaa-enableShadow: true): var(--11bkaa-shadowHorizontal, var(--beae-card-shadow-x)) var(--11bkaa-shadowVertical, var(--beae-card-shadow-y)) var(--11bkaa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11bkaa-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--11bkaa-background-color,var(--beae-card-pricing-background)); border-color: var(--11bkaa-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--11bkaa-enableShadow: true): var(--11bkaa-shadowHorizontal, var(--beae-card-shadow-x)) var(--11bkaa-shadowVertical, var(--beae-card-shadow-y)) var(--11bkaa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11bkaa-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--11bkaa-background-color,var(--beae-card-cta-background)); border-color: var(--11bkaa-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--11bkaa-enableShadow: true): var(--11bkaa-shadowHorizontal, var(--beae-card-shadow-x)) var(--11bkaa-shadowVertical, var(--beae-card-shadow-y)) var(--11bkaa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11bkaa-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--11bkaa-background-color,var(--beae-card-media-background)); border-color: var(--11bkaa-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--11bkaa-enableShadow: true): var(--11bkaa-shadowHorizontal, var(--beae-card-shadow-x)) var(--11bkaa-shadowVertical, var(--beae-card-shadow-y)) var(--11bkaa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11bkaa-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-11bkaa"] {     display: flex;     flex-direction: var(--11bkaa-direction, column);     flex-wrap: nowrap;     justify-content: var(--11bkaa-justify-content);     align-items: var(--11bkaa-align-items);     gap: var(--11bkaa-gap, var(--11bkaa-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-11bkaa"] {                            gap: var(--11bkaa-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(--11bkaa-padding-right-tablet, 0px) - var(--11bkaa-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-11bkaa"] {                            gap: var(--11bkaa-gap-mobile, var(--11bkaa-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(--11bkaa-padding-right-mobile, 0px) - var(--11bkaa-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-horlyn"] { --horlyn-direction: row; --horlyn-direction-tablet: row; --horlyn-direction-mobile: row; --horlyn-structure: columns; --horlyn-structure-tablet: columns; --horlyn-structure-mobile: columns; --horlyn-max-width: fit-content; --horlyn-max-width-tablet: fit-content; --horlyn-max-width-mobile: fit-content; --horlyn-padding-top: 6px; --horlyn-padding-top-tablet: 6px; --horlyn-padding-top-mobile: 6px; --horlyn-padding-right: 12px; --horlyn-padding-right-tablet: 12px; --horlyn-padding-right-mobile: 12px; --horlyn-padding-bottom: 6px; --horlyn-padding-bottom-tablet: 6px; --horlyn-padding-bottom-mobile: 6px; --horlyn-padding-left: 12px; --horlyn-padding-left-tablet: 12px; --horlyn-padding-left-mobile: 12px; --horlyn-background-type: color; --horlyn-background-type-tablet: color; --horlyn-background-type-mobile: color; --horlyn-background-color: #769DBF; --horlyn-background-color-tablet: #769DBF; --horlyn-background-color-mobile: #769DBF; --horlyn-borderRadius-tl: 9999px; --horlyn-borderRadius-tl-tablet: 9999px; --horlyn-borderRadius-tl-mobile: 9999px; --horlyn-borderRadius-tr: 9999px; --horlyn-borderRadius-tr-tablet: 9999px; --horlyn-borderRadius-tr-mobile: 9999px; --horlyn-borderRadius-bl: 9999px; --horlyn-borderRadius-bl-tablet: 9999px; --horlyn-borderRadius-bl-mobile: 9999px; --horlyn-borderRadius-br: 9999px; --horlyn-borderRadius-br-tablet: 9999px; --horlyn-borderRadius-br-mobile: 9999px; }[data-bnode="beae-horlyn"] { padding-top: var(--horlyn-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--horlyn-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--horlyn-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--horlyn-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--horlyn-padding-top-tablet, var(--horlyn-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--horlyn-padding-right-tablet, var(--horlyn-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--horlyn-padding-bottom-tablet, var(--horlyn-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--horlyn-padding-left-tablet, var(--horlyn-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--horlyn-padding-top-mobile, var(--horlyn-padding-top-tablet, var(--horlyn-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--horlyn-padding-right-mobile, var(--horlyn-padding-right-tablet, var(--horlyn-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--horlyn-padding-bottom-mobile, var(--horlyn-padding-bottom-tablet, var(--horlyn-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--horlyn-padding-left-mobile, var(--horlyn-padding-left-tablet, var(--horlyn-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--horlyn-padding-left, var(--beae-slot-padding-x, 0px)) - var(--horlyn-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(--horlyn-background-imageRatio, auto); background: var(--horlyn-background-color,transparent); border-style: var(--horlyn-borderStyle,solid); border-color: var(--horlyn-borderColor,#000000); border-width: var(--horlyn-borderWidth-tl,0px) var(--horlyn-borderWidth-tr,0px) var(--horlyn-borderWidth-br,0px) var(--horlyn-borderWidth-bl,0px); border-radius: var(--horlyn-borderRadius-tl,0px) var(--horlyn-borderRadius-tr,0px) var(--horlyn-borderRadius-br,0px) var(--horlyn-borderRadius-bl,0px); box-shadow: if(style(--horlyn-enableShadow: true): var(--horlyn-shadowHorizontal,0) var(--horlyn-shadowVertical,0) var(--horlyn-shadowBlur,0) 1px var(--horlyn-shadowColor,#000000); else: none); max-width: var(--horlyn-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--horlyn-background-imageRatio-tablet, var(--horlyn-background-imageRatio, auto)); border-width: var(--horlyn-borderWidth-tl-tablet,0px) var(--horlyn-borderWidth-tr-tablet,0px) var(--horlyn-borderWidth-br-tablet,0px) var(--horlyn-borderWidth-bl-tablet,0px); border-radius: var(--horlyn-borderRadius-tl-tablet,0px) var(--horlyn-borderRadius-tr-tablet,0px) var(--horlyn-borderRadius-br-tablet,0px) var(--horlyn-borderRadius-bl-tablet,0px); max-width: var(--horlyn-max-width-tablet, var(--horlyn-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--horlyn-background-imageRatio-mobile, var(--horlyn-background-imageRatio, auto)); border-width: var(--horlyn-borderWidth-tl-mobile,0px) var(--horlyn-borderWidth-tr-mobile,0px) var(--horlyn-borderWidth-br-mobile,0px) var(--horlyn-borderWidth-bl-mobile,0px); border-radius: var(--horlyn-borderRadius-tl-mobile,0px) var(--horlyn-borderRadius-tr-mobile,0px) var(--horlyn-borderRadius-br-mobile,0px) var(--horlyn-borderRadius-bl-mobile,0px); max-width: var(--horlyn-max-width-mobile, var(--horlyn-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--horlyn-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--horlyn-gap,var(--beae-card-gap)); padding-top: var(--horlyn-padding-top,var(--beae-card-padding)); padding-right: var(--horlyn-padding-right,var(--beae-card-padding)); padding-bottom: var(--horlyn-padding-bottom,var(--beae-card-padding)); padding-left: var(--horlyn-padding-left,var(--beae-card-padding)); border-width: var(--horlyn-borderWidth,var(--beae-card-border-width)); border-width: var(--horlyn-borderWidth-tl,var(--beae-card-border-width)) var(--horlyn-borderWidth-tr,var(--beae-card-border-width)) var(--horlyn-borderWidth-br,var(--beae-card-border-width)) var(--horlyn-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--horlyn-borderRadius-tl,var(--beae-card-border-radius)) var(--horlyn-borderRadius-tr,var(--beae-card-border-radius)) var(--horlyn-borderRadius-br,var(--beae-card-border-radius)) var(--horlyn-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(--horlyn-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--horlyn-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--horlyn-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--horlyn-padding-left-tablet,var(--beae-card-padding)); border-width: var(--horlyn-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--horlyn-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--horlyn-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--horlyn-borderWidth-br-desktop,var(--beae-card-border-width)) var(--horlyn-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--horlyn-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--horlyn-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--horlyn-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--horlyn-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--horlyn-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--horlyn-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--horlyn-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--horlyn-padding-left-mobile,var(--beae-card-padding)); border-width: var(--horlyn-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--horlyn-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--horlyn-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--horlyn-borderWidth-br-mobile,var(--beae-card-border-width)) var(--horlyn-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--horlyn-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--horlyn-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--horlyn-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--horlyn-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--horlyn-background-color,var(--beae-card-featured-background)); border-color: var(--horlyn-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--horlyn-enableShadow: true): var(--horlyn-shadowHorizontal, var(--beae-card-shadow-x)) var(--horlyn-shadowVertical, var(--beae-card-shadow-y)) var(--horlyn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--horlyn-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--horlyn-background-color,var(--beae-card-prod-background)); border-color: var(--horlyn-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--horlyn-enableShadow: true): var(--horlyn-shadowHorizontal, var(--beae-card-shadow-x)) var(--horlyn-shadowVertical, var(--beae-card-shadow-y)) var(--horlyn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--horlyn-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--horlyn-background-color,var(--beae-card-pricing-background)); border-color: var(--horlyn-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--horlyn-enableShadow: true): var(--horlyn-shadowHorizontal, var(--beae-card-shadow-x)) var(--horlyn-shadowVertical, var(--beae-card-shadow-y)) var(--horlyn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--horlyn-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--horlyn-background-color,var(--beae-card-cta-background)); border-color: var(--horlyn-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--horlyn-enableShadow: true): var(--horlyn-shadowHorizontal, var(--beae-card-shadow-x)) var(--horlyn-shadowVertical, var(--beae-card-shadow-y)) var(--horlyn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--horlyn-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--horlyn-background-color,var(--beae-card-media-background)); border-color: var(--horlyn-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--horlyn-enableShadow: true): var(--horlyn-shadowHorizontal, var(--beae-card-shadow-x)) var(--horlyn-shadowVertical, var(--beae-card-shadow-y)) var(--horlyn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--horlyn-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-horlyn"] {     display: flex;     flex-direction: var(--horlyn-direction, column);     flex-wrap: nowrap;     justify-content: var(--horlyn-justify-content);     align-items: var(--horlyn-align-items);     gap: var(--horlyn-gap, var(--horlyn-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--horlyn-padding-right, 0px) - var(--horlyn-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-horlyn"] {                            gap: var(--horlyn-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(--horlyn-padding-right-tablet, 0px) - var(--horlyn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-horlyn"] {                            gap: var(--horlyn-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(--horlyn-padding-right-mobile, 0px) - var(--horlyn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ltzsjr"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --ltzsjr-typography: p; --ltzsjr-typography-tablet: p; --ltzsjr-typography-mobile: p; }[data-bnode="beae-ltzsjr"] { margin-top: var(--ltzsjr-margin-top, 0px); margin-right: var(--ltzsjr-margin-right, 0px); margin-bottom: var(--ltzsjr-margin-bottom, 0px); margin-left: var(--ltzsjr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ltzsjr-margin-top-tablet, 0px); margin-right: var(--ltzsjr-margin-right-tablet, 0px); margin-bottom: var(--ltzsjr-margin-bottom-tablet, 0px); margin-left: var(--ltzsjr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ltzsjr-margin-top-mobile, 0px); margin-right: var(--ltzsjr-margin-right-mobile, 0px); margin-bottom: var(--ltzsjr-margin-bottom-mobile, 0px); margin-left: var(--ltzsjr-margin-left-mobile, 0px); } }[data-bnode="beae-3zxk92"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #100D09; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --3zxk92-typography: h2; --3zxk92-typography-tablet: h2; --3zxk92-typography-mobile: h2; }[data-bnode="beae-3zxk92"] { margin-top: var(--3zxk92-margin-top, 0px); margin-right: var(--3zxk92-margin-right, 0px); margin-bottom: var(--3zxk92-margin-bottom, 0px); margin-left: var(--3zxk92-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3zxk92-margin-top-tablet, 0px); margin-right: var(--3zxk92-margin-right-tablet, 0px); margin-bottom: var(--3zxk92-margin-bottom-tablet, 0px); margin-left: var(--3zxk92-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3zxk92-margin-top-mobile, 0px); margin-right: var(--3zxk92-margin-right-mobile, 0px); margin-bottom: var(--3zxk92-margin-bottom-mobile, 0px); margin-left: var(--3zxk92-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--3zxk92-highlightColor,var(--beae-p-color)); top: var(--3zxk92-highlightTop, 100%); } }[data-bnode="beae-phb5kz"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --phb5kz-typography: p; --phb5kz-typography-tablet: p; --phb5kz-typography-mobile: p; --phb5kz-margin-top: 8px; --phb5kz-margin-top-tablet: 8px; --phb5kz-margin-top-mobile: 4px; --phb5kz-margin-right: 0px; --phb5kz-margin-right-tablet: 0px; --phb5kz-margin-right-mobile: 0px; --phb5kz-margin-bottom: 0px; --phb5kz-margin-bottom-tablet: 0px; --phb5kz-margin-bottom-mobile: 0px; --phb5kz-margin-left: 0px; --phb5kz-margin-left-tablet: 0px; --phb5kz-margin-left-mobile: 0px; }[data-bnode="beae-phb5kz"] { margin-top: var(--phb5kz-margin-top, 0px); margin-right: var(--phb5kz-margin-right, 0px); margin-bottom: var(--phb5kz-margin-bottom, 0px); margin-left: var(--phb5kz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--phb5kz-margin-top-tablet, 0px); margin-right: var(--phb5kz-margin-right-tablet, 0px); margin-bottom: var(--phb5kz-margin-bottom-tablet, 0px); margin-left: var(--phb5kz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--phb5kz-margin-top-mobile, 0px); margin-right: var(--phb5kz-margin-right-mobile, 0px); margin-bottom: var(--phb5kz-margin-bottom-mobile, 0px); margin-left: var(--phb5kz-margin-left-mobile, 0px); } }[data-bnode="beae-7zec4b"] { --7zec4b-width: 1600px; --7zec4b-width-tablet: 1600px; --7zec4b-width-mobile: 1600px; --7zec4b-height: fit-content; --7zec4b-height-tablet: fit-content; --7zec4b-height-mobile: fit-content; --7zec4b-padding-top: 112px; --7zec4b-padding-top-tablet: 80px; --7zec4b-padding-top-mobile: 56px; --7zec4b-padding-bottom: 112px; --7zec4b-padding-bottom-tablet: 80px; --7zec4b-padding-bottom-mobile: 56px; --7zec4b-padding-right: 32px; --7zec4b-padding-right-tablet: 30px; --7zec4b-padding-right-mobile: 16px; --7zec4b-padding-left: 32px; --7zec4b-padding-left-tablet: 30px; --7zec4b-padding-left-mobile: 16px; --7zec4b-direction: column; --7zec4b-direction-tablet: column; --7zec4b-direction-mobile: column; --7zec4b-gap: 48px; --7zec4b-gap-tablet: 40px; --7zec4b-gap-mobile: 32px; --7zec4b-background-type: color; --7zec4b-background-type-tablet: color; --7zec4b-background-type-mobile: color; --7zec4b-background-color: #201A13; --7zec4b-background-color-tablet: #201A13; --7zec4b-background-color-mobile: #201A13; }[data-bnode="beae-7zec4b"] { padding-top: var(--7zec4b-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--7zec4b-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--7zec4b-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--7zec4b-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7zec4b-padding-top-tablet, var(--7zec4b-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--7zec4b-padding-right-tablet, var(--7zec4b-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--7zec4b-padding-bottom-tablet, var(--7zec4b-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--7zec4b-padding-left-tablet, var(--7zec4b-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7zec4b-padding-top-mobile, var(--7zec4b-padding-top-tablet, var(--7zec4b-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--7zec4b-padding-right-mobile, var(--7zec4b-padding-right-tablet, var(--7zec4b-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--7zec4b-padding-bottom-mobile, var(--7zec4b-padding-bottom-tablet, var(--7zec4b-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--7zec4b-padding-left-mobile, var(--7zec4b-padding-left-tablet, var(--7zec4b-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--7zec4b-padding-left, var(--beae-section-padding-x, 0px)) - var(--7zec4b-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--7zec4b-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--7zec4b-height); width: 100%; max-width: var(--7zec4b-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(--7zec4b-height-tablet, auto); width: 100%; max-width: var(--7zec4b-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--7zec4b-height-mobile, auto); width: 100%; max-width: var(--7zec4b-width-mobile, 100%); } } } }[data-bnode="beae-7zec4b"] > .beae-section-container{     display: flex;     flex-direction: var(--7zec4b-direction, column);     flex-wrap: nowrap;     justify-content: var(--7zec4b-justify-content);     align-items: var(--7zec4b-align-items);     gap: var(--7zec4b-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7zec4b"] > .beae-section-container{                            gap: var(--7zec4b-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7zec4b-padding-right-tablet, 0px) - var(--7zec4b-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7zec4b"] > .beae-section-container{                            gap: var(--7zec4b-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--7zec4b-padding-right-mobile, 0px) - var(--7zec4b-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ehqqh0"] { --ehqqh0-direction: column; --ehqqh0-direction-tablet: column; --ehqqh0-direction-mobile: column; --ehqqh0-structure: columns; --ehqqh0-structure-tablet: columns; --ehqqh0-structure-mobile: columns; --ehqqh0-gap: 20px; --ehqqh0-gap-tablet: 20px; --ehqqh0-gap-mobile: 16px; --ehqqh0-align-items: center; --ehqqh0-align-items-tablet: center; --ehqqh0-align-items-mobile: center; }[data-bnode="beae-ehqqh0"] { padding-top: var(--ehqqh0-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ehqqh0-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ehqqh0-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ehqqh0-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ehqqh0-padding-top-tablet, var(--ehqqh0-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ehqqh0-padding-right-tablet, var(--ehqqh0-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ehqqh0-padding-bottom-tablet, var(--ehqqh0-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ehqqh0-padding-left-tablet, var(--ehqqh0-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ehqqh0-padding-top-mobile, var(--ehqqh0-padding-top-tablet, var(--ehqqh0-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ehqqh0-padding-right-mobile, var(--ehqqh0-padding-right-tablet, var(--ehqqh0-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ehqqh0-padding-bottom-mobile, var(--ehqqh0-padding-bottom-tablet, var(--ehqqh0-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ehqqh0-padding-left-mobile, var(--ehqqh0-padding-left-tablet, var(--ehqqh0-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ehqqh0-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ehqqh0-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(--ehqqh0-background-imageRatio, auto); background: var(--ehqqh0-background-color,transparent); border-style: var(--ehqqh0-borderStyle,solid); border-color: var(--ehqqh0-borderColor,#000000); border-width: var(--ehqqh0-borderWidth-tl,0px) var(--ehqqh0-borderWidth-tr,0px) var(--ehqqh0-borderWidth-br,0px) var(--ehqqh0-borderWidth-bl,0px); border-radius: var(--ehqqh0-borderRadius-tl,0px) var(--ehqqh0-borderRadius-tr,0px) var(--ehqqh0-borderRadius-br,0px) var(--ehqqh0-borderRadius-bl,0px); box-shadow: if(style(--ehqqh0-enableShadow: true): var(--ehqqh0-shadowHorizontal,0) var(--ehqqh0-shadowVertical,0) var(--ehqqh0-shadowBlur,0) 1px var(--ehqqh0-shadowColor,#000000); else: none); max-width: var(--ehqqh0-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ehqqh0-background-imageRatio-tablet, var(--ehqqh0-background-imageRatio, auto)); border-width: var(--ehqqh0-borderWidth-tl-tablet,0px) var(--ehqqh0-borderWidth-tr-tablet,0px) var(--ehqqh0-borderWidth-br-tablet,0px) var(--ehqqh0-borderWidth-bl-tablet,0px); border-radius: var(--ehqqh0-borderRadius-tl-tablet,0px) var(--ehqqh0-borderRadius-tr-tablet,0px) var(--ehqqh0-borderRadius-br-tablet,0px) var(--ehqqh0-borderRadius-bl-tablet,0px); max-width: var(--ehqqh0-max-width-tablet, var(--ehqqh0-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ehqqh0-background-imageRatio-mobile, var(--ehqqh0-background-imageRatio, auto)); border-width: var(--ehqqh0-borderWidth-tl-mobile,0px) var(--ehqqh0-borderWidth-tr-mobile,0px) var(--ehqqh0-borderWidth-br-mobile,0px) var(--ehqqh0-borderWidth-bl-mobile,0px); border-radius: var(--ehqqh0-borderRadius-tl-mobile,0px) var(--ehqqh0-borderRadius-tr-mobile,0px) var(--ehqqh0-borderRadius-br-mobile,0px) var(--ehqqh0-borderRadius-bl-mobile,0px); max-width: var(--ehqqh0-max-width-mobile, var(--ehqqh0-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ehqqh0-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ehqqh0-gap,var(--beae-card-gap)); padding-top: var(--ehqqh0-padding-top,var(--beae-card-padding)); padding-right: var(--ehqqh0-padding-right,var(--beae-card-padding)); padding-bottom: var(--ehqqh0-padding-bottom,var(--beae-card-padding)); padding-left: var(--ehqqh0-padding-left,var(--beae-card-padding)); border-width: var(--ehqqh0-borderWidth,var(--beae-card-border-width)); border-width: var(--ehqqh0-borderWidth-tl,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-tr,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-br,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ehqqh0-borderRadius-tl,var(--beae-card-border-radius)) var(--ehqqh0-borderRadius-tr,var(--beae-card-border-radius)) var(--ehqqh0-borderRadius-br,var(--beae-card-border-radius)) var(--ehqqh0-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(--ehqqh0-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ehqqh0-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ehqqh0-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ehqqh0-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ehqqh0-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ehqqh0-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ehqqh0-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ehqqh0-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ehqqh0-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ehqqh0-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ehqqh0-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ehqqh0-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ehqqh0-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ehqqh0-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ehqqh0-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ehqqh0-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ehqqh0-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ehqqh0-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ehqqh0-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ehqqh0-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ehqqh0-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ehqqh0-background-color,var(--beae-card-featured-background)); border-color: var(--ehqqh0-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ehqqh0-enableShadow: true): var(--ehqqh0-shadowHorizontal, var(--beae-card-shadow-x)) var(--ehqqh0-shadowVertical, var(--beae-card-shadow-y)) var(--ehqqh0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ehqqh0-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ehqqh0-background-color,var(--beae-card-prod-background)); border-color: var(--ehqqh0-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ehqqh0-enableShadow: true): var(--ehqqh0-shadowHorizontal, var(--beae-card-shadow-x)) var(--ehqqh0-shadowVertical, var(--beae-card-shadow-y)) var(--ehqqh0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ehqqh0-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ehqqh0-background-color,var(--beae-card-pricing-background)); border-color: var(--ehqqh0-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ehqqh0-enableShadow: true): var(--ehqqh0-shadowHorizontal, var(--beae-card-shadow-x)) var(--ehqqh0-shadowVertical, var(--beae-card-shadow-y)) var(--ehqqh0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ehqqh0-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ehqqh0-background-color,var(--beae-card-cta-background)); border-color: var(--ehqqh0-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ehqqh0-enableShadow: true): var(--ehqqh0-shadowHorizontal, var(--beae-card-shadow-x)) var(--ehqqh0-shadowVertical, var(--beae-card-shadow-y)) var(--ehqqh0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ehqqh0-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ehqqh0-background-color,var(--beae-card-media-background)); border-color: var(--ehqqh0-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ehqqh0-enableShadow: true): var(--ehqqh0-shadowHorizontal, var(--beae-card-shadow-x)) var(--ehqqh0-shadowVertical, var(--beae-card-shadow-y)) var(--ehqqh0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ehqqh0-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-ehqqh0"] {     display: flex;     flex-direction: var(--ehqqh0-direction, column);     flex-wrap: nowrap;     justify-content: var(--ehqqh0-justify-content);     align-items: var(--ehqqh0-align-items);     gap: var(--ehqqh0-gap, var(--ehqqh0-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ehqqh0"] {                            gap: var(--ehqqh0-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(--ehqqh0-padding-right-tablet, 0px) - var(--ehqqh0-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ehqqh0"] {                            gap: var(--ehqqh0-gap-mobile, var(--ehqqh0-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(--ehqqh0-padding-right-mobile, 0px) - var(--ehqqh0-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-098yza"] { --098yza-direction: row; --098yza-direction-tablet: row; --098yza-direction-mobile: row; --098yza-structure: columns; --098yza-structure-tablet: columns; --098yza-structure-mobile: columns; --098yza-max-width: fit-content; --098yza-max-width-tablet: fit-content; --098yza-max-width-mobile: fit-content; --098yza-padding-top: 6px; --098yza-padding-top-tablet: 6px; --098yza-padding-top-mobile: 6px; --098yza-padding-right: 12px; --098yza-padding-right-tablet: 12px; --098yza-padding-right-mobile: 12px; --098yza-padding-bottom: 6px; --098yza-padding-bottom-tablet: 6px; --098yza-padding-bottom-mobile: 6px; --098yza-padding-left: 12px; --098yza-padding-left-tablet: 12px; --098yza-padding-left-mobile: 12px; --098yza-background-type: color; --098yza-background-type-tablet: color; --098yza-background-type-mobile: color; --098yza-background-color: #FFDC83; --098yza-background-color-tablet: #FFDC83; --098yza-background-color-mobile: #FFDC83; --098yza-borderRadius-tl: 9999px; --098yza-borderRadius-tl-tablet: 9999px; --098yza-borderRadius-tl-mobile: 9999px; --098yza-borderRadius-tr: 9999px; --098yza-borderRadius-tr-tablet: 9999px; --098yza-borderRadius-tr-mobile: 9999px; --098yza-borderRadius-bl: 9999px; --098yza-borderRadius-bl-tablet: 9999px; --098yza-borderRadius-bl-mobile: 9999px; --098yza-borderRadius-br: 9999px; --098yza-borderRadius-br-tablet: 9999px; --098yza-borderRadius-br-mobile: 9999px; }[data-bnode="beae-098yza"] { padding-top: var(--098yza-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--098yza-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--098yza-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--098yza-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--098yza-padding-top-tablet, var(--098yza-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--098yza-padding-right-tablet, var(--098yza-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--098yza-padding-bottom-tablet, var(--098yza-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--098yza-padding-left-tablet, var(--098yza-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--098yza-padding-top-mobile, var(--098yza-padding-top-tablet, var(--098yza-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--098yza-padding-right-mobile, var(--098yza-padding-right-tablet, var(--098yza-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--098yza-padding-bottom-mobile, var(--098yza-padding-bottom-tablet, var(--098yza-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--098yza-padding-left-mobile, var(--098yza-padding-left-tablet, var(--098yza-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--098yza-padding-left, var(--beae-slot-padding-x, 0px)) - var(--098yza-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(--098yza-background-imageRatio, auto); background: var(--098yza-background-color,transparent); border-style: var(--098yza-borderStyle,solid); border-color: var(--098yza-borderColor,#000000); border-width: var(--098yza-borderWidth-tl,0px) var(--098yza-borderWidth-tr,0px) var(--098yza-borderWidth-br,0px) var(--098yza-borderWidth-bl,0px); border-radius: var(--098yza-borderRadius-tl,0px) var(--098yza-borderRadius-tr,0px) var(--098yza-borderRadius-br,0px) var(--098yza-borderRadius-bl,0px); box-shadow: if(style(--098yza-enableShadow: true): var(--098yza-shadowHorizontal,0) var(--098yza-shadowVertical,0) var(--098yza-shadowBlur,0) 1px var(--098yza-shadowColor,#000000); else: none); max-width: var(--098yza-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--098yza-background-imageRatio-tablet, var(--098yza-background-imageRatio, auto)); border-width: var(--098yza-borderWidth-tl-tablet,0px) var(--098yza-borderWidth-tr-tablet,0px) var(--098yza-borderWidth-br-tablet,0px) var(--098yza-borderWidth-bl-tablet,0px); border-radius: var(--098yza-borderRadius-tl-tablet,0px) var(--098yza-borderRadius-tr-tablet,0px) var(--098yza-borderRadius-br-tablet,0px) var(--098yza-borderRadius-bl-tablet,0px); max-width: var(--098yza-max-width-tablet, var(--098yza-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--098yza-background-imageRatio-mobile, var(--098yza-background-imageRatio, auto)); border-width: var(--098yza-borderWidth-tl-mobile,0px) var(--098yza-borderWidth-tr-mobile,0px) var(--098yza-borderWidth-br-mobile,0px) var(--098yza-borderWidth-bl-mobile,0px); border-radius: var(--098yza-borderRadius-tl-mobile,0px) var(--098yza-borderRadius-tr-mobile,0px) var(--098yza-borderRadius-br-mobile,0px) var(--098yza-borderRadius-bl-mobile,0px); max-width: var(--098yza-max-width-mobile, var(--098yza-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--098yza-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--098yza-gap,var(--beae-card-gap)); padding-top: var(--098yza-padding-top,var(--beae-card-padding)); padding-right: var(--098yza-padding-right,var(--beae-card-padding)); padding-bottom: var(--098yza-padding-bottom,var(--beae-card-padding)); padding-left: var(--098yza-padding-left,var(--beae-card-padding)); border-width: var(--098yza-borderWidth,var(--beae-card-border-width)); border-width: var(--098yza-borderWidth-tl,var(--beae-card-border-width)) var(--098yza-borderWidth-tr,var(--beae-card-border-width)) var(--098yza-borderWidth-br,var(--beae-card-border-width)) var(--098yza-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--098yza-borderRadius-tl,var(--beae-card-border-radius)) var(--098yza-borderRadius-tr,var(--beae-card-border-radius)) var(--098yza-borderRadius-br,var(--beae-card-border-radius)) var(--098yza-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(--098yza-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--098yza-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--098yza-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--098yza-padding-left-tablet,var(--beae-card-padding)); border-width: var(--098yza-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--098yza-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--098yza-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--098yza-borderWidth-br-desktop,var(--beae-card-border-width)) var(--098yza-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--098yza-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--098yza-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--098yza-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--098yza-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--098yza-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--098yza-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--098yza-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--098yza-padding-left-mobile,var(--beae-card-padding)); border-width: var(--098yza-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--098yza-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--098yza-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--098yza-borderWidth-br-mobile,var(--beae-card-border-width)) var(--098yza-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--098yza-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--098yza-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--098yza-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--098yza-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--098yza-background-color,var(--beae-card-featured-background)); border-color: var(--098yza-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--098yza-enableShadow: true): var(--098yza-shadowHorizontal, var(--beae-card-shadow-x)) var(--098yza-shadowVertical, var(--beae-card-shadow-y)) var(--098yza-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--098yza-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--098yza-background-color,var(--beae-card-prod-background)); border-color: var(--098yza-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--098yza-enableShadow: true): var(--098yza-shadowHorizontal, var(--beae-card-shadow-x)) var(--098yza-shadowVertical, var(--beae-card-shadow-y)) var(--098yza-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--098yza-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--098yza-background-color,var(--beae-card-pricing-background)); border-color: var(--098yza-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--098yza-enableShadow: true): var(--098yza-shadowHorizontal, var(--beae-card-shadow-x)) var(--098yza-shadowVertical, var(--beae-card-shadow-y)) var(--098yza-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--098yza-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--098yza-background-color,var(--beae-card-cta-background)); border-color: var(--098yza-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--098yza-enableShadow: true): var(--098yza-shadowHorizontal, var(--beae-card-shadow-x)) var(--098yza-shadowVertical, var(--beae-card-shadow-y)) var(--098yza-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--098yza-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--098yza-background-color,var(--beae-card-media-background)); border-color: var(--098yza-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--098yza-enableShadow: true): var(--098yza-shadowHorizontal, var(--beae-card-shadow-x)) var(--098yza-shadowVertical, var(--beae-card-shadow-y)) var(--098yza-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--098yza-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-098yza"] {     display: flex;     flex-direction: var(--098yza-direction, column);     flex-wrap: nowrap;     justify-content: var(--098yza-justify-content);     align-items: var(--098yza-align-items);     gap: var(--098yza-gap, var(--098yza-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--098yza-padding-right, 0px) - var(--098yza-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-098yza"] {                            gap: var(--098yza-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(--098yza-padding-right-tablet, 0px) - var(--098yza-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-098yza"] {                            gap: var(--098yza-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(--098yza-padding-right-mobile, 0px) - var(--098yza-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-gjvvn8"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #100D09; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --gjvvn8-typography: p; --gjvvn8-typography-tablet: p; --gjvvn8-typography-mobile: p; }[data-bnode="beae-gjvvn8"] { margin-top: var(--gjvvn8-margin-top, 0px); margin-right: var(--gjvvn8-margin-right, 0px); margin-bottom: var(--gjvvn8-margin-bottom, 0px); margin-left: var(--gjvvn8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gjvvn8-margin-top-tablet, 0px); margin-right: var(--gjvvn8-margin-right-tablet, 0px); margin-bottom: var(--gjvvn8-margin-bottom-tablet, 0px); margin-left: var(--gjvvn8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gjvvn8-margin-top-mobile, 0px); margin-right: var(--gjvvn8-margin-right-mobile, 0px); margin-bottom: var(--gjvvn8-margin-bottom-mobile, 0px); margin-left: var(--gjvvn8-margin-left-mobile, 0px); } }[data-bnode="beae-mcy08k"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #F6F2EF; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --mcy08k-typography: h2; --mcy08k-typography-tablet: h2; --mcy08k-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-mcy08k"] { margin-top: var(--mcy08k-margin-top, 0px); margin-right: var(--mcy08k-margin-right, 0px); margin-bottom: var(--mcy08k-margin-bottom, 0px); margin-left: var(--mcy08k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mcy08k-margin-top-tablet, 0px); margin-right: var(--mcy08k-margin-right-tablet, 0px); margin-bottom: var(--mcy08k-margin-bottom-tablet, 0px); margin-left: var(--mcy08k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mcy08k-margin-top-mobile, 0px); margin-right: var(--mcy08k-margin-right-mobile, 0px); margin-bottom: var(--mcy08k-margin-bottom-mobile, 0px); margin-left: var(--mcy08k-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--mcy08k-highlightColor,var(--beae-p-color)); top: var(--mcy08k-highlightTop, 100%); } }[data-bnode="beae-6r9a66"] { --6r9a66-direction: row; --6r9a66-direction-tablet: row; --6r9a66-direction-mobile: row; --6r9a66-structure: columns; --6r9a66-structure-tablet: columns; --6r9a66-structure-mobile: columns; }[data-bnode="beae-6r9a66"] { padding-top: var(--6r9a66-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--6r9a66-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--6r9a66-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--6r9a66-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--6r9a66-padding-top-tablet, var(--6r9a66-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--6r9a66-padding-right-tablet, var(--6r9a66-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--6r9a66-padding-bottom-tablet, var(--6r9a66-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--6r9a66-padding-left-tablet, var(--6r9a66-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--6r9a66-padding-top-mobile, var(--6r9a66-padding-top-tablet, var(--6r9a66-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--6r9a66-padding-right-mobile, var(--6r9a66-padding-right-tablet, var(--6r9a66-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--6r9a66-padding-bottom-mobile, var(--6r9a66-padding-bottom-tablet, var(--6r9a66-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--6r9a66-padding-left-mobile, var(--6r9a66-padding-left-tablet, var(--6r9a66-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--6r9a66-padding-left, var(--beae-slot-padding-x, 0px)) - var(--6r9a66-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(--6r9a66-background-imageRatio, auto); background: var(--6r9a66-background-color,transparent); border-style: var(--6r9a66-borderStyle,solid); border-color: var(--6r9a66-borderColor,#000000); border-width: var(--6r9a66-borderWidth-tl,0px) var(--6r9a66-borderWidth-tr,0px) var(--6r9a66-borderWidth-br,0px) var(--6r9a66-borderWidth-bl,0px); border-radius: var(--6r9a66-borderRadius-tl,0px) var(--6r9a66-borderRadius-tr,0px) var(--6r9a66-borderRadius-br,0px) var(--6r9a66-borderRadius-bl,0px); box-shadow: if(style(--6r9a66-enableShadow: true): var(--6r9a66-shadowHorizontal,0) var(--6r9a66-shadowVertical,0) var(--6r9a66-shadowBlur,0) 1px var(--6r9a66-shadowColor,#000000); else: none); max-width: var(--6r9a66-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--6r9a66-background-imageRatio-tablet, var(--6r9a66-background-imageRatio, auto)); border-width: var(--6r9a66-borderWidth-tl-tablet,0px) var(--6r9a66-borderWidth-tr-tablet,0px) var(--6r9a66-borderWidth-br-tablet,0px) var(--6r9a66-borderWidth-bl-tablet,0px); border-radius: var(--6r9a66-borderRadius-tl-tablet,0px) var(--6r9a66-borderRadius-tr-tablet,0px) var(--6r9a66-borderRadius-br-tablet,0px) var(--6r9a66-borderRadius-bl-tablet,0px); max-width: var(--6r9a66-max-width-tablet, var(--6r9a66-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--6r9a66-background-imageRatio-mobile, var(--6r9a66-background-imageRatio, auto)); border-width: var(--6r9a66-borderWidth-tl-mobile,0px) var(--6r9a66-borderWidth-tr-mobile,0px) var(--6r9a66-borderWidth-br-mobile,0px) var(--6r9a66-borderWidth-bl-mobile,0px); border-radius: var(--6r9a66-borderRadius-tl-mobile,0px) var(--6r9a66-borderRadius-tr-mobile,0px) var(--6r9a66-borderRadius-br-mobile,0px) var(--6r9a66-borderRadius-bl-mobile,0px); max-width: var(--6r9a66-max-width-mobile, var(--6r9a66-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--6r9a66-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--6r9a66-gap,var(--beae-card-gap)); padding-top: var(--6r9a66-padding-top,var(--beae-card-padding)); padding-right: var(--6r9a66-padding-right,var(--beae-card-padding)); padding-bottom: var(--6r9a66-padding-bottom,var(--beae-card-padding)); padding-left: var(--6r9a66-padding-left,var(--beae-card-padding)); border-width: var(--6r9a66-borderWidth,var(--beae-card-border-width)); border-width: var(--6r9a66-borderWidth-tl,var(--beae-card-border-width)) var(--6r9a66-borderWidth-tr,var(--beae-card-border-width)) var(--6r9a66-borderWidth-br,var(--beae-card-border-width)) var(--6r9a66-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6r9a66-borderRadius-tl,var(--beae-card-border-radius)) var(--6r9a66-borderRadius-tr,var(--beae-card-border-radius)) var(--6r9a66-borderRadius-br,var(--beae-card-border-radius)) var(--6r9a66-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(--6r9a66-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--6r9a66-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--6r9a66-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--6r9a66-padding-left-tablet,var(--beae-card-padding)); border-width: var(--6r9a66-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--6r9a66-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--6r9a66-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--6r9a66-borderWidth-br-desktop,var(--beae-card-border-width)) var(--6r9a66-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--6r9a66-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--6r9a66-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--6r9a66-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--6r9a66-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--6r9a66-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--6r9a66-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--6r9a66-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--6r9a66-padding-left-mobile,var(--beae-card-padding)); border-width: var(--6r9a66-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--6r9a66-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--6r9a66-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--6r9a66-borderWidth-br-mobile,var(--beae-card-border-width)) var(--6r9a66-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--6r9a66-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--6r9a66-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--6r9a66-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--6r9a66-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--6r9a66-background-color,var(--beae-card-featured-background)); border-color: var(--6r9a66-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--6r9a66-enableShadow: true): var(--6r9a66-shadowHorizontal, var(--beae-card-shadow-x)) var(--6r9a66-shadowVertical, var(--beae-card-shadow-y)) var(--6r9a66-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6r9a66-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--6r9a66-background-color,var(--beae-card-prod-background)); border-color: var(--6r9a66-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--6r9a66-enableShadow: true): var(--6r9a66-shadowHorizontal, var(--beae-card-shadow-x)) var(--6r9a66-shadowVertical, var(--beae-card-shadow-y)) var(--6r9a66-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6r9a66-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--6r9a66-background-color,var(--beae-card-pricing-background)); border-color: var(--6r9a66-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--6r9a66-enableShadow: true): var(--6r9a66-shadowHorizontal, var(--beae-card-shadow-x)) var(--6r9a66-shadowVertical, var(--beae-card-shadow-y)) var(--6r9a66-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6r9a66-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--6r9a66-background-color,var(--beae-card-cta-background)); border-color: var(--6r9a66-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--6r9a66-enableShadow: true): var(--6r9a66-shadowHorizontal, var(--beae-card-shadow-x)) var(--6r9a66-shadowVertical, var(--beae-card-shadow-y)) var(--6r9a66-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6r9a66-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--6r9a66-background-color,var(--beae-card-media-background)); border-color: var(--6r9a66-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--6r9a66-enableShadow: true): var(--6r9a66-shadowHorizontal, var(--beae-card-shadow-x)) var(--6r9a66-shadowVertical, var(--beae-card-shadow-y)) var(--6r9a66-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6r9a66-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-6r9a66"] {     display: flex;     flex-direction: var(--6r9a66-direction, column);     flex-wrap: nowrap;     justify-content: var(--6r9a66-justify-content);     align-items: var(--6r9a66-align-items);     gap: var(--6r9a66-gap, var(--6r9a66-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--6r9a66-padding-right, 0px) - var(--6r9a66-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-6r9a66"] {                            gap: var(--6r9a66-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(--6r9a66-padding-right-tablet, 0px) - var(--6r9a66-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-6r9a66"] {                            gap: var(--6r9a66-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(--6r9a66-padding-right-mobile, 0px) - var(--6r9a66-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4q2jib"] { --4q2jib-columns: 3; --4q2jib-columns-tablet: 3; --4q2jib-columns-mobile: 1; --4q2jib-gap: 40px; --4q2jib-gap-tablet: 32px; --4q2jib-gap-mobile: 24px; --4q2jib-navType: true; --4q2jib-navType-tablet: true; --4q2jib-navType-mobile: true; --4q2jib-pagiType: false; --4q2jib-pagiType-tablet: false; --4q2jib-pagiType-mobile: false; --4q2jib-listType: slider; --4q2jib-listType-tablet: slider; --4q2jib-listType-mobile: grid; --4q2jib-stateNavigation: normal; --4q2jib-stateNavigation-tablet: normal; --4q2jib-stateNavigation-mobile: normal; --4q2jib-statePagination: normal; --4q2jib-statePagination-tablet: normal; --4q2jib-statePagination-mobile: normal; --4q2jib-stateNavigtion: normal; --4q2jib-stateNavigtion-tablet: normal; --4q2jib-stateNavigtion-mobile: normal; --4q2jib-columnsMobile-mobile: 1; } [data-bnode="beae-4q2jib"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-4q2jib"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-4q2jib"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-4q2jib"] [data-bnode="beae-4tmciq"] { --4tmciq-width: 80px; --4tmciq-imageRatio: 1/1; --4tmciq-objFit: cover; --4tmciq-borderColor: #000000; --4tmciq-shadowColor: #000000; --4tmciq-borderStyle: none; --4tmciq-enableShadow: false; --4tmciq-width-mobile: 56px; } [data-bnode="beae-4q2jib"] [data-bnode="beae-ixrn9l"] { --ixrn9l-typography: h3; --beae-h3-font-size: 26px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #F6F2EF; --beae-h3-font-weight: 700; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: capitalize; --beae-h3-text-align: center; --ixrn9l-margin-top: 12px; --ixrn9l-margin-right: 0px; --ixrn9l-margin-bottom: 0px; --ixrn9l-margin-left: 0px; --ixrn9l-margin-top-mobile: 12px; --ixrn9l-margin-right-mobile: 0px; --ixrn9l-margin-bottom-mobile: 0px; --ixrn9l-margin-left-mobile: 0px; } [data-bnode="beae-4q2jib"] [data-bnode="beae-kbgcf6"] { --kbgcf6-typography: p; --beae-p-font-size: 18px; --beae-p-font-size-tablet: 18px; --beae-p-font-size-mobile: 18px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.4px; --beae-p-letter-spacing-tablet: -0.4px; --beae-p-text-transform: none; --beae-p-text-align: center; } [data-bnode="beae-4q2jib"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; }[data-bnode="beae-4q2jib"] { margin-top: var(--4q2jib-margin-top, 0px); margin-right: var(--4q2jib-margin-right, 0px); margin-bottom: var(--4q2jib-margin-bottom, 0px); margin-left: var(--4q2jib-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4q2jib-margin-top-tablet, 0px); margin-right: var(--4q2jib-margin-right-tablet, 0px); margin-bottom: var(--4q2jib-margin-bottom-tablet, 0px); margin-left: var(--4q2jib-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4q2jib-margin-top-mobile, 0px); margin-right: var(--4q2jib-margin-right-mobile, 0px); margin-bottom: var(--4q2jib-margin-bottom-mobile, 0px); margin-left: var(--4q2jib-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--4q2jib-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4q2jib-gap,var(--beae-grid-gap, 20px)) * (var(--4q2jib-columns, 3) - 1) + 1px) / var(--4q2jib-columns, 3)); &:last-child{ margin-right: var(--4q2jib-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4q2jib-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4q2jib-columns) - 1) * var(--4q2jib-gap,var(--beae-grid-gap, 20px))) / var(--4q2jib-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--4q2jib-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4q2jib-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--4q2jib-columns-tablet, 3) - 1)) / var(--4q2jib-columns-tablet, 3)); &:last-child{ margin-right: var(--4q2jib-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4q2jib-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4q2jib-columns-tablet) - 1) * var(--4q2jib-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--4q2jib-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--4q2jib-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4q2jib-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--4q2jib-columnsMobile-mobile, 1) - 1)) / var(--4q2jib-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--4q2jib-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4q2jib-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4q2jib-columnsMobile-mobile) - 1) * var(--4q2jib-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--4q2jib-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--4q2jib-navPadding,12px); background:var(--4q2jib-navBg,#F5F5F5); color: var(--4q2jib-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--4q2jib-navBgHover,#CCCCCC); color: var(--4q2jib-navColorHover,var(--beae-text-color)); } svg { width: var(--4q2jib-navIconSize,20px); height: var(--4q2jib-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--4q2jib-pagiBg,#E6E6E6); &.active { background:var(--4q2jib-pagiBgActive,#181818); } &:not(.active):hover { background:var(--4q2jib-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--4q2jib-pagiColor,#e6e6e6); &.active { color:var(--4q2jib-pagiColorActive,#181818); } &:not(.active):hover { color: var(--4q2jib-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--4q2jib-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--4q2jib-pagiBg,#E6E6E6); &.active { background: var(--4q2jib-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--4q2jib-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-4q2jib"] [data-bnode="beae-4tmciq"] { margin-top: var(--4tmciq-margin-top, 0px); margin-right: var(--4tmciq-margin-right, 0px); margin-bottom: var(--4tmciq-margin-bottom, 0px); margin-left: var(--4tmciq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4tmciq-margin-top-tablet, 0px); margin-right: var(--4tmciq-margin-right-tablet, 0px); margin-bottom: var(--4tmciq-margin-bottom-tablet, 0px); margin-left: var(--4tmciq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4tmciq-margin-top-mobile, 0px); margin-right: var(--4tmciq-margin-right-mobile, 0px); margin-bottom: var(--4tmciq-margin-bottom-mobile, 0px); margin-left: var(--4tmciq-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--4tmciq-width,100%) - var(--4tmciq-margin-left,0px) - var(--4tmciq-margin-right,0px)); min-height: min-content; border-style: var(--4tmciq-borderStyle,solid); border-color: var(--4tmciq-borderColor,#000000); border-width: var(--4tmciq-borderWidth-tl,0px) var(--4tmciq-borderWidth-tr,0px) var(--4tmciq-borderWidth-br,0px) var(--4tmciq-borderWidth-bl,0px); border-radius: var(--4tmciq-borderRadius-tl,0px) var(--4tmciq-borderRadius-tr,0px) var(--4tmciq-borderRadius-br,0px) var(--4tmciq-borderRadius-bl,0px); aspect-ratio: var(--4tmciq-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--4tmciq-borderWidth-tl-tablet, var(--4tmciq-borderWidth-tl,0px)) var(--4tmciq-borderWidth-tr-tablet, var(--4tmciq-borderWidth-tr,0px)) var(--4tmciq-borderWidth-br-tablet, var(--4tmciq-borderWidth-br,0px)) var(--4tmciq-borderWidth-bl-tablet, var(--4tmciq-borderWidth-bl,0px)); border-radius: var(--4tmciq-borderRadius-tl-tablet, var(--4tmciq-borderRadius-tl,0px)) var(--4tmciq-borderRadius-tr-tablet, var(--4tmciq-borderRadius-tr,0px)) var(--4tmciq-borderRadius-br-tablet, var(--4tmciq-borderRadius-br,0px)) var(--4tmciq-borderRadius-bl-tablet, var(--4tmciq-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--4tmciq-borderWidth-tl-mobile, var(--4tmciq-borderWidth-tl,0px)) var(--4tmciq-borderWidth-tr-mobile, var(--4tmciq-borderWidth-tr,0px)) var(--4tmciq-borderWidth-br-mobile, var(--4tmciq-borderWidth-br,0px)) var(--4tmciq-borderWidth-bl-mobile, var(--4tmciq-borderWidth-bl,0px)); border-radius: var(--4tmciq-borderRadius-tl-mobile, var(--4tmciq-borderRadius-tl,0px)) var(--4tmciq-borderRadius-tr-mobile, var(--4tmciq-borderRadius-tr,0px)) var(--4tmciq-borderRadius-br-mobile, var(--4tmciq-borderRadius-br,0px)) var(--4tmciq-borderRadius-bl-mobile, var(--4tmciq-borderRadius-bl,0px)); } box-shadow: if( style(--4tmciq-enableShadow: true): var(--4tmciq-shadowHorizontal, 0) var(--4tmciq-shadowVertical, 0) var(--4tmciq-shadowBlur, 0) 1px var(--4tmciq-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--4tmciq-overlayColor-color, #000); opacity: var(--4tmciq-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--4tmciq-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--4tmciq-width-tablet,var(--4tmciq-width,100%)) - var(--4tmciq-margin-left-tablet,var(--4tmciq-margin-left,0px)) - var(--4tmciq-margin-right-tablet,var(--4tmciq-margin-right,0px))); aspect-ratio: var(--4tmciq-imageRatio-tablet, var(--4tmciq-imageRatio, auto)); img { object-fit: var(--4tmciq-objFit-tablet, var(--4tmciq-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--4tmciq-width-mobile,var(--4tmciq-width,100%)) - var(--4tmciq-margin-left-mobile,var(--4tmciq-margin-left,0px)) - var(--4tmciq-margin-right-mobile,var(--4tmciq-margin-right,0px))); aspect-ratio: var(--4tmciq-imageRatio-mobile, var(--4tmciq-imageRatio, auto)); img { object-fit: var(--4tmciq-objFit-mobile, var(--4tmciq-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-4q2jib"] [data-bnode="beae-ixrn9l"] { margin-top: var(--ixrn9l-margin-top, 0px); margin-right: var(--ixrn9l-margin-right, 0px); margin-bottom: var(--ixrn9l-margin-bottom, 0px); margin-left: var(--ixrn9l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ixrn9l-margin-top-tablet, 0px); margin-right: var(--ixrn9l-margin-right-tablet, 0px); margin-bottom: var(--ixrn9l-margin-bottom-tablet, 0px); margin-left: var(--ixrn9l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ixrn9l-margin-top-mobile, 0px); margin-right: var(--ixrn9l-margin-right-mobile, 0px); margin-bottom: var(--ixrn9l-margin-bottom-mobile, 0px); margin-left: var(--ixrn9l-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ixrn9l-highlightColor,var(--beae-p-color)); top: var(--ixrn9l-highlightTop, 100%); } } [data-bnode="beae-4q2jib"] [data-bnode="beae-kbgcf6"] { margin-top: var(--kbgcf6-margin-top, 0px); margin-right: var(--kbgcf6-margin-right, 0px); margin-bottom: var(--kbgcf6-margin-bottom, 0px); margin-left: var(--kbgcf6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kbgcf6-margin-top-tablet, 0px); margin-right: var(--kbgcf6-margin-right-tablet, 0px); margin-bottom: var(--kbgcf6-margin-bottom-tablet, 0px); margin-left: var(--kbgcf6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kbgcf6-margin-top-mobile, 0px); margin-right: var(--kbgcf6-margin-right-mobile, 0px); margin-bottom: var(--kbgcf6-margin-bottom-mobile, 0px); margin-left: var(--kbgcf6-margin-left-mobile, 0px); } } [data-bnode="beae-4q2jib"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-4q2jib"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-4q2jib"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-4q2jib"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-773rsa"] { --773rsa-width: 1600px; --773rsa-width-tablet: 1600px; --773rsa-width-mobile: 1600px; --773rsa-height: 800px; --773rsa-height-tablet: 480px; --773rsa-height-mobile: 400px; --773rsa-padding-top: 0px; --773rsa-padding-top-tablet: 0px; --773rsa-padding-top-mobile: 0px; --773rsa-padding-bottom: 0px; --773rsa-padding-bottom-tablet: 0px; --773rsa-padding-bottom-mobile: 0px; --773rsa-padding-right: 32px; --773rsa-padding-right-tablet: 30px; --773rsa-padding-right-mobile: 16px; --773rsa-padding-left: 32px; --773rsa-padding-left-tablet: 30px; --773rsa-padding-left-mobile: 16px; --773rsa-background-type: video; --773rsa-background-type-tablet: video; --773rsa-background-type-mobile: video; --773rsa-background-video: [object Object]; --773rsa-background-video-tablet: [object Object]; --773rsa-background-video-mobile: [object Object]; --773rsa-background-color: #ffffff; --773rsa-background-color-tablet: #ffffff; --773rsa-background-color-mobile: #ffffff; --773rsa-direction: column; --773rsa-direction-tablet: column; --773rsa-direction-mobile: column; --773rsa-justify-content: center; --773rsa-justify-content-tablet: center; --773rsa-justify-content-mobile: center; }[data-bnode="beae-773rsa"] { padding-top: var(--773rsa-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--773rsa-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--773rsa-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--773rsa-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--773rsa-padding-top-tablet, var(--773rsa-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--773rsa-padding-right-tablet, var(--773rsa-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--773rsa-padding-bottom-tablet, var(--773rsa-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--773rsa-padding-left-tablet, var(--773rsa-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--773rsa-padding-top-mobile, var(--773rsa-padding-top-tablet, var(--773rsa-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--773rsa-padding-right-mobile, var(--773rsa-padding-right-tablet, var(--773rsa-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--773rsa-padding-bottom-mobile, var(--773rsa-padding-bottom-tablet, var(--773rsa-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--773rsa-padding-left-mobile, var(--773rsa-padding-left-tablet, var(--773rsa-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--773rsa-padding-left, var(--beae-section-padding-x, 0px)) - var(--773rsa-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--773rsa-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--773rsa-height); width: 100%; max-width: var(--773rsa-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(--773rsa-height-tablet, auto); width: 100%; max-width: var(--773rsa-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--773rsa-height-mobile, auto); width: 100%; max-width: var(--773rsa-width-mobile, 100%); } } } }[data-bnode="beae-773rsa"] > .beae-section-container{     display: flex;     flex-direction: var(--773rsa-direction, column);     flex-wrap: nowrap;     justify-content: var(--773rsa-justify-content);     align-items: var(--773rsa-align-items);     gap: var(--773rsa-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-773rsa"] > .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(--773rsa-padding-right-tablet, 0px) - var(--773rsa-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-773rsa"] > .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(--773rsa-padding-right-mobile, 0px) - var(--773rsa-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-pqclcm"] { --pqclcm-direction: column; --pqclcm-direction-tablet: column; --pqclcm-direction-mobile: column; --pqclcm-structure: columns; --pqclcm-structure-tablet: columns; --pqclcm-structure-mobile: columns; --pqclcm-align-items: flex-start; --pqclcm-align-items-tablet: flex-start; --pqclcm-align-items-mobile: flex-start; --pqclcm-justify-content: flex-end; --pqclcm-justify-content-tablet: flex-end; --pqclcm-justify-content-mobile: flex-end; --pqclcm-max-width: 512px; --pqclcm-gap: 20px; --pqclcm-gap-tablet: 20px; --pqclcm-gap-mobile: 16px; --pqclcm-padding-top: 80px; --pqclcm-padding-top-tablet: 80px; --pqclcm-padding-top-mobile: 56px; --pqclcm-padding-right: 0px; --pqclcm-padding-right-tablet: 0px; --pqclcm-padding-right-mobile: 0px; --pqclcm-padding-bottom: 80px; --pqclcm-padding-bottom-tablet: 80px; --pqclcm-padding-bottom-mobile: 56px; --pqclcm-padding-left: 0px; --pqclcm-padding-left-tablet: 0px; --pqclcm-padding-left-mobile: 0px; }[data-bnode="beae-pqclcm"] { padding-top: var(--pqclcm-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pqclcm-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pqclcm-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pqclcm-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pqclcm-padding-top-tablet, var(--pqclcm-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pqclcm-padding-right-tablet, var(--pqclcm-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pqclcm-padding-bottom-tablet, var(--pqclcm-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pqclcm-padding-left-tablet, var(--pqclcm-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pqclcm-padding-top-mobile, var(--pqclcm-padding-top-tablet, var(--pqclcm-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pqclcm-padding-right-mobile, var(--pqclcm-padding-right-tablet, var(--pqclcm-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pqclcm-padding-bottom-mobile, var(--pqclcm-padding-bottom-tablet, var(--pqclcm-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pqclcm-padding-left-mobile, var(--pqclcm-padding-left-tablet, var(--pqclcm-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--pqclcm-padding-left, var(--beae-slot-padding-x, 0px)) - var(--pqclcm-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(--pqclcm-background-imageRatio, auto); background: var(--pqclcm-background-color,transparent); border-style: var(--pqclcm-borderStyle,solid); border-color: var(--pqclcm-borderColor,#000000); border-width: var(--pqclcm-borderWidth-tl,0px) var(--pqclcm-borderWidth-tr,0px) var(--pqclcm-borderWidth-br,0px) var(--pqclcm-borderWidth-bl,0px); border-radius: var(--pqclcm-borderRadius-tl,0px) var(--pqclcm-borderRadius-tr,0px) var(--pqclcm-borderRadius-br,0px) var(--pqclcm-borderRadius-bl,0px); box-shadow: if(style(--pqclcm-enableShadow: true): var(--pqclcm-shadowHorizontal,0) var(--pqclcm-shadowVertical,0) var(--pqclcm-shadowBlur,0) 1px var(--pqclcm-shadowColor,#000000); else: none); max-width: var(--pqclcm-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--pqclcm-background-imageRatio-tablet, var(--pqclcm-background-imageRatio, auto)); border-width: var(--pqclcm-borderWidth-tl-tablet,0px) var(--pqclcm-borderWidth-tr-tablet,0px) var(--pqclcm-borderWidth-br-tablet,0px) var(--pqclcm-borderWidth-bl-tablet,0px); border-radius: var(--pqclcm-borderRadius-tl-tablet,0px) var(--pqclcm-borderRadius-tr-tablet,0px) var(--pqclcm-borderRadius-br-tablet,0px) var(--pqclcm-borderRadius-bl-tablet,0px); max-width: var(--pqclcm-max-width-tablet, var(--pqclcm-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--pqclcm-background-imageRatio-mobile, var(--pqclcm-background-imageRatio, auto)); border-width: var(--pqclcm-borderWidth-tl-mobile,0px) var(--pqclcm-borderWidth-tr-mobile,0px) var(--pqclcm-borderWidth-br-mobile,0px) var(--pqclcm-borderWidth-bl-mobile,0px); border-radius: var(--pqclcm-borderRadius-tl-mobile,0px) var(--pqclcm-borderRadius-tr-mobile,0px) var(--pqclcm-borderRadius-br-mobile,0px) var(--pqclcm-borderRadius-bl-mobile,0px); max-width: var(--pqclcm-max-width-mobile, var(--pqclcm-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pqclcm-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--pqclcm-gap,var(--beae-card-gap)); padding-top: var(--pqclcm-padding-top,var(--beae-card-padding)); padding-right: var(--pqclcm-padding-right,var(--beae-card-padding)); padding-bottom: var(--pqclcm-padding-bottom,var(--beae-card-padding)); padding-left: var(--pqclcm-padding-left,var(--beae-card-padding)); border-width: var(--pqclcm-borderWidth,var(--beae-card-border-width)); border-width: var(--pqclcm-borderWidth-tl,var(--beae-card-border-width)) var(--pqclcm-borderWidth-tr,var(--beae-card-border-width)) var(--pqclcm-borderWidth-br,var(--beae-card-border-width)) var(--pqclcm-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pqclcm-borderRadius-tl,var(--beae-card-border-radius)) var(--pqclcm-borderRadius-tr,var(--beae-card-border-radius)) var(--pqclcm-borderRadius-br,var(--beae-card-border-radius)) var(--pqclcm-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(--pqclcm-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pqclcm-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pqclcm-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pqclcm-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pqclcm-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--pqclcm-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pqclcm-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pqclcm-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pqclcm-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pqclcm-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--pqclcm-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--pqclcm-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--pqclcm-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--pqclcm-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pqclcm-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pqclcm-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pqclcm-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pqclcm-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--pqclcm-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pqclcm-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pqclcm-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pqclcm-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pqclcm-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pqclcm-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pqclcm-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pqclcm-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pqclcm-background-color,var(--beae-card-featured-background)); border-color: var(--pqclcm-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--pqclcm-enableShadow: true): var(--pqclcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqclcm-shadowVertical, var(--beae-card-shadow-y)) var(--pqclcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqclcm-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--pqclcm-background-color,var(--beae-card-prod-background)); border-color: var(--pqclcm-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--pqclcm-enableShadow: true): var(--pqclcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqclcm-shadowVertical, var(--beae-card-shadow-y)) var(--pqclcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqclcm-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--pqclcm-background-color,var(--beae-card-pricing-background)); border-color: var(--pqclcm-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--pqclcm-enableShadow: true): var(--pqclcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqclcm-shadowVertical, var(--beae-card-shadow-y)) var(--pqclcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqclcm-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--pqclcm-background-color,var(--beae-card-cta-background)); border-color: var(--pqclcm-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--pqclcm-enableShadow: true): var(--pqclcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqclcm-shadowVertical, var(--beae-card-shadow-y)) var(--pqclcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqclcm-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--pqclcm-background-color,var(--beae-card-media-background)); border-color: var(--pqclcm-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--pqclcm-enableShadow: true): var(--pqclcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--pqclcm-shadowVertical, var(--beae-card-shadow-y)) var(--pqclcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pqclcm-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-pqclcm"] {     display: flex;     flex-direction: var(--pqclcm-direction, column);     flex-wrap: nowrap;     justify-content: var(--pqclcm-justify-content);     align-items: var(--pqclcm-align-items);     gap: var(--pqclcm-gap, var(--pqclcm-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pqclcm"] {                            gap: var(--pqclcm-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(--pqclcm-padding-right-tablet, 0px) - var(--pqclcm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pqclcm"] {                      align-items: var(--pqclcm-align-items-mobile, inherit);      gap: var(--pqclcm-gap-mobile, var(--pqclcm-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(--pqclcm-padding-right-mobile, 0px) - var(--pqclcm-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-b4dxva"] { --b4dxva-direction: row; --b4dxva-direction-tablet: row; --b4dxva-direction-mobile: row; --b4dxva-structure: columns; --b4dxva-structure-tablet: columns; --b4dxva-structure-mobile: columns; --b4dxva-max-width: fit-content; --b4dxva-max-width-tablet: fit-content; --b4dxva-max-width-mobile: fit-content; --b4dxva-padding-top: 6px; --b4dxva-padding-top-tablet: 6px; --b4dxva-padding-top-mobile: 6px; --b4dxva-padding-right: 12px; --b4dxva-padding-right-tablet: 12px; --b4dxva-padding-right-mobile: 12px; --b4dxva-padding-bottom: 6px; --b4dxva-padding-bottom-tablet: 6px; --b4dxva-padding-bottom-mobile: 6px; --b4dxva-padding-left: 12px; --b4dxva-padding-left-tablet: 12px; --b4dxva-padding-left-mobile: 12px; --b4dxva-background-type: color; --b4dxva-background-type-tablet: color; --b4dxva-background-type-mobile: color; --b4dxva-background-color: #FFDC83; --b4dxva-background-color-tablet: #FFDC83; --b4dxva-background-color-mobile: #FFDC83; --b4dxva-borderRadius-tl: 9999px; --b4dxva-borderRadius-tl-tablet: 9999px; --b4dxva-borderRadius-tl-mobile: 9999px; --b4dxva-borderRadius-tr: 9999px; --b4dxva-borderRadius-tr-tablet: 9999px; --b4dxva-borderRadius-tr-mobile: 9999px; --b4dxva-borderRadius-bl: 9999px; --b4dxva-borderRadius-bl-tablet: 9999px; --b4dxva-borderRadius-bl-mobile: 9999px; --b4dxva-borderRadius-br: 9999px; --b4dxva-borderRadius-br-tablet: 9999px; --b4dxva-borderRadius-br-mobile: 9999px; }[data-bnode="beae-b4dxva"] { padding-top: var(--b4dxva-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--b4dxva-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--b4dxva-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--b4dxva-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--b4dxva-padding-top-tablet, var(--b4dxva-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--b4dxva-padding-right-tablet, var(--b4dxva-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--b4dxva-padding-bottom-tablet, var(--b4dxva-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--b4dxva-padding-left-tablet, var(--b4dxva-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--b4dxva-padding-top-mobile, var(--b4dxva-padding-top-tablet, var(--b4dxva-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--b4dxva-padding-right-mobile, var(--b4dxva-padding-right-tablet, var(--b4dxva-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--b4dxva-padding-bottom-mobile, var(--b4dxva-padding-bottom-tablet, var(--b4dxva-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--b4dxva-padding-left-mobile, var(--b4dxva-padding-left-tablet, var(--b4dxva-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--b4dxva-padding-left, var(--beae-slot-padding-x, 0px)) - var(--b4dxva-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(--b4dxva-background-imageRatio, auto); background: var(--b4dxva-background-color,transparent); border-style: var(--b4dxva-borderStyle,solid); border-color: var(--b4dxva-borderColor,#000000); border-width: var(--b4dxva-borderWidth-tl,0px) var(--b4dxva-borderWidth-tr,0px) var(--b4dxva-borderWidth-br,0px) var(--b4dxva-borderWidth-bl,0px); border-radius: var(--b4dxva-borderRadius-tl,0px) var(--b4dxva-borderRadius-tr,0px) var(--b4dxva-borderRadius-br,0px) var(--b4dxva-borderRadius-bl,0px); box-shadow: if(style(--b4dxva-enableShadow: true): var(--b4dxva-shadowHorizontal,0) var(--b4dxva-shadowVertical,0) var(--b4dxva-shadowBlur,0) 1px var(--b4dxva-shadowColor,#000000); else: none); max-width: var(--b4dxva-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--b4dxva-background-imageRatio-tablet, var(--b4dxva-background-imageRatio, auto)); border-width: var(--b4dxva-borderWidth-tl-tablet,0px) var(--b4dxva-borderWidth-tr-tablet,0px) var(--b4dxva-borderWidth-br-tablet,0px) var(--b4dxva-borderWidth-bl-tablet,0px); border-radius: var(--b4dxva-borderRadius-tl-tablet,0px) var(--b4dxva-borderRadius-tr-tablet,0px) var(--b4dxva-borderRadius-br-tablet,0px) var(--b4dxva-borderRadius-bl-tablet,0px); max-width: var(--b4dxva-max-width-tablet, var(--b4dxva-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--b4dxva-background-imageRatio-mobile, var(--b4dxva-background-imageRatio, auto)); border-width: var(--b4dxva-borderWidth-tl-mobile,0px) var(--b4dxva-borderWidth-tr-mobile,0px) var(--b4dxva-borderWidth-br-mobile,0px) var(--b4dxva-borderWidth-bl-mobile,0px); border-radius: var(--b4dxva-borderRadius-tl-mobile,0px) var(--b4dxva-borderRadius-tr-mobile,0px) var(--b4dxva-borderRadius-br-mobile,0px) var(--b4dxva-borderRadius-bl-mobile,0px); max-width: var(--b4dxva-max-width-mobile, var(--b4dxva-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--b4dxva-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--b4dxva-gap,var(--beae-card-gap)); padding-top: var(--b4dxva-padding-top,var(--beae-card-padding)); padding-right: var(--b4dxva-padding-right,var(--beae-card-padding)); padding-bottom: var(--b4dxva-padding-bottom,var(--beae-card-padding)); padding-left: var(--b4dxva-padding-left,var(--beae-card-padding)); border-width: var(--b4dxva-borderWidth,var(--beae-card-border-width)); border-width: var(--b4dxva-borderWidth-tl,var(--beae-card-border-width)) var(--b4dxva-borderWidth-tr,var(--beae-card-border-width)) var(--b4dxva-borderWidth-br,var(--beae-card-border-width)) var(--b4dxva-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--b4dxva-borderRadius-tl,var(--beae-card-border-radius)) var(--b4dxva-borderRadius-tr,var(--beae-card-border-radius)) var(--b4dxva-borderRadius-br,var(--beae-card-border-radius)) var(--b4dxva-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(--b4dxva-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--b4dxva-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--b4dxva-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--b4dxva-padding-left-tablet,var(--beae-card-padding)); border-width: var(--b4dxva-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--b4dxva-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--b4dxva-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--b4dxva-borderWidth-br-desktop,var(--beae-card-border-width)) var(--b4dxva-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--b4dxva-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--b4dxva-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--b4dxva-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--b4dxva-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--b4dxva-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--b4dxva-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--b4dxva-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--b4dxva-padding-left-mobile,var(--beae-card-padding)); border-width: var(--b4dxva-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--b4dxva-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--b4dxva-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--b4dxva-borderWidth-br-mobile,var(--beae-card-border-width)) var(--b4dxva-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--b4dxva-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--b4dxva-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--b4dxva-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--b4dxva-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--b4dxva-background-color,var(--beae-card-featured-background)); border-color: var(--b4dxva-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--b4dxva-enableShadow: true): var(--b4dxva-shadowHorizontal, var(--beae-card-shadow-x)) var(--b4dxva-shadowVertical, var(--beae-card-shadow-y)) var(--b4dxva-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b4dxva-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--b4dxva-background-color,var(--beae-card-prod-background)); border-color: var(--b4dxva-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--b4dxva-enableShadow: true): var(--b4dxva-shadowHorizontal, var(--beae-card-shadow-x)) var(--b4dxva-shadowVertical, var(--beae-card-shadow-y)) var(--b4dxva-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b4dxva-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--b4dxva-background-color,var(--beae-card-pricing-background)); border-color: var(--b4dxva-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--b4dxva-enableShadow: true): var(--b4dxva-shadowHorizontal, var(--beae-card-shadow-x)) var(--b4dxva-shadowVertical, var(--beae-card-shadow-y)) var(--b4dxva-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b4dxva-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--b4dxva-background-color,var(--beae-card-cta-background)); border-color: var(--b4dxva-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--b4dxva-enableShadow: true): var(--b4dxva-shadowHorizontal, var(--beae-card-shadow-x)) var(--b4dxva-shadowVertical, var(--beae-card-shadow-y)) var(--b4dxva-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b4dxva-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--b4dxva-background-color,var(--beae-card-media-background)); border-color: var(--b4dxva-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--b4dxva-enableShadow: true): var(--b4dxva-shadowHorizontal, var(--beae-card-shadow-x)) var(--b4dxva-shadowVertical, var(--beae-card-shadow-y)) var(--b4dxva-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--b4dxva-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-b4dxva"] {     display: flex;     flex-direction: var(--b4dxva-direction, column);     flex-wrap: nowrap;     justify-content: var(--b4dxva-justify-content);     align-items: var(--b4dxva-align-items);     gap: var(--b4dxva-gap, var(--b4dxva-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--b4dxva-padding-right, 0px) - var(--b4dxva-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-b4dxva"] {                            gap: var(--b4dxva-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(--b4dxva-padding-right-tablet, 0px) - var(--b4dxva-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-b4dxva"] {                            gap: var(--b4dxva-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(--b4dxva-padding-right-mobile, 0px) - var(--b4dxva-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ddya9o"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #100D09; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --ddya9o-typography: p; --ddya9o-typography-tablet: p; --ddya9o-typography-mobile: p; }[data-bnode="beae-ddya9o"] { margin-top: var(--ddya9o-margin-top, 0px); margin-right: var(--ddya9o-margin-right, 0px); margin-bottom: var(--ddya9o-margin-bottom, 0px); margin-left: var(--ddya9o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ddya9o-margin-top-tablet, 0px); margin-right: var(--ddya9o-margin-right-tablet, 0px); margin-bottom: var(--ddya9o-margin-bottom-tablet, 0px); margin-left: var(--ddya9o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ddya9o-margin-top-mobile, 0px); margin-right: var(--ddya9o-margin-right-mobile, 0px); margin-bottom: var(--ddya9o-margin-bottom-mobile, 0px); margin-left: var(--ddya9o-margin-left-mobile, 0px); } }[data-bnode="beae-reaf4w"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #f6f2ef; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --reaf4w-typography: h2; --reaf4w-typography-tablet: h2; --reaf4w-typography-mobile: h2; }[data-bnode="beae-reaf4w"] { margin-top: var(--reaf4w-margin-top, 0px); margin-right: var(--reaf4w-margin-right, 0px); margin-bottom: var(--reaf4w-margin-bottom, 0px); margin-left: var(--reaf4w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--reaf4w-margin-top-tablet, 0px); margin-right: var(--reaf4w-margin-right-tablet, 0px); margin-bottom: var(--reaf4w-margin-bottom-tablet, 0px); margin-left: var(--reaf4w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--reaf4w-margin-top-mobile, 0px); margin-right: var(--reaf4w-margin-right-mobile, 0px); margin-bottom: var(--reaf4w-margin-bottom-mobile, 0px); margin-left: var(--reaf4w-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--reaf4w-highlightColor,var(--beae-p-color)); top: var(--reaf4w-highlightTop, 100%); } }[data-bnode="beae-0bwrsu"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #f6f2ef; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --0bwrsu-typography: p; --0bwrsu-typography-tablet: p; --0bwrsu-typography-mobile: p; --0bwrsu-margin-top: 8px; --0bwrsu-margin-top-tablet: 8px; --0bwrsu-margin-top-mobile: 4px; --0bwrsu-margin-right: 0px; --0bwrsu-margin-right-tablet: 0px; --0bwrsu-margin-right-mobile: 0px; --0bwrsu-margin-bottom: 0px; --0bwrsu-margin-bottom-tablet: 0px; --0bwrsu-margin-bottom-mobile: 0px; --0bwrsu-margin-left: 0px; --0bwrsu-margin-left-tablet: 0px; --0bwrsu-margin-left-mobile: 0px; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; }[data-bnode="beae-0bwrsu"] { margin-top: var(--0bwrsu-margin-top, 0px); margin-right: var(--0bwrsu-margin-right, 0px); margin-bottom: var(--0bwrsu-margin-bottom, 0px); margin-left: var(--0bwrsu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0bwrsu-margin-top-tablet, 0px); margin-right: var(--0bwrsu-margin-right-tablet, 0px); margin-bottom: var(--0bwrsu-margin-bottom-tablet, 0px); margin-left: var(--0bwrsu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0bwrsu-margin-top-mobile, 0px); margin-right: var(--0bwrsu-margin-right-mobile, 0px); margin-bottom: var(--0bwrsu-margin-bottom-mobile, 0px); margin-left: var(--0bwrsu-margin-left-mobile, 0px); } }[data-bnode="beae-s92d87"] { --s92d87-width: fill; --s92d87-width-tablet: fill; --s92d87-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-border-radius: 50px; --beae-btn-se-label-color: #1E1E1E; --beae-btn-se-background-color: #ECE6DF; --beae-btn-text-transform: capitalize; --s92d87-iconWidth: 20px; --s92d87-iconWidth-tablet: 20px; --s92d87-iconWidth-mobile: 20px; --s92d87-iconGap: 5px; --s92d87-iconGap-tablet: 5px; --s92d87-iconGap-mobile: 5px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #614E38; --s92d87-transform: capitalize; --s92d87-transform-tablet: capitalize; --s92d87-transform-mobile: capitalize; --s92d87-button: se; --s92d87-button-tablet: se; --s92d87-button-mobile: se; --beae-btn-te-label-color: #121212; --s92d87-margin-top: 8px; --s92d87-margin-top-tablet: 8px; --s92d87-margin-top-mobile: 4px; --s92d87-margin-right: 0px; --s92d87-margin-right-tablet: 0px; --s92d87-margin-right-mobile: 0px; --s92d87-margin-bottom: 0px; --s92d87-margin-bottom-tablet: 0px; --s92d87-margin-bottom-mobile: 0px; --s92d87-margin-left: 0px; --s92d87-margin-left-tablet: 0px; --s92d87-margin-left-mobile: 0px; }[data-bnode="beae-s92d87"] { margin-top: var(--s92d87-margin-top, 0px); margin-right: var(--s92d87-margin-right, 0px); margin-bottom: var(--s92d87-margin-bottom, 0px); margin-left: var(--s92d87-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s92d87-margin-top-tablet, 0px); margin-right: var(--s92d87-margin-right-tablet, 0px); margin-bottom: var(--s92d87-margin-bottom-tablet, 0px); margin-left: var(--s92d87-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s92d87-margin-top-mobile, 0px); margin-right: var(--s92d87-margin-right-mobile, 0px); margin-bottom: var(--s92d87-margin-bottom-mobile, 0px); margin-left: var(--s92d87-margin-left-mobile, 0px); } &{ gap:var(--s92d87-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--s92d87-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--s92d87-bgBtnHover)) * 1%)); style(--s92d87-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--s92d87-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--s92d87-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--s92d87-labelBtnHover)) * 1%)); style(--s92d87-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--s92d87-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--s92d87-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--s92d87-borderBtnHover)) * 1%)); style(--s92d87-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--s92d87-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--s92d87-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--s92d87-bgBtnHover)) * 1%)); style(--s92d87-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--s92d87-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--s92d87-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--s92d87-labelBtnHover)) * 1%)); style(--s92d87-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--s92d87-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--s92d87-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--s92d87-borderBtnHover)) * 1%)); style(--s92d87-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--s92d87-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--s92d87-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--s92d87-labelBtnHover)) * 1%)); style(--s92d87-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--s92d87-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--s92d87-iconWidth); } svg { width: var(--s92d87-iconWidth,20px); min-width: var(--s92d87-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--s92d87-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--s92d87-iconWidth-tablet, var(--s92d87-iconWidth)); } svg { width: var(--s92d87-iconWidth-tablet, var(--s92d87-iconWidth)); min-width: var(--s92d87-iconWidth-tablet, var(--s92d87-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--s92d87-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--s92d87-iconWidth-mobile, var(--s92d87-iconWidth)); } svg { width: var(--s92d87-iconWidth-mobile, var(--s92d87-iconWidth)); min-width: var(--s92d87-iconWidth-mobile, var(--s92d87-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-13xz3i"] { --13xz3i-width: 1600px; --13xz3i-width-tablet: 1600px; --13xz3i-width-mobile: 1600px; --13xz3i-height: fit-content; --13xz3i-height-tablet: fit-content; --13xz3i-height-mobile: fit-content; --13xz3i-padding-top: 112px; --13xz3i-padding-top-tablet: 80px; --13xz3i-padding-top-mobile: 56px; --13xz3i-padding-bottom: 0px; --13xz3i-padding-bottom-tablet: 0px; --13xz3i-padding-bottom-mobile: 0px; --13xz3i-padding-right: 32px; --13xz3i-padding-right-tablet: 16px; --13xz3i-padding-right-mobile: 16px; --13xz3i-padding-left: 32px; --13xz3i-padding-left-tablet: 16px; --13xz3i-padding-left-mobile: 16px; --13xz3i-gap: 48px; --13xz3i-gap-tablet: 40px; --13xz3i-gap-mobile: 32px; --13xz3i-background-type: color; --13xz3i-background-type-tablet: color; --13xz3i-background-type-mobile: color; --13xz3i-background-color: #F6F2EF; --13xz3i-background-color-tablet: #F6F2EF; --13xz3i-background-color-mobile: #F6F2EF; }[data-bnode="beae-13xz3i"] { padding-top: var(--13xz3i-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--13xz3i-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--13xz3i-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--13xz3i-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--13xz3i-padding-top-tablet, var(--13xz3i-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--13xz3i-padding-right-tablet, var(--13xz3i-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--13xz3i-padding-bottom-tablet, var(--13xz3i-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--13xz3i-padding-left-tablet, var(--13xz3i-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--13xz3i-padding-top-mobile, var(--13xz3i-padding-top-tablet, var(--13xz3i-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--13xz3i-padding-right-mobile, var(--13xz3i-padding-right-tablet, var(--13xz3i-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--13xz3i-padding-bottom-mobile, var(--13xz3i-padding-bottom-tablet, var(--13xz3i-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--13xz3i-padding-left-mobile, var(--13xz3i-padding-left-tablet, var(--13xz3i-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--13xz3i-padding-left, var(--beae-section-padding-x, 0px)) - var(--13xz3i-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--13xz3i-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--13xz3i-height); width: 100%; max-width: var(--13xz3i-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(--13xz3i-height-tablet, auto); width: 100%; max-width: var(--13xz3i-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--13xz3i-height-mobile, auto); width: 100%; max-width: var(--13xz3i-width-mobile, 100%); } } } }[data-bnode="beae-13xz3i"] > .beae-section-container{     display: flex;     flex-direction: var(--13xz3i-direction, column);     flex-wrap: nowrap;     justify-content: var(--13xz3i-justify-content);     align-items: var(--13xz3i-align-items);     gap: var(--13xz3i-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-13xz3i"] > .beae-section-container{                            gap: var(--13xz3i-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--13xz3i-padding-right-tablet, 0px) - var(--13xz3i-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-13xz3i"] > .beae-section-container{                            gap: var(--13xz3i-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--13xz3i-padding-right-mobile, 0px) - var(--13xz3i-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-3sg9he"] { --3sg9he-direction: column; --3sg9he-direction-tablet: column; --3sg9he-direction-mobile: column; --3sg9he-structure: columns; --3sg9he-structure-tablet: columns; --3sg9he-structure-mobile: columns; --3sg9he-gap: 20px; --3sg9he-gap-tablet: 20px; --3sg9he-gap-mobile: 16px; --3sg9he-align-items: center; --3sg9he-align-items-tablet: center; --3sg9he-align-items-mobile: center; }[data-bnode="beae-3sg9he"] { padding-top: var(--3sg9he-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--3sg9he-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--3sg9he-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--3sg9he-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--3sg9he-padding-top-tablet, var(--3sg9he-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--3sg9he-padding-right-tablet, var(--3sg9he-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--3sg9he-padding-bottom-tablet, var(--3sg9he-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--3sg9he-padding-left-tablet, var(--3sg9he-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--3sg9he-padding-top-mobile, var(--3sg9he-padding-top-tablet, var(--3sg9he-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--3sg9he-padding-right-mobile, var(--3sg9he-padding-right-tablet, var(--3sg9he-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--3sg9he-padding-bottom-mobile, var(--3sg9he-padding-bottom-tablet, var(--3sg9he-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--3sg9he-padding-left-mobile, var(--3sg9he-padding-left-tablet, var(--3sg9he-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--3sg9he-padding-left, var(--beae-slot-padding-x, 0px)) - var(--3sg9he-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(--3sg9he-background-imageRatio, auto); background: var(--3sg9he-background-color,transparent); border-style: var(--3sg9he-borderStyle,solid); border-color: var(--3sg9he-borderColor,#000000); border-width: var(--3sg9he-borderWidth-tl,0px) var(--3sg9he-borderWidth-tr,0px) var(--3sg9he-borderWidth-br,0px) var(--3sg9he-borderWidth-bl,0px); border-radius: var(--3sg9he-borderRadius-tl,0px) var(--3sg9he-borderRadius-tr,0px) var(--3sg9he-borderRadius-br,0px) var(--3sg9he-borderRadius-bl,0px); box-shadow: if(style(--3sg9he-enableShadow: true): var(--3sg9he-shadowHorizontal,0) var(--3sg9he-shadowVertical,0) var(--3sg9he-shadowBlur,0) 1px var(--3sg9he-shadowColor,#000000); else: none); max-width: var(--3sg9he-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--3sg9he-background-imageRatio-tablet, var(--3sg9he-background-imageRatio, auto)); border-width: var(--3sg9he-borderWidth-tl-tablet,0px) var(--3sg9he-borderWidth-tr-tablet,0px) var(--3sg9he-borderWidth-br-tablet,0px) var(--3sg9he-borderWidth-bl-tablet,0px); border-radius: var(--3sg9he-borderRadius-tl-tablet,0px) var(--3sg9he-borderRadius-tr-tablet,0px) var(--3sg9he-borderRadius-br-tablet,0px) var(--3sg9he-borderRadius-bl-tablet,0px); max-width: var(--3sg9he-max-width-tablet, var(--3sg9he-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--3sg9he-background-imageRatio-mobile, var(--3sg9he-background-imageRatio, auto)); border-width: var(--3sg9he-borderWidth-tl-mobile,0px) var(--3sg9he-borderWidth-tr-mobile,0px) var(--3sg9he-borderWidth-br-mobile,0px) var(--3sg9he-borderWidth-bl-mobile,0px); border-radius: var(--3sg9he-borderRadius-tl-mobile,0px) var(--3sg9he-borderRadius-tr-mobile,0px) var(--3sg9he-borderRadius-br-mobile,0px) var(--3sg9he-borderRadius-bl-mobile,0px); max-width: var(--3sg9he-max-width-mobile, var(--3sg9he-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--3sg9he-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--3sg9he-gap,var(--beae-card-gap)); padding-top: var(--3sg9he-padding-top,var(--beae-card-padding)); padding-right: var(--3sg9he-padding-right,var(--beae-card-padding)); padding-bottom: var(--3sg9he-padding-bottom,var(--beae-card-padding)); padding-left: var(--3sg9he-padding-left,var(--beae-card-padding)); border-width: var(--3sg9he-borderWidth,var(--beae-card-border-width)); border-width: var(--3sg9he-borderWidth-tl,var(--beae-card-border-width)) var(--3sg9he-borderWidth-tr,var(--beae-card-border-width)) var(--3sg9he-borderWidth-br,var(--beae-card-border-width)) var(--3sg9he-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--3sg9he-borderRadius-tl,var(--beae-card-border-radius)) var(--3sg9he-borderRadius-tr,var(--beae-card-border-radius)) var(--3sg9he-borderRadius-br,var(--beae-card-border-radius)) var(--3sg9he-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(--3sg9he-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--3sg9he-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--3sg9he-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--3sg9he-padding-left-tablet,var(--beae-card-padding)); border-width: var(--3sg9he-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--3sg9he-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--3sg9he-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--3sg9he-borderWidth-br-desktop,var(--beae-card-border-width)) var(--3sg9he-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--3sg9he-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--3sg9he-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--3sg9he-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--3sg9he-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--3sg9he-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--3sg9he-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--3sg9he-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--3sg9he-padding-left-mobile,var(--beae-card-padding)); border-width: var(--3sg9he-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--3sg9he-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--3sg9he-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--3sg9he-borderWidth-br-mobile,var(--beae-card-border-width)) var(--3sg9he-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--3sg9he-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--3sg9he-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--3sg9he-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--3sg9he-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--3sg9he-background-color,var(--beae-card-featured-background)); border-color: var(--3sg9he-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--3sg9he-enableShadow: true): var(--3sg9he-shadowHorizontal, var(--beae-card-shadow-x)) var(--3sg9he-shadowVertical, var(--beae-card-shadow-y)) var(--3sg9he-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3sg9he-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--3sg9he-background-color,var(--beae-card-prod-background)); border-color: var(--3sg9he-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--3sg9he-enableShadow: true): var(--3sg9he-shadowHorizontal, var(--beae-card-shadow-x)) var(--3sg9he-shadowVertical, var(--beae-card-shadow-y)) var(--3sg9he-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3sg9he-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--3sg9he-background-color,var(--beae-card-pricing-background)); border-color: var(--3sg9he-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--3sg9he-enableShadow: true): var(--3sg9he-shadowHorizontal, var(--beae-card-shadow-x)) var(--3sg9he-shadowVertical, var(--beae-card-shadow-y)) var(--3sg9he-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3sg9he-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--3sg9he-background-color,var(--beae-card-cta-background)); border-color: var(--3sg9he-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--3sg9he-enableShadow: true): var(--3sg9he-shadowHorizontal, var(--beae-card-shadow-x)) var(--3sg9he-shadowVertical, var(--beae-card-shadow-y)) var(--3sg9he-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3sg9he-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--3sg9he-background-color,var(--beae-card-media-background)); border-color: var(--3sg9he-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--3sg9he-enableShadow: true): var(--3sg9he-shadowHorizontal, var(--beae-card-shadow-x)) var(--3sg9he-shadowVertical, var(--beae-card-shadow-y)) var(--3sg9he-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--3sg9he-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-3sg9he"] {     display: flex;     flex-direction: var(--3sg9he-direction, column);     flex-wrap: nowrap;     justify-content: var(--3sg9he-justify-content);     align-items: var(--3sg9he-align-items);     gap: var(--3sg9he-gap, var(--3sg9he-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-3sg9he"] {                            gap: var(--3sg9he-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(--3sg9he-padding-right-tablet, 0px) - var(--3sg9he-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-3sg9he"] {                            gap: var(--3sg9he-gap-mobile, var(--3sg9he-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(--3sg9he-padding-right-mobile, 0px) - var(--3sg9he-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-c5np3i"] { --c5np3i-direction: row; --c5np3i-direction-tablet: row; --c5np3i-direction-mobile: row; --c5np3i-structure: columns; --c5np3i-structure-tablet: columns; --c5np3i-structure-mobile: columns; --c5np3i-max-width: fit-content; --c5np3i-max-width-tablet: fit-content; --c5np3i-max-width-mobile: fit-content; --c5np3i-padding-top: 6px; --c5np3i-padding-top-tablet: 6px; --c5np3i-padding-top-mobile: 6px; --c5np3i-padding-right: 12px; --c5np3i-padding-right-tablet: 12px; --c5np3i-padding-right-mobile: 12px; --c5np3i-padding-bottom: 6px; --c5np3i-padding-bottom-tablet: 6px; --c5np3i-padding-bottom-mobile: 6px; --c5np3i-padding-left: 12px; --c5np3i-padding-left-tablet: 12px; --c5np3i-padding-left-mobile: 12px; --c5np3i-background-type: color; --c5np3i-background-type-tablet: color; --c5np3i-background-type-mobile: color; --c5np3i-background-color: #b59b7d; --c5np3i-background-color-tablet: #b59b7d; --c5np3i-background-color-mobile: #b59b7d; --c5np3i-borderRadius-tl: 9999px; --c5np3i-borderRadius-tl-tablet: 9999px; --c5np3i-borderRadius-tl-mobile: 9999px; --c5np3i-borderRadius-tr: 9999px; --c5np3i-borderRadius-tr-tablet: 9999px; --c5np3i-borderRadius-tr-mobile: 9999px; --c5np3i-borderRadius-bl: 9999px; --c5np3i-borderRadius-bl-tablet: 9999px; --c5np3i-borderRadius-bl-mobile: 9999px; --c5np3i-borderRadius-br: 9999px; --c5np3i-borderRadius-br-tablet: 9999px; --c5np3i-borderRadius-br-mobile: 9999px; }[data-bnode="beae-c5np3i"] { padding-top: var(--c5np3i-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--c5np3i-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--c5np3i-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--c5np3i-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--c5np3i-padding-top-tablet, var(--c5np3i-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--c5np3i-padding-right-tablet, var(--c5np3i-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--c5np3i-padding-bottom-tablet, var(--c5np3i-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--c5np3i-padding-left-tablet, var(--c5np3i-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--c5np3i-padding-top-mobile, var(--c5np3i-padding-top-tablet, var(--c5np3i-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--c5np3i-padding-right-mobile, var(--c5np3i-padding-right-tablet, var(--c5np3i-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--c5np3i-padding-bottom-mobile, var(--c5np3i-padding-bottom-tablet, var(--c5np3i-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--c5np3i-padding-left-mobile, var(--c5np3i-padding-left-tablet, var(--c5np3i-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--c5np3i-padding-left, var(--beae-slot-padding-x, 0px)) - var(--c5np3i-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(--c5np3i-background-imageRatio, auto); background: var(--c5np3i-background-color,transparent); border-style: var(--c5np3i-borderStyle,solid); border-color: var(--c5np3i-borderColor,#000000); border-width: var(--c5np3i-borderWidth-tl,0px) var(--c5np3i-borderWidth-tr,0px) var(--c5np3i-borderWidth-br,0px) var(--c5np3i-borderWidth-bl,0px); border-radius: var(--c5np3i-borderRadius-tl,0px) var(--c5np3i-borderRadius-tr,0px) var(--c5np3i-borderRadius-br,0px) var(--c5np3i-borderRadius-bl,0px); box-shadow: if(style(--c5np3i-enableShadow: true): var(--c5np3i-shadowHorizontal,0) var(--c5np3i-shadowVertical,0) var(--c5np3i-shadowBlur,0) 1px var(--c5np3i-shadowColor,#000000); else: none); max-width: var(--c5np3i-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--c5np3i-background-imageRatio-tablet, var(--c5np3i-background-imageRatio, auto)); border-width: var(--c5np3i-borderWidth-tl-tablet,0px) var(--c5np3i-borderWidth-tr-tablet,0px) var(--c5np3i-borderWidth-br-tablet,0px) var(--c5np3i-borderWidth-bl-tablet,0px); border-radius: var(--c5np3i-borderRadius-tl-tablet,0px) var(--c5np3i-borderRadius-tr-tablet,0px) var(--c5np3i-borderRadius-br-tablet,0px) var(--c5np3i-borderRadius-bl-tablet,0px); max-width: var(--c5np3i-max-width-tablet, var(--c5np3i-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--c5np3i-background-imageRatio-mobile, var(--c5np3i-background-imageRatio, auto)); border-width: var(--c5np3i-borderWidth-tl-mobile,0px) var(--c5np3i-borderWidth-tr-mobile,0px) var(--c5np3i-borderWidth-br-mobile,0px) var(--c5np3i-borderWidth-bl-mobile,0px); border-radius: var(--c5np3i-borderRadius-tl-mobile,0px) var(--c5np3i-borderRadius-tr-mobile,0px) var(--c5np3i-borderRadius-br-mobile,0px) var(--c5np3i-borderRadius-bl-mobile,0px); max-width: var(--c5np3i-max-width-mobile, var(--c5np3i-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--c5np3i-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--c5np3i-gap,var(--beae-card-gap)); padding-top: var(--c5np3i-padding-top,var(--beae-card-padding)); padding-right: var(--c5np3i-padding-right,var(--beae-card-padding)); padding-bottom: var(--c5np3i-padding-bottom,var(--beae-card-padding)); padding-left: var(--c5np3i-padding-left,var(--beae-card-padding)); border-width: var(--c5np3i-borderWidth,var(--beae-card-border-width)); border-width: var(--c5np3i-borderWidth-tl,var(--beae-card-border-width)) var(--c5np3i-borderWidth-tr,var(--beae-card-border-width)) var(--c5np3i-borderWidth-br,var(--beae-card-border-width)) var(--c5np3i-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--c5np3i-borderRadius-tl,var(--beae-card-border-radius)) var(--c5np3i-borderRadius-tr,var(--beae-card-border-radius)) var(--c5np3i-borderRadius-br,var(--beae-card-border-radius)) var(--c5np3i-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(--c5np3i-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--c5np3i-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--c5np3i-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--c5np3i-padding-left-tablet,var(--beae-card-padding)); border-width: var(--c5np3i-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--c5np3i-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--c5np3i-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--c5np3i-borderWidth-br-desktop,var(--beae-card-border-width)) var(--c5np3i-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--c5np3i-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--c5np3i-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--c5np3i-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--c5np3i-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--c5np3i-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--c5np3i-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--c5np3i-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--c5np3i-padding-left-mobile,var(--beae-card-padding)); border-width: var(--c5np3i-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--c5np3i-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--c5np3i-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--c5np3i-borderWidth-br-mobile,var(--beae-card-border-width)) var(--c5np3i-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--c5np3i-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--c5np3i-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--c5np3i-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--c5np3i-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--c5np3i-background-color,var(--beae-card-featured-background)); border-color: var(--c5np3i-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--c5np3i-enableShadow: true): var(--c5np3i-shadowHorizontal, var(--beae-card-shadow-x)) var(--c5np3i-shadowVertical, var(--beae-card-shadow-y)) var(--c5np3i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--c5np3i-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--c5np3i-background-color,var(--beae-card-prod-background)); border-color: var(--c5np3i-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--c5np3i-enableShadow: true): var(--c5np3i-shadowHorizontal, var(--beae-card-shadow-x)) var(--c5np3i-shadowVertical, var(--beae-card-shadow-y)) var(--c5np3i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--c5np3i-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--c5np3i-background-color,var(--beae-card-pricing-background)); border-color: var(--c5np3i-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--c5np3i-enableShadow: true): var(--c5np3i-shadowHorizontal, var(--beae-card-shadow-x)) var(--c5np3i-shadowVertical, var(--beae-card-shadow-y)) var(--c5np3i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--c5np3i-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--c5np3i-background-color,var(--beae-card-cta-background)); border-color: var(--c5np3i-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--c5np3i-enableShadow: true): var(--c5np3i-shadowHorizontal, var(--beae-card-shadow-x)) var(--c5np3i-shadowVertical, var(--beae-card-shadow-y)) var(--c5np3i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--c5np3i-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--c5np3i-background-color,var(--beae-card-media-background)); border-color: var(--c5np3i-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--c5np3i-enableShadow: true): var(--c5np3i-shadowHorizontal, var(--beae-card-shadow-x)) var(--c5np3i-shadowVertical, var(--beae-card-shadow-y)) var(--c5np3i-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--c5np3i-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-c5np3i"] {     display: flex;     flex-direction: var(--c5np3i-direction, column);     flex-wrap: nowrap;     justify-content: var(--c5np3i-justify-content);     align-items: var(--c5np3i-align-items);     gap: var(--c5np3i-gap, var(--c5np3i-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--c5np3i-padding-right, 0px) - var(--c5np3i-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-c5np3i"] {                            gap: var(--c5np3i-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(--c5np3i-padding-right-tablet, 0px) - var(--c5np3i-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-c5np3i"] {                            gap: var(--c5np3i-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(--c5np3i-padding-right-mobile, 0px) - var(--c5np3i-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mskte4"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --mskte4-typography: p; --mskte4-typography-tablet: p; --mskte4-typography-mobile: p; --mskte4-margin-top: 0px; --mskte4-margin-top-tablet: 0px; --mskte4-margin-top-mobile: 0px; --mskte4-margin-right: 0px; --mskte4-margin-right-tablet: 0px; --mskte4-margin-right-mobile: 0px; --mskte4-margin-bottom: 0px; --mskte4-margin-bottom-tablet: 0px; --mskte4-margin-bottom-mobile: 0px; --mskte4-margin-left: 0px; --mskte4-margin-left-tablet: 0px; --mskte4-margin-left-mobile: 0px; }[data-bnode="beae-mskte4"] { margin-top: var(--mskte4-margin-top, 0px); margin-right: var(--mskte4-margin-right, 0px); margin-bottom: var(--mskte4-margin-bottom, 0px); margin-left: var(--mskte4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mskte4-margin-top-tablet, 0px); margin-right: var(--mskte4-margin-right-tablet, 0px); margin-bottom: var(--mskte4-margin-bottom-tablet, 0px); margin-left: var(--mskte4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mskte4-margin-top-mobile, 0px); margin-right: var(--mskte4-margin-right-mobile, 0px); margin-bottom: var(--mskte4-margin-bottom-mobile, 0px); margin-left: var(--mskte4-margin-left-mobile, 0px); } }[data-bnode="beae-ym2cbt"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #100D09; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --ym2cbt-typography: h2; --ym2cbt-typography-tablet: h2; --ym2cbt-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-ym2cbt"] { margin-top: var(--ym2cbt-margin-top, 0px); margin-right: var(--ym2cbt-margin-right, 0px); margin-bottom: var(--ym2cbt-margin-bottom, 0px); margin-left: var(--ym2cbt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ym2cbt-margin-top-tablet, 0px); margin-right: var(--ym2cbt-margin-right-tablet, 0px); margin-bottom: var(--ym2cbt-margin-bottom-tablet, 0px); margin-left: var(--ym2cbt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ym2cbt-margin-top-mobile, 0px); margin-right: var(--ym2cbt-margin-right-mobile, 0px); margin-bottom: var(--ym2cbt-margin-bottom-mobile, 0px); margin-left: var(--ym2cbt-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ym2cbt-highlightColor,var(--beae-p-color)); top: var(--ym2cbt-highlightTop, 100%); } }[data-bnode="beae-rynd6p"] { --rynd6p-direction: row; --rynd6p-direction-tablet: column; --rynd6p-direction-mobile: column; --rynd6p-structure: columns; --rynd6p-structure-tablet: columns; --rynd6p-structure-mobile: columns; --rynd6p-gap: 20px; --rynd6p-gap-tablet: 16px; --rynd6p-gap-mobile: 16px; --rynd6p-align-items: stretch; --rynd6p-align-items-tablet: stretch; --rynd6p-align-items-mobile: stretch; --rynd6p-columns: 67.09,32.91; --rynd6p-columns-tablet: 67.09,32.91; --rynd6p-columns-mobile: 67.09,32.91; --rynd6p-columnsPresetId: 67.50,32.50; --rynd6p-columnsPresetId-tablet: 67.50,32.50; --rynd6p-columnsPresetId-mobile: 67.50,32.50; }[data-bnode="beae-rynd6p"] { padding-top: var(--rynd6p-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rynd6p-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rynd6p-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rynd6p-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rynd6p-padding-top-tablet, var(--rynd6p-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rynd6p-padding-right-tablet, var(--rynd6p-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rynd6p-padding-bottom-tablet, var(--rynd6p-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rynd6p-padding-left-tablet, var(--rynd6p-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rynd6p-padding-top-mobile, var(--rynd6p-padding-top-tablet, var(--rynd6p-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rynd6p-padding-right-mobile, var(--rynd6p-padding-right-tablet, var(--rynd6p-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rynd6p-padding-bottom-mobile, var(--rynd6p-padding-bottom-tablet, var(--rynd6p-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rynd6p-padding-left-mobile, var(--rynd6p-padding-left-tablet, var(--rynd6p-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--rynd6p-padding-left, var(--beae-slot-padding-x, 0px)) - var(--rynd6p-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(--rynd6p-background-imageRatio, auto); background: var(--rynd6p-background-color,transparent); border-style: var(--rynd6p-borderStyle,solid); border-color: var(--rynd6p-borderColor,#000000); border-width: var(--rynd6p-borderWidth-tl,0px) var(--rynd6p-borderWidth-tr,0px) var(--rynd6p-borderWidth-br,0px) var(--rynd6p-borderWidth-bl,0px); border-radius: var(--rynd6p-borderRadius-tl,0px) var(--rynd6p-borderRadius-tr,0px) var(--rynd6p-borderRadius-br,0px) var(--rynd6p-borderRadius-bl,0px); box-shadow: if(style(--rynd6p-enableShadow: true): var(--rynd6p-shadowHorizontal,0) var(--rynd6p-shadowVertical,0) var(--rynd6p-shadowBlur,0) 1px var(--rynd6p-shadowColor,#000000); else: none); max-width: var(--rynd6p-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--rynd6p-background-imageRatio-tablet, var(--rynd6p-background-imageRatio, auto)); border-width: var(--rynd6p-borderWidth-tl-tablet,0px) var(--rynd6p-borderWidth-tr-tablet,0px) var(--rynd6p-borderWidth-br-tablet,0px) var(--rynd6p-borderWidth-bl-tablet,0px); border-radius: var(--rynd6p-borderRadius-tl-tablet,0px) var(--rynd6p-borderRadius-tr-tablet,0px) var(--rynd6p-borderRadius-br-tablet,0px) var(--rynd6p-borderRadius-bl-tablet,0px); max-width: var(--rynd6p-max-width-tablet, var(--rynd6p-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--rynd6p-background-imageRatio-mobile, var(--rynd6p-background-imageRatio, auto)); border-width: var(--rynd6p-borderWidth-tl-mobile,0px) var(--rynd6p-borderWidth-tr-mobile,0px) var(--rynd6p-borderWidth-br-mobile,0px) var(--rynd6p-borderWidth-bl-mobile,0px); border-radius: var(--rynd6p-borderRadius-tl-mobile,0px) var(--rynd6p-borderRadius-tr-mobile,0px) var(--rynd6p-borderRadius-br-mobile,0px) var(--rynd6p-borderRadius-bl-mobile,0px); max-width: var(--rynd6p-max-width-mobile, var(--rynd6p-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rynd6p-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--rynd6p-gap,var(--beae-card-gap)); padding-top: var(--rynd6p-padding-top,var(--beae-card-padding)); padding-right: var(--rynd6p-padding-right,var(--beae-card-padding)); padding-bottom: var(--rynd6p-padding-bottom,var(--beae-card-padding)); padding-left: var(--rynd6p-padding-left,var(--beae-card-padding)); border-width: var(--rynd6p-borderWidth,var(--beae-card-border-width)); border-width: var(--rynd6p-borderWidth-tl,var(--beae-card-border-width)) var(--rynd6p-borderWidth-tr,var(--beae-card-border-width)) var(--rynd6p-borderWidth-br,var(--beae-card-border-width)) var(--rynd6p-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rynd6p-borderRadius-tl,var(--beae-card-border-radius)) var(--rynd6p-borderRadius-tr,var(--beae-card-border-radius)) var(--rynd6p-borderRadius-br,var(--beae-card-border-radius)) var(--rynd6p-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(--rynd6p-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rynd6p-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rynd6p-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rynd6p-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rynd6p-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--rynd6p-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rynd6p-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rynd6p-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rynd6p-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rynd6p-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--rynd6p-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--rynd6p-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--rynd6p-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--rynd6p-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rynd6p-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rynd6p-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rynd6p-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rynd6p-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--rynd6p-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rynd6p-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rynd6p-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rynd6p-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rynd6p-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rynd6p-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rynd6p-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rynd6p-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rynd6p-background-color,var(--beae-card-featured-background)); border-color: var(--rynd6p-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--rynd6p-enableShadow: true): var(--rynd6p-shadowHorizontal, var(--beae-card-shadow-x)) var(--rynd6p-shadowVertical, var(--beae-card-shadow-y)) var(--rynd6p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rynd6p-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--rynd6p-background-color,var(--beae-card-prod-background)); border-color: var(--rynd6p-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--rynd6p-enableShadow: true): var(--rynd6p-shadowHorizontal, var(--beae-card-shadow-x)) var(--rynd6p-shadowVertical, var(--beae-card-shadow-y)) var(--rynd6p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rynd6p-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--rynd6p-background-color,var(--beae-card-pricing-background)); border-color: var(--rynd6p-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--rynd6p-enableShadow: true): var(--rynd6p-shadowHorizontal, var(--beae-card-shadow-x)) var(--rynd6p-shadowVertical, var(--beae-card-shadow-y)) var(--rynd6p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rynd6p-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--rynd6p-background-color,var(--beae-card-cta-background)); border-color: var(--rynd6p-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--rynd6p-enableShadow: true): var(--rynd6p-shadowHorizontal, var(--beae-card-shadow-x)) var(--rynd6p-shadowVertical, var(--beae-card-shadow-y)) var(--rynd6p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rynd6p-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--rynd6p-background-color,var(--beae-card-media-background)); border-color: var(--rynd6p-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--rynd6p-enableShadow: true): var(--rynd6p-shadowHorizontal, var(--beae-card-shadow-x)) var(--rynd6p-shadowVertical, var(--beae-card-shadow-y)) var(--rynd6p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rynd6p-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-rynd6p"] {     display: flex;     flex-direction: var(--rynd6p-direction, column);     flex-wrap: nowrap;     justify-content: var(--rynd6p-justify-content);     align-items: var(--rynd6p-align-items);     gap: var(--rynd6p-gap, var(--rynd6p-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(67.09% - var(--rynd6p-padding-right, 0px) - var(--rynd6p-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(32.91% - var(--rynd6p-padding-right, 0px) - var(--rynd6p-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--rynd6p-padding-right, 0px) - var(--rynd6p-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rynd6p"] {      flex-direction: var(--rynd6p-direction-tablet, column);                      gap: var(--rynd6p-gap-tablet, var(--rynd6p-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-rynd6p"] {      flex-direction: var(--rynd6p-direction-mobile, column);                      gap: var(--rynd6p-gap-mobile, var(--rynd6p-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-7gebk8"] { --7gebk8-direction: row; --7gebk8-direction-tablet: row; --7gebk8-direction-mobile: column; --7gebk8-align-items: stretch; --7gebk8-align-items-tablet: stretch; --7gebk8-align-items-mobile: stretch; --7gebk8-structure: columns; --7gebk8-structure-tablet: columns; --7gebk8-structure-mobile: columns; --7gebk8-columns: 50.00,50.00; --7gebk8-columns-tablet: 50.00,50.00; --7gebk8-columns-mobile: 50.00,50.00; --7gebk8-columnsPresetId: 50.00,50.00; --7gebk8-columnsPresetId-tablet: 50.00,50.00; --7gebk8-columnsPresetId-mobile: 50.00,50.00; --7gebk8-gap: 20px; --7gebk8-gap-tablet: 16px; --7gebk8-gap-mobile: 16px; }[data-bnode="beae-7gebk8"] { padding-top: var(--7gebk8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7gebk8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7gebk8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7gebk8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7gebk8-padding-top-tablet, var(--7gebk8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7gebk8-padding-right-tablet, var(--7gebk8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7gebk8-padding-bottom-tablet, var(--7gebk8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7gebk8-padding-left-tablet, var(--7gebk8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7gebk8-padding-top-mobile, var(--7gebk8-padding-top-tablet, var(--7gebk8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7gebk8-padding-right-mobile, var(--7gebk8-padding-right-tablet, var(--7gebk8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7gebk8-padding-bottom-mobile, var(--7gebk8-padding-bottom-tablet, var(--7gebk8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7gebk8-padding-left-mobile, var(--7gebk8-padding-left-tablet, var(--7gebk8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--7gebk8-padding-left, var(--beae-slot-padding-x, 0px)) - var(--7gebk8-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(--7gebk8-background-imageRatio, auto); background: var(--7gebk8-background-color,transparent); border-style: var(--7gebk8-borderStyle,solid); border-color: var(--7gebk8-borderColor,#000000); border-width: var(--7gebk8-borderWidth-tl,0px) var(--7gebk8-borderWidth-tr,0px) var(--7gebk8-borderWidth-br,0px) var(--7gebk8-borderWidth-bl,0px); border-radius: var(--7gebk8-borderRadius-tl,0px) var(--7gebk8-borderRadius-tr,0px) var(--7gebk8-borderRadius-br,0px) var(--7gebk8-borderRadius-bl,0px); box-shadow: if(style(--7gebk8-enableShadow: true): var(--7gebk8-shadowHorizontal,0) var(--7gebk8-shadowVertical,0) var(--7gebk8-shadowBlur,0) 1px var(--7gebk8-shadowColor,#000000); else: none); max-width: var(--7gebk8-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--7gebk8-background-imageRatio-tablet, var(--7gebk8-background-imageRatio, auto)); border-width: var(--7gebk8-borderWidth-tl-tablet,0px) var(--7gebk8-borderWidth-tr-tablet,0px) var(--7gebk8-borderWidth-br-tablet,0px) var(--7gebk8-borderWidth-bl-tablet,0px); border-radius: var(--7gebk8-borderRadius-tl-tablet,0px) var(--7gebk8-borderRadius-tr-tablet,0px) var(--7gebk8-borderRadius-br-tablet,0px) var(--7gebk8-borderRadius-bl-tablet,0px); max-width: var(--7gebk8-max-width-tablet, var(--7gebk8-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--7gebk8-background-imageRatio-mobile, var(--7gebk8-background-imageRatio, auto)); border-width: var(--7gebk8-borderWidth-tl-mobile,0px) var(--7gebk8-borderWidth-tr-mobile,0px) var(--7gebk8-borderWidth-br-mobile,0px) var(--7gebk8-borderWidth-bl-mobile,0px); border-radius: var(--7gebk8-borderRadius-tl-mobile,0px) var(--7gebk8-borderRadius-tr-mobile,0px) var(--7gebk8-borderRadius-br-mobile,0px) var(--7gebk8-borderRadius-bl-mobile,0px); max-width: var(--7gebk8-max-width-mobile, var(--7gebk8-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7gebk8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--7gebk8-gap,var(--beae-card-gap)); padding-top: var(--7gebk8-padding-top,var(--beae-card-padding)); padding-right: var(--7gebk8-padding-right,var(--beae-card-padding)); padding-bottom: var(--7gebk8-padding-bottom,var(--beae-card-padding)); padding-left: var(--7gebk8-padding-left,var(--beae-card-padding)); border-width: var(--7gebk8-borderWidth,var(--beae-card-border-width)); border-width: var(--7gebk8-borderWidth-tl,var(--beae-card-border-width)) var(--7gebk8-borderWidth-tr,var(--beae-card-border-width)) var(--7gebk8-borderWidth-br,var(--beae-card-border-width)) var(--7gebk8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7gebk8-borderRadius-tl,var(--beae-card-border-radius)) var(--7gebk8-borderRadius-tr,var(--beae-card-border-radius)) var(--7gebk8-borderRadius-br,var(--beae-card-border-radius)) var(--7gebk8-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(--7gebk8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7gebk8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7gebk8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7gebk8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7gebk8-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--7gebk8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7gebk8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7gebk8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7gebk8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7gebk8-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--7gebk8-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--7gebk8-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--7gebk8-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--7gebk8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7gebk8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7gebk8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7gebk8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7gebk8-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--7gebk8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7gebk8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7gebk8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7gebk8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7gebk8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7gebk8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7gebk8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7gebk8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7gebk8-background-color,var(--beae-card-featured-background)); border-color: var(--7gebk8-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--7gebk8-enableShadow: true): var(--7gebk8-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gebk8-shadowVertical, var(--beae-card-shadow-y)) var(--7gebk8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gebk8-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--7gebk8-background-color,var(--beae-card-prod-background)); border-color: var(--7gebk8-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--7gebk8-enableShadow: true): var(--7gebk8-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gebk8-shadowVertical, var(--beae-card-shadow-y)) var(--7gebk8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gebk8-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--7gebk8-background-color,var(--beae-card-pricing-background)); border-color: var(--7gebk8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--7gebk8-enableShadow: true): var(--7gebk8-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gebk8-shadowVertical, var(--beae-card-shadow-y)) var(--7gebk8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gebk8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--7gebk8-background-color,var(--beae-card-cta-background)); border-color: var(--7gebk8-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--7gebk8-enableShadow: true): var(--7gebk8-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gebk8-shadowVertical, var(--beae-card-shadow-y)) var(--7gebk8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gebk8-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--7gebk8-background-color,var(--beae-card-media-background)); border-color: var(--7gebk8-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--7gebk8-enableShadow: true): var(--7gebk8-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gebk8-shadowVertical, var(--beae-card-shadow-y)) var(--7gebk8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gebk8-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-7gebk8"] {     display: flex;     flex-direction: var(--7gebk8-direction, column);     flex-wrap: nowrap;     justify-content: var(--7gebk8-justify-content);     align-items: var(--7gebk8-align-items);     gap: var(--7gebk8-gap, var(--7gebk8-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--7gebk8-padding-right, 0px) - var(--7gebk8-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--7gebk8-padding-right, 0px) - var(--7gebk8-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--7gebk8-padding-right, 0px) - var(--7gebk8-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7gebk8"] {                            gap: var(--7gebk8-gap-tablet, var(--7gebk8-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(--7gebk8-padding-right-tablet, 0px) - var(--7gebk8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7gebk8"] {      flex-direction: var(--7gebk8-direction-mobile, column);                      gap: var(--7gebk8-gap-mobile, var(--7gebk8-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-x3zclc"] { --x3zclc-direction: row; --x3zclc-direction-tablet: row; --x3zclc-direction-mobile: row; --x3zclc-structure: columns; --x3zclc-structure-tablet: columns; --x3zclc-structure-mobile: columns; --x3zclc-background-type: image; --x3zclc-background-type-tablet: image; --x3zclc-background-type-mobile: image; --x3zclc-background-image: [object Object]; --x3zclc-background-image-tablet: [object Object]; --x3zclc-background-image-mobile: [object Object]; --x3zclc-background-imageRatio: 3/4; --x3zclc-background-imageRatio-tablet: 3/4; --x3zclc-background-imageRatio-mobile: 3/4; --x3zclc-background-imageRatio-mobile: 1/1; --x3zclc-background-imageRatio-mobile-tablet: 1/1; --x3zclc-background-imageRatio-mobile-mobile: 1/1; --x3zclc-borderRadius-tl: 16px; --x3zclc-borderRadius-tl-tablet: 16px; --x3zclc-borderRadius-tl-mobile: 16px; --x3zclc-borderRadius-tr: 16px; --x3zclc-borderRadius-tr-tablet: 16px; --x3zclc-borderRadius-tr-mobile: 16px; --x3zclc-borderRadius-bl: 16px; --x3zclc-borderRadius-bl-tablet: 16px; --x3zclc-borderRadius-bl-mobile: 16px; --x3zclc-borderRadius-br: 16px; --x3zclc-borderRadius-br-tablet: 16px; --x3zclc-borderRadius-br-mobile: 16px; --x3zclc-align-items: flex-end; --x3zclc-align-items-tablet: flex-end; --x3zclc-align-items-mobile: flex-end; --x3zclc-padding-top: 10px; --x3zclc-padding-top-tablet: 10px; --x3zclc-padding-top-mobile: 10px; --x3zclc-padding-right: 10px; --x3zclc-padding-right-tablet: 10px; --x3zclc-padding-right-mobile: 10px; --x3zclc-padding-bottom: 10px; --x3zclc-padding-bottom-tablet: 10px; --x3zclc-padding-bottom-mobile: 10px; --x3zclc-padding-left: 10px; --x3zclc-padding-left-tablet: 10px; --x3zclc-padding-left-mobile: 10px; }[data-bnode="beae-x3zclc"] { padding-top: var(--x3zclc-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--x3zclc-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--x3zclc-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--x3zclc-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--x3zclc-padding-top-tablet, var(--x3zclc-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--x3zclc-padding-right-tablet, var(--x3zclc-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--x3zclc-padding-bottom-tablet, var(--x3zclc-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--x3zclc-padding-left-tablet, var(--x3zclc-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--x3zclc-padding-top-mobile, var(--x3zclc-padding-top-tablet, var(--x3zclc-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--x3zclc-padding-right-mobile, var(--x3zclc-padding-right-tablet, var(--x3zclc-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--x3zclc-padding-bottom-mobile, var(--x3zclc-padding-bottom-tablet, var(--x3zclc-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--x3zclc-padding-left-mobile, var(--x3zclc-padding-left-tablet, var(--x3zclc-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--x3zclc-padding-left, var(--beae-slot-padding-x, 0px)) - var(--x3zclc-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(--x3zclc-background-imageRatio, auto); background: var(--x3zclc-background-color,transparent); border-style: var(--x3zclc-borderStyle,solid); border-color: var(--x3zclc-borderColor,#000000); border-width: var(--x3zclc-borderWidth-tl,0px) var(--x3zclc-borderWidth-tr,0px) var(--x3zclc-borderWidth-br,0px) var(--x3zclc-borderWidth-bl,0px); border-radius: var(--x3zclc-borderRadius-tl,0px) var(--x3zclc-borderRadius-tr,0px) var(--x3zclc-borderRadius-br,0px) var(--x3zclc-borderRadius-bl,0px); box-shadow: if(style(--x3zclc-enableShadow: true): var(--x3zclc-shadowHorizontal,0) var(--x3zclc-shadowVertical,0) var(--x3zclc-shadowBlur,0) 1px var(--x3zclc-shadowColor,#000000); else: none); max-width: var(--x3zclc-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--x3zclc-background-imageRatio-tablet, var(--x3zclc-background-imageRatio, auto)); border-width: var(--x3zclc-borderWidth-tl-tablet,0px) var(--x3zclc-borderWidth-tr-tablet,0px) var(--x3zclc-borderWidth-br-tablet,0px) var(--x3zclc-borderWidth-bl-tablet,0px); border-radius: var(--x3zclc-borderRadius-tl-tablet,0px) var(--x3zclc-borderRadius-tr-tablet,0px) var(--x3zclc-borderRadius-br-tablet,0px) var(--x3zclc-borderRadius-bl-tablet,0px); max-width: var(--x3zclc-max-width-tablet, var(--x3zclc-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--x3zclc-background-imageRatio-mobile, var(--x3zclc-background-imageRatio, auto)); border-width: var(--x3zclc-borderWidth-tl-mobile,0px) var(--x3zclc-borderWidth-tr-mobile,0px) var(--x3zclc-borderWidth-br-mobile,0px) var(--x3zclc-borderWidth-bl-mobile,0px); border-radius: var(--x3zclc-borderRadius-tl-mobile,0px) var(--x3zclc-borderRadius-tr-mobile,0px) var(--x3zclc-borderRadius-br-mobile,0px) var(--x3zclc-borderRadius-bl-mobile,0px); max-width: var(--x3zclc-max-width-mobile, var(--x3zclc-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--x3zclc-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--x3zclc-gap,var(--beae-card-gap)); padding-top: var(--x3zclc-padding-top,var(--beae-card-padding)); padding-right: var(--x3zclc-padding-right,var(--beae-card-padding)); padding-bottom: var(--x3zclc-padding-bottom,var(--beae-card-padding)); padding-left: var(--x3zclc-padding-left,var(--beae-card-padding)); border-width: var(--x3zclc-borderWidth,var(--beae-card-border-width)); border-width: var(--x3zclc-borderWidth-tl,var(--beae-card-border-width)) var(--x3zclc-borderWidth-tr,var(--beae-card-border-width)) var(--x3zclc-borderWidth-br,var(--beae-card-border-width)) var(--x3zclc-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--x3zclc-borderRadius-tl,var(--beae-card-border-radius)) var(--x3zclc-borderRadius-tr,var(--beae-card-border-radius)) var(--x3zclc-borderRadius-br,var(--beae-card-border-radius)) var(--x3zclc-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(--x3zclc-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--x3zclc-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--x3zclc-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--x3zclc-padding-left-tablet,var(--beae-card-padding)); border-width: var(--x3zclc-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--x3zclc-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--x3zclc-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--x3zclc-borderWidth-br-desktop,var(--beae-card-border-width)) var(--x3zclc-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--x3zclc-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--x3zclc-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--x3zclc-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--x3zclc-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--x3zclc-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--x3zclc-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--x3zclc-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--x3zclc-padding-left-mobile,var(--beae-card-padding)); border-width: var(--x3zclc-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--x3zclc-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--x3zclc-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--x3zclc-borderWidth-br-mobile,var(--beae-card-border-width)) var(--x3zclc-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--x3zclc-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--x3zclc-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--x3zclc-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--x3zclc-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--x3zclc-background-color,var(--beae-card-featured-background)); border-color: var(--x3zclc-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--x3zclc-enableShadow: true): var(--x3zclc-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3zclc-shadowVertical, var(--beae-card-shadow-y)) var(--x3zclc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3zclc-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--x3zclc-background-color,var(--beae-card-prod-background)); border-color: var(--x3zclc-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--x3zclc-enableShadow: true): var(--x3zclc-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3zclc-shadowVertical, var(--beae-card-shadow-y)) var(--x3zclc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3zclc-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--x3zclc-background-color,var(--beae-card-pricing-background)); border-color: var(--x3zclc-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--x3zclc-enableShadow: true): var(--x3zclc-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3zclc-shadowVertical, var(--beae-card-shadow-y)) var(--x3zclc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3zclc-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--x3zclc-background-color,var(--beae-card-cta-background)); border-color: var(--x3zclc-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--x3zclc-enableShadow: true): var(--x3zclc-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3zclc-shadowVertical, var(--beae-card-shadow-y)) var(--x3zclc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3zclc-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--x3zclc-background-color,var(--beae-card-media-background)); border-color: var(--x3zclc-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--x3zclc-enableShadow: true): var(--x3zclc-shadowHorizontal, var(--beae-card-shadow-x)) var(--x3zclc-shadowVertical, var(--beae-card-shadow-y)) var(--x3zclc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--x3zclc-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-x3zclc"] {     display: flex;     flex-direction: var(--x3zclc-direction, column);     flex-wrap: nowrap;     justify-content: var(--x3zclc-justify-content);     align-items: var(--x3zclc-align-items);     gap: var(--x3zclc-gap, var(--x3zclc-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--x3zclc-padding-right, 0px) - var(--x3zclc-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-x3zclc"] {                            gap: var(--x3zclc-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(--x3zclc-padding-right-tablet, 0px) - var(--x3zclc-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-x3zclc"] {                            gap: var(--x3zclc-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(--x3zclc-padding-right-mobile, 0px) - var(--x3zclc-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7iyjdb"] { --7iyjdb-direction: column; --7iyjdb-direction-tablet: column; --7iyjdb-direction-mobile: column; --7iyjdb-structure: columns; --7iyjdb-structure-tablet: columns; --7iyjdb-structure-mobile: columns; --7iyjdb-align-items: center; --7iyjdb-align-items-tablet: center; --7iyjdb-align-items-mobile: center; --7iyjdb-padding-top: 16px; --7iyjdb-padding-top-tablet: 16px; --7iyjdb-padding-top-mobile: 16px; --7iyjdb-padding-right: 24px; --7iyjdb-padding-right-tablet: 24px; --7iyjdb-padding-right-mobile: 24px; --7iyjdb-padding-bottom: 16px; --7iyjdb-padding-bottom-tablet: 16px; --7iyjdb-padding-bottom-mobile: 16px; --7iyjdb-padding-left: 24px; --7iyjdb-padding-left-tablet: 24px; --7iyjdb-padding-left-mobile: 24px; --7iyjdb-gap: 4px; --7iyjdb-gap-tablet: 4px; --7iyjdb-gap-mobile: 4px; --7iyjdb-background-type: color; --7iyjdb-background-type-tablet: color; --7iyjdb-background-type-mobile: color; --7iyjdb-background-color: #21212166; --7iyjdb-background-color-tablet: #21212166; --7iyjdb-background-color-mobile: #21212166; --7iyjdb-borderRadius-tl: 8px; --7iyjdb-borderRadius-tl-tablet: 8px; --7iyjdb-borderRadius-tl-mobile: 8px; --7iyjdb-borderRadius-tr: 8px; --7iyjdb-borderRadius-tr-tablet: 8px; --7iyjdb-borderRadius-tr-mobile: 8px; --7iyjdb-borderRadius-bl: 8px; --7iyjdb-borderRadius-bl-tablet: 8px; --7iyjdb-borderRadius-bl-mobile: 8px; --7iyjdb-borderRadius-br: 8px; --7iyjdb-borderRadius-br-tablet: 8px; --7iyjdb-borderRadius-br-mobile: 8px; }[data-bnode="beae-7iyjdb"] { padding-top: var(--7iyjdb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7iyjdb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7iyjdb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7iyjdb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7iyjdb-padding-top-tablet, var(--7iyjdb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7iyjdb-padding-right-tablet, var(--7iyjdb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7iyjdb-padding-bottom-tablet, var(--7iyjdb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7iyjdb-padding-left-tablet, var(--7iyjdb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7iyjdb-padding-top-mobile, var(--7iyjdb-padding-top-tablet, var(--7iyjdb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7iyjdb-padding-right-mobile, var(--7iyjdb-padding-right-tablet, var(--7iyjdb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7iyjdb-padding-bottom-mobile, var(--7iyjdb-padding-bottom-tablet, var(--7iyjdb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7iyjdb-padding-left-mobile, var(--7iyjdb-padding-left-tablet, var(--7iyjdb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--7iyjdb-padding-left, var(--beae-slot-padding-x, 0px)) - var(--7iyjdb-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(--7iyjdb-background-imageRatio, auto); background: var(--7iyjdb-background-color,transparent); border-style: var(--7iyjdb-borderStyle,solid); border-color: var(--7iyjdb-borderColor,#000000); border-width: var(--7iyjdb-borderWidth-tl,0px) var(--7iyjdb-borderWidth-tr,0px) var(--7iyjdb-borderWidth-br,0px) var(--7iyjdb-borderWidth-bl,0px); border-radius: var(--7iyjdb-borderRadius-tl,0px) var(--7iyjdb-borderRadius-tr,0px) var(--7iyjdb-borderRadius-br,0px) var(--7iyjdb-borderRadius-bl,0px); box-shadow: if(style(--7iyjdb-enableShadow: true): var(--7iyjdb-shadowHorizontal,0) var(--7iyjdb-shadowVertical,0) var(--7iyjdb-shadowBlur,0) 1px var(--7iyjdb-shadowColor,#000000); else: none); max-width: var(--7iyjdb-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--7iyjdb-background-imageRatio-tablet, var(--7iyjdb-background-imageRatio, auto)); border-width: var(--7iyjdb-borderWidth-tl-tablet,0px) var(--7iyjdb-borderWidth-tr-tablet,0px) var(--7iyjdb-borderWidth-br-tablet,0px) var(--7iyjdb-borderWidth-bl-tablet,0px); border-radius: var(--7iyjdb-borderRadius-tl-tablet,0px) var(--7iyjdb-borderRadius-tr-tablet,0px) var(--7iyjdb-borderRadius-br-tablet,0px) var(--7iyjdb-borderRadius-bl-tablet,0px); max-width: var(--7iyjdb-max-width-tablet, var(--7iyjdb-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--7iyjdb-background-imageRatio-mobile, var(--7iyjdb-background-imageRatio, auto)); border-width: var(--7iyjdb-borderWidth-tl-mobile,0px) var(--7iyjdb-borderWidth-tr-mobile,0px) var(--7iyjdb-borderWidth-br-mobile,0px) var(--7iyjdb-borderWidth-bl-mobile,0px); border-radius: var(--7iyjdb-borderRadius-tl-mobile,0px) var(--7iyjdb-borderRadius-tr-mobile,0px) var(--7iyjdb-borderRadius-br-mobile,0px) var(--7iyjdb-borderRadius-bl-mobile,0px); max-width: var(--7iyjdb-max-width-mobile, var(--7iyjdb-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7iyjdb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--7iyjdb-gap,var(--beae-card-gap)); padding-top: var(--7iyjdb-padding-top,var(--beae-card-padding)); padding-right: var(--7iyjdb-padding-right,var(--beae-card-padding)); padding-bottom: var(--7iyjdb-padding-bottom,var(--beae-card-padding)); padding-left: var(--7iyjdb-padding-left,var(--beae-card-padding)); border-width: var(--7iyjdb-borderWidth,var(--beae-card-border-width)); border-width: var(--7iyjdb-borderWidth-tl,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-tr,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-br,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7iyjdb-borderRadius-tl,var(--beae-card-border-radius)) var(--7iyjdb-borderRadius-tr,var(--beae-card-border-radius)) var(--7iyjdb-borderRadius-br,var(--beae-card-border-radius)) var(--7iyjdb-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(--7iyjdb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7iyjdb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7iyjdb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7iyjdb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7iyjdb-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--7iyjdb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7iyjdb-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--7iyjdb-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--7iyjdb-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--7iyjdb-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--7iyjdb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7iyjdb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7iyjdb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7iyjdb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7iyjdb-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--7iyjdb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7iyjdb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7iyjdb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7iyjdb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7iyjdb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7iyjdb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7iyjdb-background-color,var(--beae-card-featured-background)); border-color: var(--7iyjdb-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--7iyjdb-enableShadow: true): var(--7iyjdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iyjdb-shadowVertical, var(--beae-card-shadow-y)) var(--7iyjdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iyjdb-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--7iyjdb-background-color,var(--beae-card-prod-background)); border-color: var(--7iyjdb-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--7iyjdb-enableShadow: true): var(--7iyjdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iyjdb-shadowVertical, var(--beae-card-shadow-y)) var(--7iyjdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iyjdb-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--7iyjdb-background-color,var(--beae-card-pricing-background)); border-color: var(--7iyjdb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--7iyjdb-enableShadow: true): var(--7iyjdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iyjdb-shadowVertical, var(--beae-card-shadow-y)) var(--7iyjdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iyjdb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--7iyjdb-background-color,var(--beae-card-cta-background)); border-color: var(--7iyjdb-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--7iyjdb-enableShadow: true): var(--7iyjdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iyjdb-shadowVertical, var(--beae-card-shadow-y)) var(--7iyjdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iyjdb-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--7iyjdb-background-color,var(--beae-card-media-background)); border-color: var(--7iyjdb-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--7iyjdb-enableShadow: true): var(--7iyjdb-shadowHorizontal, var(--beae-card-shadow-x)) var(--7iyjdb-shadowVertical, var(--beae-card-shadow-y)) var(--7iyjdb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7iyjdb-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-7iyjdb"] {     display: flex;     flex-direction: var(--7iyjdb-direction, column);     flex-wrap: nowrap;     justify-content: var(--7iyjdb-justify-content);     align-items: var(--7iyjdb-align-items);     gap: var(--7iyjdb-gap, var(--7iyjdb-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7iyjdb"] {                            gap: var(--7iyjdb-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(--7iyjdb-padding-right-tablet, 0px) - var(--7iyjdb-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7iyjdb"] {                            gap: var(--7iyjdb-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(--7iyjdb-padding-right-mobile, 0px) - var(--7iyjdb-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-tywwdc"] { --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-family: Inter; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --tywwdc-typography: h5; --tywwdc-typography-tablet: h5; --tywwdc-typography-mobile: h5; --beae-h5-text-align: center; }[data-bnode="beae-tywwdc"] { margin-top: var(--tywwdc-margin-top, 0px); margin-right: var(--tywwdc-margin-right, 0px); margin-bottom: var(--tywwdc-margin-bottom, 0px); margin-left: var(--tywwdc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tywwdc-margin-top-tablet, 0px); margin-right: var(--tywwdc-margin-right-tablet, 0px); margin-bottom: var(--tywwdc-margin-bottom-tablet, 0px); margin-left: var(--tywwdc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tywwdc-margin-top-mobile, 0px); margin-right: var(--tywwdc-margin-right-mobile, 0px); margin-bottom: var(--tywwdc-margin-bottom-mobile, 0px); margin-left: var(--tywwdc-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--tywwdc-highlightColor,var(--beae-p-color)); top: var(--tywwdc-highlightTop, 100%); } }[data-bnode="beae-jxy4wo"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --jxy4wo-typography: p; --jxy4wo-typography-tablet: p; --jxy4wo-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-jxy4wo"] { margin-top: var(--jxy4wo-margin-top, 0px); margin-right: var(--jxy4wo-margin-right, 0px); margin-bottom: var(--jxy4wo-margin-bottom, 0px); margin-left: var(--jxy4wo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jxy4wo-margin-top-tablet, 0px); margin-right: var(--jxy4wo-margin-right-tablet, 0px); margin-bottom: var(--jxy4wo-margin-bottom-tablet, 0px); margin-left: var(--jxy4wo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jxy4wo-margin-top-mobile, 0px); margin-right: var(--jxy4wo-margin-right-mobile, 0px); margin-bottom: var(--jxy4wo-margin-bottom-mobile, 0px); margin-left: var(--jxy4wo-margin-left-mobile, 0px); } }[data-bnode="beae-lgs9ts"] { --lgs9ts-direction: row; --lgs9ts-direction-tablet: row; --lgs9ts-direction-mobile: row; --lgs9ts-structure: columns; --lgs9ts-structure-tablet: columns; --lgs9ts-structure-mobile: columns; --lgs9ts-background-type: image; --lgs9ts-background-type-tablet: image; --lgs9ts-background-type-mobile: image; --lgs9ts-background-image: [object Object]; --lgs9ts-background-image-tablet: [object Object]; --lgs9ts-background-image-mobile: [object Object]; --lgs9ts-background-imageRatio: 3/4; --lgs9ts-background-imageRatio-tablet: 3/4; --lgs9ts-background-imageRatio-mobile: 3/4; --lgs9ts-background-imageRatio-mobile: 1/1; --lgs9ts-background-imageRatio-mobile-tablet: 1/1; --lgs9ts-background-imageRatio-mobile-mobile: 1/1; --lgs9ts-borderRadius-tl: 16px; --lgs9ts-borderRadius-tl-tablet: 16px; --lgs9ts-borderRadius-tl-mobile: 16px; --lgs9ts-borderRadius-tr: 16px; --lgs9ts-borderRadius-tr-tablet: 16px; --lgs9ts-borderRadius-tr-mobile: 16px; --lgs9ts-borderRadius-bl: 16px; --lgs9ts-borderRadius-bl-tablet: 16px; --lgs9ts-borderRadius-bl-mobile: 16px; --lgs9ts-borderRadius-br: 16px; --lgs9ts-borderRadius-br-tablet: 16px; --lgs9ts-borderRadius-br-mobile: 16px; --lgs9ts-align-items: flex-end; --lgs9ts-align-items-tablet: flex-end; --lgs9ts-align-items-mobile: flex-end; --lgs9ts-padding-top: 10px; --lgs9ts-padding-top-tablet: 10px; --lgs9ts-padding-top-mobile: 10px; --lgs9ts-padding-right: 10px; --lgs9ts-padding-right-tablet: 10px; --lgs9ts-padding-right-mobile: 10px; --lgs9ts-padding-bottom: 10px; --lgs9ts-padding-bottom-tablet: 10px; --lgs9ts-padding-bottom-mobile: 10px; --lgs9ts-padding-left: 10px; --lgs9ts-padding-left-tablet: 10px; --lgs9ts-padding-left-mobile: 10px; }[data-bnode="beae-lgs9ts"] { padding-top: var(--lgs9ts-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lgs9ts-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lgs9ts-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lgs9ts-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lgs9ts-padding-top-tablet, var(--lgs9ts-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lgs9ts-padding-right-tablet, var(--lgs9ts-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lgs9ts-padding-bottom-tablet, var(--lgs9ts-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lgs9ts-padding-left-tablet, var(--lgs9ts-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lgs9ts-padding-top-mobile, var(--lgs9ts-padding-top-tablet, var(--lgs9ts-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lgs9ts-padding-right-mobile, var(--lgs9ts-padding-right-tablet, var(--lgs9ts-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lgs9ts-padding-bottom-mobile, var(--lgs9ts-padding-bottom-tablet, var(--lgs9ts-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lgs9ts-padding-left-mobile, var(--lgs9ts-padding-left-tablet, var(--lgs9ts-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lgs9ts-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lgs9ts-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(--lgs9ts-background-imageRatio, auto); background: var(--lgs9ts-background-color,transparent); border-style: var(--lgs9ts-borderStyle,solid); border-color: var(--lgs9ts-borderColor,#000000); border-width: var(--lgs9ts-borderWidth-tl,0px) var(--lgs9ts-borderWidth-tr,0px) var(--lgs9ts-borderWidth-br,0px) var(--lgs9ts-borderWidth-bl,0px); border-radius: var(--lgs9ts-borderRadius-tl,0px) var(--lgs9ts-borderRadius-tr,0px) var(--lgs9ts-borderRadius-br,0px) var(--lgs9ts-borderRadius-bl,0px); box-shadow: if(style(--lgs9ts-enableShadow: true): var(--lgs9ts-shadowHorizontal,0) var(--lgs9ts-shadowVertical,0) var(--lgs9ts-shadowBlur,0) 1px var(--lgs9ts-shadowColor,#000000); else: none); max-width: var(--lgs9ts-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lgs9ts-background-imageRatio-tablet, var(--lgs9ts-background-imageRatio, auto)); border-width: var(--lgs9ts-borderWidth-tl-tablet,0px) var(--lgs9ts-borderWidth-tr-tablet,0px) var(--lgs9ts-borderWidth-br-tablet,0px) var(--lgs9ts-borderWidth-bl-tablet,0px); border-radius: var(--lgs9ts-borderRadius-tl-tablet,0px) var(--lgs9ts-borderRadius-tr-tablet,0px) var(--lgs9ts-borderRadius-br-tablet,0px) var(--lgs9ts-borderRadius-bl-tablet,0px); max-width: var(--lgs9ts-max-width-tablet, var(--lgs9ts-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lgs9ts-background-imageRatio-mobile, var(--lgs9ts-background-imageRatio, auto)); border-width: var(--lgs9ts-borderWidth-tl-mobile,0px) var(--lgs9ts-borderWidth-tr-mobile,0px) var(--lgs9ts-borderWidth-br-mobile,0px) var(--lgs9ts-borderWidth-bl-mobile,0px); border-radius: var(--lgs9ts-borderRadius-tl-mobile,0px) var(--lgs9ts-borderRadius-tr-mobile,0px) var(--lgs9ts-borderRadius-br-mobile,0px) var(--lgs9ts-borderRadius-bl-mobile,0px); max-width: var(--lgs9ts-max-width-mobile, var(--lgs9ts-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lgs9ts-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lgs9ts-gap,var(--beae-card-gap)); padding-top: var(--lgs9ts-padding-top,var(--beae-card-padding)); padding-right: var(--lgs9ts-padding-right,var(--beae-card-padding)); padding-bottom: var(--lgs9ts-padding-bottom,var(--beae-card-padding)); padding-left: var(--lgs9ts-padding-left,var(--beae-card-padding)); border-width: var(--lgs9ts-borderWidth,var(--beae-card-border-width)); border-width: var(--lgs9ts-borderWidth-tl,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-tr,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-br,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lgs9ts-borderRadius-tl,var(--beae-card-border-radius)) var(--lgs9ts-borderRadius-tr,var(--beae-card-border-radius)) var(--lgs9ts-borderRadius-br,var(--beae-card-border-radius)) var(--lgs9ts-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(--lgs9ts-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lgs9ts-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lgs9ts-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lgs9ts-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lgs9ts-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lgs9ts-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lgs9ts-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lgs9ts-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lgs9ts-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lgs9ts-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lgs9ts-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lgs9ts-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lgs9ts-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lgs9ts-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lgs9ts-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lgs9ts-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lgs9ts-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lgs9ts-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lgs9ts-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lgs9ts-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lgs9ts-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lgs9ts-background-color,var(--beae-card-featured-background)); border-color: var(--lgs9ts-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lgs9ts-enableShadow: true): var(--lgs9ts-shadowHorizontal, var(--beae-card-shadow-x)) var(--lgs9ts-shadowVertical, var(--beae-card-shadow-y)) var(--lgs9ts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lgs9ts-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lgs9ts-background-color,var(--beae-card-prod-background)); border-color: var(--lgs9ts-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lgs9ts-enableShadow: true): var(--lgs9ts-shadowHorizontal, var(--beae-card-shadow-x)) var(--lgs9ts-shadowVertical, var(--beae-card-shadow-y)) var(--lgs9ts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lgs9ts-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lgs9ts-background-color,var(--beae-card-pricing-background)); border-color: var(--lgs9ts-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lgs9ts-enableShadow: true): var(--lgs9ts-shadowHorizontal, var(--beae-card-shadow-x)) var(--lgs9ts-shadowVertical, var(--beae-card-shadow-y)) var(--lgs9ts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lgs9ts-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lgs9ts-background-color,var(--beae-card-cta-background)); border-color: var(--lgs9ts-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lgs9ts-enableShadow: true): var(--lgs9ts-shadowHorizontal, var(--beae-card-shadow-x)) var(--lgs9ts-shadowVertical, var(--beae-card-shadow-y)) var(--lgs9ts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lgs9ts-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lgs9ts-background-color,var(--beae-card-media-background)); border-color: var(--lgs9ts-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lgs9ts-enableShadow: true): var(--lgs9ts-shadowHorizontal, var(--beae-card-shadow-x)) var(--lgs9ts-shadowVertical, var(--beae-card-shadow-y)) var(--lgs9ts-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lgs9ts-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-lgs9ts"] {     display: flex;     flex-direction: var(--lgs9ts-direction, column);     flex-wrap: nowrap;     justify-content: var(--lgs9ts-justify-content);     align-items: var(--lgs9ts-align-items);     gap: var(--lgs9ts-gap, var(--lgs9ts-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--lgs9ts-padding-right, 0px) - var(--lgs9ts-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lgs9ts"] {                            gap: var(--lgs9ts-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(--lgs9ts-padding-right-tablet, 0px) - var(--lgs9ts-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-lgs9ts"] {                            gap: var(--lgs9ts-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(--lgs9ts-padding-right-mobile, 0px) - var(--lgs9ts-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0c3thk"] { --0c3thk-direction: column; --0c3thk-direction-tablet: column; --0c3thk-direction-mobile: column; --0c3thk-structure: columns; --0c3thk-structure-tablet: columns; --0c3thk-structure-mobile: columns; --0c3thk-align-items: center; --0c3thk-align-items-tablet: center; --0c3thk-align-items-mobile: center; --0c3thk-padding-top: 16px; --0c3thk-padding-top-tablet: 16px; --0c3thk-padding-top-mobile: 16px; --0c3thk-padding-right: 24px; --0c3thk-padding-right-tablet: 24px; --0c3thk-padding-right-mobile: 24px; --0c3thk-padding-bottom: 16px; --0c3thk-padding-bottom-tablet: 16px; --0c3thk-padding-bottom-mobile: 16px; --0c3thk-padding-left: 24px; --0c3thk-padding-left-tablet: 24px; --0c3thk-padding-left-mobile: 24px; --0c3thk-gap: 4px; --0c3thk-gap-tablet: 4px; --0c3thk-gap-mobile: 4px; --0c3thk-background-type: color; --0c3thk-background-type-tablet: color; --0c3thk-background-type-mobile: color; --0c3thk-background-color: #21212166; --0c3thk-background-color-tablet: #21212166; --0c3thk-background-color-mobile: #21212166; --0c3thk-borderRadius-tl: 8px; --0c3thk-borderRadius-tl-tablet: 8px; --0c3thk-borderRadius-tl-mobile: 8px; --0c3thk-borderRadius-tr: 8px; --0c3thk-borderRadius-tr-tablet: 8px; --0c3thk-borderRadius-tr-mobile: 8px; --0c3thk-borderRadius-bl: 8px; --0c3thk-borderRadius-bl-tablet: 8px; --0c3thk-borderRadius-bl-mobile: 8px; --0c3thk-borderRadius-br: 8px; --0c3thk-borderRadius-br-tablet: 8px; --0c3thk-borderRadius-br-mobile: 8px; }[data-bnode="beae-0c3thk"] { padding-top: var(--0c3thk-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--0c3thk-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--0c3thk-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--0c3thk-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--0c3thk-padding-top-tablet, var(--0c3thk-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--0c3thk-padding-right-tablet, var(--0c3thk-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--0c3thk-padding-bottom-tablet, var(--0c3thk-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--0c3thk-padding-left-tablet, var(--0c3thk-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--0c3thk-padding-top-mobile, var(--0c3thk-padding-top-tablet, var(--0c3thk-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--0c3thk-padding-right-mobile, var(--0c3thk-padding-right-tablet, var(--0c3thk-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--0c3thk-padding-bottom-mobile, var(--0c3thk-padding-bottom-tablet, var(--0c3thk-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--0c3thk-padding-left-mobile, var(--0c3thk-padding-left-tablet, var(--0c3thk-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--0c3thk-padding-left, var(--beae-slot-padding-x, 0px)) - var(--0c3thk-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(--0c3thk-background-imageRatio, auto); background: var(--0c3thk-background-color,transparent); border-style: var(--0c3thk-borderStyle,solid); border-color: var(--0c3thk-borderColor,#000000); border-width: var(--0c3thk-borderWidth-tl,0px) var(--0c3thk-borderWidth-tr,0px) var(--0c3thk-borderWidth-br,0px) var(--0c3thk-borderWidth-bl,0px); border-radius: var(--0c3thk-borderRadius-tl,0px) var(--0c3thk-borderRadius-tr,0px) var(--0c3thk-borderRadius-br,0px) var(--0c3thk-borderRadius-bl,0px); box-shadow: if(style(--0c3thk-enableShadow: true): var(--0c3thk-shadowHorizontal,0) var(--0c3thk-shadowVertical,0) var(--0c3thk-shadowBlur,0) 1px var(--0c3thk-shadowColor,#000000); else: none); max-width: var(--0c3thk-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--0c3thk-background-imageRatio-tablet, var(--0c3thk-background-imageRatio, auto)); border-width: var(--0c3thk-borderWidth-tl-tablet,0px) var(--0c3thk-borderWidth-tr-tablet,0px) var(--0c3thk-borderWidth-br-tablet,0px) var(--0c3thk-borderWidth-bl-tablet,0px); border-radius: var(--0c3thk-borderRadius-tl-tablet,0px) var(--0c3thk-borderRadius-tr-tablet,0px) var(--0c3thk-borderRadius-br-tablet,0px) var(--0c3thk-borderRadius-bl-tablet,0px); max-width: var(--0c3thk-max-width-tablet, var(--0c3thk-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--0c3thk-background-imageRatio-mobile, var(--0c3thk-background-imageRatio, auto)); border-width: var(--0c3thk-borderWidth-tl-mobile,0px) var(--0c3thk-borderWidth-tr-mobile,0px) var(--0c3thk-borderWidth-br-mobile,0px) var(--0c3thk-borderWidth-bl-mobile,0px); border-radius: var(--0c3thk-borderRadius-tl-mobile,0px) var(--0c3thk-borderRadius-tr-mobile,0px) var(--0c3thk-borderRadius-br-mobile,0px) var(--0c3thk-borderRadius-bl-mobile,0px); max-width: var(--0c3thk-max-width-mobile, var(--0c3thk-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--0c3thk-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--0c3thk-gap,var(--beae-card-gap)); padding-top: var(--0c3thk-padding-top,var(--beae-card-padding)); padding-right: var(--0c3thk-padding-right,var(--beae-card-padding)); padding-bottom: var(--0c3thk-padding-bottom,var(--beae-card-padding)); padding-left: var(--0c3thk-padding-left,var(--beae-card-padding)); border-width: var(--0c3thk-borderWidth,var(--beae-card-border-width)); border-width: var(--0c3thk-borderWidth-tl,var(--beae-card-border-width)) var(--0c3thk-borderWidth-tr,var(--beae-card-border-width)) var(--0c3thk-borderWidth-br,var(--beae-card-border-width)) var(--0c3thk-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--0c3thk-borderRadius-tl,var(--beae-card-border-radius)) var(--0c3thk-borderRadius-tr,var(--beae-card-border-radius)) var(--0c3thk-borderRadius-br,var(--beae-card-border-radius)) var(--0c3thk-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(--0c3thk-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--0c3thk-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--0c3thk-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--0c3thk-padding-left-tablet,var(--beae-card-padding)); border-width: var(--0c3thk-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--0c3thk-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--0c3thk-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--0c3thk-borderWidth-br-desktop,var(--beae-card-border-width)) var(--0c3thk-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--0c3thk-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--0c3thk-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--0c3thk-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--0c3thk-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--0c3thk-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--0c3thk-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--0c3thk-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--0c3thk-padding-left-mobile,var(--beae-card-padding)); border-width: var(--0c3thk-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--0c3thk-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--0c3thk-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--0c3thk-borderWidth-br-mobile,var(--beae-card-border-width)) var(--0c3thk-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--0c3thk-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--0c3thk-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--0c3thk-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--0c3thk-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--0c3thk-background-color,var(--beae-card-featured-background)); border-color: var(--0c3thk-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--0c3thk-enableShadow: true): var(--0c3thk-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c3thk-shadowVertical, var(--beae-card-shadow-y)) var(--0c3thk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c3thk-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--0c3thk-background-color,var(--beae-card-prod-background)); border-color: var(--0c3thk-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--0c3thk-enableShadow: true): var(--0c3thk-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c3thk-shadowVertical, var(--beae-card-shadow-y)) var(--0c3thk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c3thk-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--0c3thk-background-color,var(--beae-card-pricing-background)); border-color: var(--0c3thk-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--0c3thk-enableShadow: true): var(--0c3thk-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c3thk-shadowVertical, var(--beae-card-shadow-y)) var(--0c3thk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c3thk-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--0c3thk-background-color,var(--beae-card-cta-background)); border-color: var(--0c3thk-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--0c3thk-enableShadow: true): var(--0c3thk-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c3thk-shadowVertical, var(--beae-card-shadow-y)) var(--0c3thk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c3thk-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--0c3thk-background-color,var(--beae-card-media-background)); border-color: var(--0c3thk-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--0c3thk-enableShadow: true): var(--0c3thk-shadowHorizontal, var(--beae-card-shadow-x)) var(--0c3thk-shadowVertical, var(--beae-card-shadow-y)) var(--0c3thk-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0c3thk-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-0c3thk"] {     display: flex;     flex-direction: var(--0c3thk-direction, column);     flex-wrap: nowrap;     justify-content: var(--0c3thk-justify-content);     align-items: var(--0c3thk-align-items);     gap: var(--0c3thk-gap, var(--0c3thk-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-0c3thk"] {                            gap: var(--0c3thk-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(--0c3thk-padding-right-tablet, 0px) - var(--0c3thk-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-0c3thk"] {                            gap: var(--0c3thk-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(--0c3thk-padding-right-mobile, 0px) - var(--0c3thk-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fhc0gs"] { --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-family: Inter; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --fhc0gs-typography: h5; --fhc0gs-typography-tablet: h5; --fhc0gs-typography-mobile: h5; --beae-h5-text-align: center; }[data-bnode="beae-fhc0gs"] { margin-top: var(--fhc0gs-margin-top, 0px); margin-right: var(--fhc0gs-margin-right, 0px); margin-bottom: var(--fhc0gs-margin-bottom, 0px); margin-left: var(--fhc0gs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fhc0gs-margin-top-tablet, 0px); margin-right: var(--fhc0gs-margin-right-tablet, 0px); margin-bottom: var(--fhc0gs-margin-bottom-tablet, 0px); margin-left: var(--fhc0gs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fhc0gs-margin-top-mobile, 0px); margin-right: var(--fhc0gs-margin-right-mobile, 0px); margin-bottom: var(--fhc0gs-margin-bottom-mobile, 0px); margin-left: var(--fhc0gs-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--fhc0gs-highlightColor,var(--beae-p-color)); top: var(--fhc0gs-highlightTop, 100%); } }[data-bnode="beae-dn6371"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --dn6371-typography: p; --dn6371-typography-tablet: p; --dn6371-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-dn6371"] { margin-top: var(--dn6371-margin-top, 0px); margin-right: var(--dn6371-margin-right, 0px); margin-bottom: var(--dn6371-margin-bottom, 0px); margin-left: var(--dn6371-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dn6371-margin-top-tablet, 0px); margin-right: var(--dn6371-margin-right-tablet, 0px); margin-bottom: var(--dn6371-margin-bottom-tablet, 0px); margin-left: var(--dn6371-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dn6371-margin-top-mobile, 0px); margin-right: var(--dn6371-margin-right-mobile, 0px); margin-bottom: var(--dn6371-margin-bottom-mobile, 0px); margin-left: var(--dn6371-margin-left-mobile, 0px); } }[data-bnode="beae-ewwisf"] { --ewwisf-direction: column; --ewwisf-direction-tablet: row; --ewwisf-direction-mobile: column; --ewwisf-align-items: stretch; --ewwisf-align-items-tablet: stretch; --ewwisf-align-items-mobile: stretch; --ewwisf-gap: 20px; --ewwisf-gap-tablet: 16px; --ewwisf-gap-mobile: 16px; }[data-bnode="beae-ewwisf"] { padding-top: var(--ewwisf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ewwisf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ewwisf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ewwisf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ewwisf-padding-top-tablet, var(--ewwisf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ewwisf-padding-right-tablet, var(--ewwisf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ewwisf-padding-bottom-tablet, var(--ewwisf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ewwisf-padding-left-tablet, var(--ewwisf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ewwisf-padding-top-mobile, var(--ewwisf-padding-top-tablet, var(--ewwisf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ewwisf-padding-right-mobile, var(--ewwisf-padding-right-tablet, var(--ewwisf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ewwisf-padding-bottom-mobile, var(--ewwisf-padding-bottom-tablet, var(--ewwisf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ewwisf-padding-left-mobile, var(--ewwisf-padding-left-tablet, var(--ewwisf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--ewwisf-padding-left, var(--beae-slot-padding-x, 0px)) - var(--ewwisf-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(--ewwisf-background-imageRatio, auto); background: var(--ewwisf-background-color,transparent); border-style: var(--ewwisf-borderStyle,solid); border-color: var(--ewwisf-borderColor,#000000); border-width: var(--ewwisf-borderWidth-tl,0px) var(--ewwisf-borderWidth-tr,0px) var(--ewwisf-borderWidth-br,0px) var(--ewwisf-borderWidth-bl,0px); border-radius: var(--ewwisf-borderRadius-tl,0px) var(--ewwisf-borderRadius-tr,0px) var(--ewwisf-borderRadius-br,0px) var(--ewwisf-borderRadius-bl,0px); box-shadow: if(style(--ewwisf-enableShadow: true): var(--ewwisf-shadowHorizontal,0) var(--ewwisf-shadowVertical,0) var(--ewwisf-shadowBlur,0) 1px var(--ewwisf-shadowColor,#000000); else: none); max-width: var(--ewwisf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--ewwisf-background-imageRatio-tablet, var(--ewwisf-background-imageRatio, auto)); border-width: var(--ewwisf-borderWidth-tl-tablet,0px) var(--ewwisf-borderWidth-tr-tablet,0px) var(--ewwisf-borderWidth-br-tablet,0px) var(--ewwisf-borderWidth-bl-tablet,0px); border-radius: var(--ewwisf-borderRadius-tl-tablet,0px) var(--ewwisf-borderRadius-tr-tablet,0px) var(--ewwisf-borderRadius-br-tablet,0px) var(--ewwisf-borderRadius-bl-tablet,0px); max-width: var(--ewwisf-max-width-tablet, var(--ewwisf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--ewwisf-background-imageRatio-mobile, var(--ewwisf-background-imageRatio, auto)); border-width: var(--ewwisf-borderWidth-tl-mobile,0px) var(--ewwisf-borderWidth-tr-mobile,0px) var(--ewwisf-borderWidth-br-mobile,0px) var(--ewwisf-borderWidth-bl-mobile,0px); border-radius: var(--ewwisf-borderRadius-tl-mobile,0px) var(--ewwisf-borderRadius-tr-mobile,0px) var(--ewwisf-borderRadius-br-mobile,0px) var(--ewwisf-borderRadius-bl-mobile,0px); max-width: var(--ewwisf-max-width-mobile, var(--ewwisf-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ewwisf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--ewwisf-gap,var(--beae-card-gap)); padding-top: var(--ewwisf-padding-top,var(--beae-card-padding)); padding-right: var(--ewwisf-padding-right,var(--beae-card-padding)); padding-bottom: var(--ewwisf-padding-bottom,var(--beae-card-padding)); padding-left: var(--ewwisf-padding-left,var(--beae-card-padding)); border-width: var(--ewwisf-borderWidth,var(--beae-card-border-width)); border-width: var(--ewwisf-borderWidth-tl,var(--beae-card-border-width)) var(--ewwisf-borderWidth-tr,var(--beae-card-border-width)) var(--ewwisf-borderWidth-br,var(--beae-card-border-width)) var(--ewwisf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ewwisf-borderRadius-tl,var(--beae-card-border-radius)) var(--ewwisf-borderRadius-tr,var(--beae-card-border-radius)) var(--ewwisf-borderRadius-br,var(--beae-card-border-radius)) var(--ewwisf-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(--ewwisf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ewwisf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ewwisf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ewwisf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ewwisf-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--ewwisf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ewwisf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ewwisf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ewwisf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ewwisf-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--ewwisf-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--ewwisf-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--ewwisf-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--ewwisf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ewwisf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ewwisf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ewwisf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ewwisf-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--ewwisf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ewwisf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ewwisf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ewwisf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ewwisf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ewwisf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ewwisf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ewwisf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ewwisf-background-color,var(--beae-card-featured-background)); border-color: var(--ewwisf-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--ewwisf-enableShadow: true): var(--ewwisf-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewwisf-shadowVertical, var(--beae-card-shadow-y)) var(--ewwisf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewwisf-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--ewwisf-background-color,var(--beae-card-prod-background)); border-color: var(--ewwisf-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--ewwisf-enableShadow: true): var(--ewwisf-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewwisf-shadowVertical, var(--beae-card-shadow-y)) var(--ewwisf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewwisf-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--ewwisf-background-color,var(--beae-card-pricing-background)); border-color: var(--ewwisf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--ewwisf-enableShadow: true): var(--ewwisf-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewwisf-shadowVertical, var(--beae-card-shadow-y)) var(--ewwisf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewwisf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--ewwisf-background-color,var(--beae-card-cta-background)); border-color: var(--ewwisf-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--ewwisf-enableShadow: true): var(--ewwisf-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewwisf-shadowVertical, var(--beae-card-shadow-y)) var(--ewwisf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewwisf-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--ewwisf-background-color,var(--beae-card-media-background)); border-color: var(--ewwisf-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--ewwisf-enableShadow: true): var(--ewwisf-shadowHorizontal, var(--beae-card-shadow-x)) var(--ewwisf-shadowVertical, var(--beae-card-shadow-y)) var(--ewwisf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ewwisf-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-ewwisf"] {     display: flex;     flex-direction: var(--ewwisf-direction, column);     flex-wrap: nowrap;     justify-content: var(--ewwisf-justify-content);     align-items: var(--ewwisf-align-items);     gap: var(--ewwisf-gap, var(--ewwisf-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ewwisf"] {      flex-direction: var(--ewwisf-direction-tablet, column);                      gap: var(--ewwisf-gap-tablet, var(--ewwisf-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(--ewwisf-padding-right-tablet, 0px) - var(--ewwisf-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ewwisf"] {      flex-direction: var(--ewwisf-direction-mobile, column);                      gap: var(--ewwisf-gap-mobile, var(--ewwisf-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-5ny9f1"] { --5ny9f1-direction: row; --5ny9f1-direction-tablet: row; --5ny9f1-direction-mobile: row; --5ny9f1-structure: columns; --5ny9f1-structure-tablet: columns; --5ny9f1-structure-mobile: columns; --5ny9f1-background-type: image; --5ny9f1-background-type-tablet: image; --5ny9f1-background-type-mobile: image; --5ny9f1-background-image: [object Object]; --5ny9f1-background-image-tablet: [object Object]; --5ny9f1-background-image-mobile: [object Object]; --5ny9f1-background-imageRatio: 20/13; --5ny9f1-background-imageRatio-tablet: 20/13; --5ny9f1-background-imageRatio-mobile: 20/13; --5ny9f1-background-imageRatio-mobile: 1/1; --5ny9f1-background-imageRatio-mobile-tablet: 1/1; --5ny9f1-background-imageRatio-mobile-mobile: 1/1; --5ny9f1-borderRadius-tl: 16px; --5ny9f1-borderRadius-tl-tablet: 16px; --5ny9f1-borderRadius-tl-mobile: 16px; --5ny9f1-borderRadius-tr: 16px; --5ny9f1-borderRadius-tr-tablet: 16px; --5ny9f1-borderRadius-tr-mobile: 16px; --5ny9f1-borderRadius-bl: 16px; --5ny9f1-borderRadius-bl-tablet: 16px; --5ny9f1-borderRadius-bl-mobile: 16px; --5ny9f1-borderRadius-br: 16px; --5ny9f1-borderRadius-br-tablet: 16px; --5ny9f1-borderRadius-br-mobile: 16px; --5ny9f1-align-items: flex-end; --5ny9f1-align-items-tablet: flex-end; --5ny9f1-align-items-mobile: flex-end; --5ny9f1-padding-top: 10px; --5ny9f1-padding-top-tablet: 10px; --5ny9f1-padding-top-mobile: 10px; --5ny9f1-padding-right: 10px; --5ny9f1-padding-right-tablet: 10px; --5ny9f1-padding-right-mobile: 10px; --5ny9f1-padding-bottom: 10px; --5ny9f1-padding-bottom-tablet: 10px; --5ny9f1-padding-bottom-mobile: 10px; --5ny9f1-padding-left: 10px; --5ny9f1-padding-left-tablet: 10px; --5ny9f1-padding-left-mobile: 10px; }[data-bnode="beae-5ny9f1"] { padding-top: var(--5ny9f1-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--5ny9f1-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--5ny9f1-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--5ny9f1-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5ny9f1-padding-top-tablet, var(--5ny9f1-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--5ny9f1-padding-right-tablet, var(--5ny9f1-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--5ny9f1-padding-bottom-tablet, var(--5ny9f1-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--5ny9f1-padding-left-tablet, var(--5ny9f1-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5ny9f1-padding-top-mobile, var(--5ny9f1-padding-top-tablet, var(--5ny9f1-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--5ny9f1-padding-right-mobile, var(--5ny9f1-padding-right-tablet, var(--5ny9f1-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--5ny9f1-padding-bottom-mobile, var(--5ny9f1-padding-bottom-tablet, var(--5ny9f1-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--5ny9f1-padding-left-mobile, var(--5ny9f1-padding-left-tablet, var(--5ny9f1-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--5ny9f1-padding-left, var(--beae-slot-padding-x, 0px)) - var(--5ny9f1-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(--5ny9f1-background-imageRatio, auto); background: var(--5ny9f1-background-color,transparent); border-style: var(--5ny9f1-borderStyle,solid); border-color: var(--5ny9f1-borderColor,#000000); border-width: var(--5ny9f1-borderWidth-tl,0px) var(--5ny9f1-borderWidth-tr,0px) var(--5ny9f1-borderWidth-br,0px) var(--5ny9f1-borderWidth-bl,0px); border-radius: var(--5ny9f1-borderRadius-tl,0px) var(--5ny9f1-borderRadius-tr,0px) var(--5ny9f1-borderRadius-br,0px) var(--5ny9f1-borderRadius-bl,0px); box-shadow: if(style(--5ny9f1-enableShadow: true): var(--5ny9f1-shadowHorizontal,0) var(--5ny9f1-shadowVertical,0) var(--5ny9f1-shadowBlur,0) 1px var(--5ny9f1-shadowColor,#000000); else: none); max-width: var(--5ny9f1-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--5ny9f1-background-imageRatio-tablet, var(--5ny9f1-background-imageRatio, auto)); border-width: var(--5ny9f1-borderWidth-tl-tablet,0px) var(--5ny9f1-borderWidth-tr-tablet,0px) var(--5ny9f1-borderWidth-br-tablet,0px) var(--5ny9f1-borderWidth-bl-tablet,0px); border-radius: var(--5ny9f1-borderRadius-tl-tablet,0px) var(--5ny9f1-borderRadius-tr-tablet,0px) var(--5ny9f1-borderRadius-br-tablet,0px) var(--5ny9f1-borderRadius-bl-tablet,0px); max-width: var(--5ny9f1-max-width-tablet, var(--5ny9f1-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--5ny9f1-background-imageRatio-mobile, var(--5ny9f1-background-imageRatio, auto)); border-width: var(--5ny9f1-borderWidth-tl-mobile,0px) var(--5ny9f1-borderWidth-tr-mobile,0px) var(--5ny9f1-borderWidth-br-mobile,0px) var(--5ny9f1-borderWidth-bl-mobile,0px); border-radius: var(--5ny9f1-borderRadius-tl-mobile,0px) var(--5ny9f1-borderRadius-tr-mobile,0px) var(--5ny9f1-borderRadius-br-mobile,0px) var(--5ny9f1-borderRadius-bl-mobile,0px); max-width: var(--5ny9f1-max-width-mobile, var(--5ny9f1-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--5ny9f1-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--5ny9f1-gap,var(--beae-card-gap)); padding-top: var(--5ny9f1-padding-top,var(--beae-card-padding)); padding-right: var(--5ny9f1-padding-right,var(--beae-card-padding)); padding-bottom: var(--5ny9f1-padding-bottom,var(--beae-card-padding)); padding-left: var(--5ny9f1-padding-left,var(--beae-card-padding)); border-width: var(--5ny9f1-borderWidth,var(--beae-card-border-width)); border-width: var(--5ny9f1-borderWidth-tl,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-tr,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-br,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5ny9f1-borderRadius-tl,var(--beae-card-border-radius)) var(--5ny9f1-borderRadius-tr,var(--beae-card-border-radius)) var(--5ny9f1-borderRadius-br,var(--beae-card-border-radius)) var(--5ny9f1-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(--5ny9f1-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--5ny9f1-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--5ny9f1-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--5ny9f1-padding-left-tablet,var(--beae-card-padding)); border-width: var(--5ny9f1-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--5ny9f1-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-br-desktop,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--5ny9f1-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--5ny9f1-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--5ny9f1-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--5ny9f1-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--5ny9f1-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--5ny9f1-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--5ny9f1-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--5ny9f1-padding-left-mobile,var(--beae-card-padding)); border-width: var(--5ny9f1-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--5ny9f1-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-br-mobile,var(--beae-card-border-width)) var(--5ny9f1-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--5ny9f1-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--5ny9f1-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--5ny9f1-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--5ny9f1-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--5ny9f1-background-color,var(--beae-card-featured-background)); border-color: var(--5ny9f1-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--5ny9f1-enableShadow: true): var(--5ny9f1-shadowHorizontal, var(--beae-card-shadow-x)) var(--5ny9f1-shadowVertical, var(--beae-card-shadow-y)) var(--5ny9f1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5ny9f1-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--5ny9f1-background-color,var(--beae-card-prod-background)); border-color: var(--5ny9f1-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--5ny9f1-enableShadow: true): var(--5ny9f1-shadowHorizontal, var(--beae-card-shadow-x)) var(--5ny9f1-shadowVertical, var(--beae-card-shadow-y)) var(--5ny9f1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5ny9f1-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--5ny9f1-background-color,var(--beae-card-pricing-background)); border-color: var(--5ny9f1-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--5ny9f1-enableShadow: true): var(--5ny9f1-shadowHorizontal, var(--beae-card-shadow-x)) var(--5ny9f1-shadowVertical, var(--beae-card-shadow-y)) var(--5ny9f1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5ny9f1-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--5ny9f1-background-color,var(--beae-card-cta-background)); border-color: var(--5ny9f1-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--5ny9f1-enableShadow: true): var(--5ny9f1-shadowHorizontal, var(--beae-card-shadow-x)) var(--5ny9f1-shadowVertical, var(--beae-card-shadow-y)) var(--5ny9f1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5ny9f1-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--5ny9f1-background-color,var(--beae-card-media-background)); border-color: var(--5ny9f1-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--5ny9f1-enableShadow: true): var(--5ny9f1-shadowHorizontal, var(--beae-card-shadow-x)) var(--5ny9f1-shadowVertical, var(--beae-card-shadow-y)) var(--5ny9f1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5ny9f1-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-5ny9f1"] {     display: flex;     flex-direction: var(--5ny9f1-direction, column);     flex-wrap: nowrap;     justify-content: var(--5ny9f1-justify-content);     align-items: var(--5ny9f1-align-items);     gap: var(--5ny9f1-gap, var(--5ny9f1-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--5ny9f1-padding-right, 0px) - var(--5ny9f1-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5ny9f1"] {                            gap: var(--5ny9f1-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(--5ny9f1-padding-right-tablet, 0px) - var(--5ny9f1-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5ny9f1"] {                            gap: var(--5ny9f1-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(--5ny9f1-padding-right-mobile, 0px) - var(--5ny9f1-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-avjo8g"] { --avjo8g-direction: column; --avjo8g-direction-tablet: column; --avjo8g-direction-mobile: column; --avjo8g-structure: columns; --avjo8g-structure-tablet: columns; --avjo8g-structure-mobile: columns; --avjo8g-align-items: center; --avjo8g-align-items-tablet: center; --avjo8g-align-items-mobile: center; --avjo8g-padding-top: 16px; --avjo8g-padding-top-tablet: 16px; --avjo8g-padding-top-mobile: 16px; --avjo8g-padding-right: 24px; --avjo8g-padding-right-tablet: 24px; --avjo8g-padding-right-mobile: 24px; --avjo8g-padding-bottom: 16px; --avjo8g-padding-bottom-tablet: 16px; --avjo8g-padding-bottom-mobile: 16px; --avjo8g-padding-left: 24px; --avjo8g-padding-left-tablet: 24px; --avjo8g-padding-left-mobile: 24px; --avjo8g-gap: 4px; --avjo8g-gap-tablet: 4px; --avjo8g-gap-mobile: 4px; --avjo8g-background-type: color; --avjo8g-background-type-tablet: color; --avjo8g-background-type-mobile: color; --avjo8g-background-color: #21212166; --avjo8g-background-color-tablet: #21212166; --avjo8g-background-color-mobile: #21212166; --avjo8g-borderRadius-tl: 8px; --avjo8g-borderRadius-tl-tablet: 8px; --avjo8g-borderRadius-tl-mobile: 8px; --avjo8g-borderRadius-tr: 8px; --avjo8g-borderRadius-tr-tablet: 8px; --avjo8g-borderRadius-tr-mobile: 8px; --avjo8g-borderRadius-bl: 8px; --avjo8g-borderRadius-bl-tablet: 8px; --avjo8g-borderRadius-bl-mobile: 8px; --avjo8g-borderRadius-br: 8px; --avjo8g-borderRadius-br-tablet: 8px; --avjo8g-borderRadius-br-mobile: 8px; }[data-bnode="beae-avjo8g"] { padding-top: var(--avjo8g-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--avjo8g-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--avjo8g-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--avjo8g-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--avjo8g-padding-top-tablet, var(--avjo8g-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--avjo8g-padding-right-tablet, var(--avjo8g-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--avjo8g-padding-bottom-tablet, var(--avjo8g-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--avjo8g-padding-left-tablet, var(--avjo8g-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--avjo8g-padding-top-mobile, var(--avjo8g-padding-top-tablet, var(--avjo8g-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--avjo8g-padding-right-mobile, var(--avjo8g-padding-right-tablet, var(--avjo8g-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--avjo8g-padding-bottom-mobile, var(--avjo8g-padding-bottom-tablet, var(--avjo8g-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--avjo8g-padding-left-mobile, var(--avjo8g-padding-left-tablet, var(--avjo8g-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--avjo8g-padding-left, var(--beae-slot-padding-x, 0px)) - var(--avjo8g-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(--avjo8g-background-imageRatio, auto); background: var(--avjo8g-background-color,transparent); border-style: var(--avjo8g-borderStyle,solid); border-color: var(--avjo8g-borderColor,#000000); border-width: var(--avjo8g-borderWidth-tl,0px) var(--avjo8g-borderWidth-tr,0px) var(--avjo8g-borderWidth-br,0px) var(--avjo8g-borderWidth-bl,0px); border-radius: var(--avjo8g-borderRadius-tl,0px) var(--avjo8g-borderRadius-tr,0px) var(--avjo8g-borderRadius-br,0px) var(--avjo8g-borderRadius-bl,0px); box-shadow: if(style(--avjo8g-enableShadow: true): var(--avjo8g-shadowHorizontal,0) var(--avjo8g-shadowVertical,0) var(--avjo8g-shadowBlur,0) 1px var(--avjo8g-shadowColor,#000000); else: none); max-width: var(--avjo8g-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--avjo8g-background-imageRatio-tablet, var(--avjo8g-background-imageRatio, auto)); border-width: var(--avjo8g-borderWidth-tl-tablet,0px) var(--avjo8g-borderWidth-tr-tablet,0px) var(--avjo8g-borderWidth-br-tablet,0px) var(--avjo8g-borderWidth-bl-tablet,0px); border-radius: var(--avjo8g-borderRadius-tl-tablet,0px) var(--avjo8g-borderRadius-tr-tablet,0px) var(--avjo8g-borderRadius-br-tablet,0px) var(--avjo8g-borderRadius-bl-tablet,0px); max-width: var(--avjo8g-max-width-tablet, var(--avjo8g-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--avjo8g-background-imageRatio-mobile, var(--avjo8g-background-imageRatio, auto)); border-width: var(--avjo8g-borderWidth-tl-mobile,0px) var(--avjo8g-borderWidth-tr-mobile,0px) var(--avjo8g-borderWidth-br-mobile,0px) var(--avjo8g-borderWidth-bl-mobile,0px); border-radius: var(--avjo8g-borderRadius-tl-mobile,0px) var(--avjo8g-borderRadius-tr-mobile,0px) var(--avjo8g-borderRadius-br-mobile,0px) var(--avjo8g-borderRadius-bl-mobile,0px); max-width: var(--avjo8g-max-width-mobile, var(--avjo8g-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--avjo8g-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--avjo8g-gap,var(--beae-card-gap)); padding-top: var(--avjo8g-padding-top,var(--beae-card-padding)); padding-right: var(--avjo8g-padding-right,var(--beae-card-padding)); padding-bottom: var(--avjo8g-padding-bottom,var(--beae-card-padding)); padding-left: var(--avjo8g-padding-left,var(--beae-card-padding)); border-width: var(--avjo8g-borderWidth,var(--beae-card-border-width)); border-width: var(--avjo8g-borderWidth-tl,var(--beae-card-border-width)) var(--avjo8g-borderWidth-tr,var(--beae-card-border-width)) var(--avjo8g-borderWidth-br,var(--beae-card-border-width)) var(--avjo8g-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--avjo8g-borderRadius-tl,var(--beae-card-border-radius)) var(--avjo8g-borderRadius-tr,var(--beae-card-border-radius)) var(--avjo8g-borderRadius-br,var(--beae-card-border-radius)) var(--avjo8g-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(--avjo8g-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--avjo8g-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--avjo8g-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--avjo8g-padding-left-tablet,var(--beae-card-padding)); border-width: var(--avjo8g-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--avjo8g-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--avjo8g-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--avjo8g-borderWidth-br-desktop,var(--beae-card-border-width)) var(--avjo8g-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--avjo8g-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--avjo8g-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--avjo8g-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--avjo8g-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--avjo8g-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--avjo8g-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--avjo8g-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--avjo8g-padding-left-mobile,var(--beae-card-padding)); border-width: var(--avjo8g-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--avjo8g-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--avjo8g-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--avjo8g-borderWidth-br-mobile,var(--beae-card-border-width)) var(--avjo8g-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--avjo8g-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--avjo8g-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--avjo8g-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--avjo8g-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--avjo8g-background-color,var(--beae-card-featured-background)); border-color: var(--avjo8g-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--avjo8g-enableShadow: true): var(--avjo8g-shadowHorizontal, var(--beae-card-shadow-x)) var(--avjo8g-shadowVertical, var(--beae-card-shadow-y)) var(--avjo8g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--avjo8g-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--avjo8g-background-color,var(--beae-card-prod-background)); border-color: var(--avjo8g-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--avjo8g-enableShadow: true): var(--avjo8g-shadowHorizontal, var(--beae-card-shadow-x)) var(--avjo8g-shadowVertical, var(--beae-card-shadow-y)) var(--avjo8g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--avjo8g-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--avjo8g-background-color,var(--beae-card-pricing-background)); border-color: var(--avjo8g-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--avjo8g-enableShadow: true): var(--avjo8g-shadowHorizontal, var(--beae-card-shadow-x)) var(--avjo8g-shadowVertical, var(--beae-card-shadow-y)) var(--avjo8g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--avjo8g-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--avjo8g-background-color,var(--beae-card-cta-background)); border-color: var(--avjo8g-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--avjo8g-enableShadow: true): var(--avjo8g-shadowHorizontal, var(--beae-card-shadow-x)) var(--avjo8g-shadowVertical, var(--beae-card-shadow-y)) var(--avjo8g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--avjo8g-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--avjo8g-background-color,var(--beae-card-media-background)); border-color: var(--avjo8g-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--avjo8g-enableShadow: true): var(--avjo8g-shadowHorizontal, var(--beae-card-shadow-x)) var(--avjo8g-shadowVertical, var(--beae-card-shadow-y)) var(--avjo8g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--avjo8g-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-avjo8g"] {     display: flex;     flex-direction: var(--avjo8g-direction, column);     flex-wrap: nowrap;     justify-content: var(--avjo8g-justify-content);     align-items: var(--avjo8g-align-items);     gap: var(--avjo8g-gap, var(--avjo8g-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-avjo8g"] {                            gap: var(--avjo8g-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(--avjo8g-padding-right-tablet, 0px) - var(--avjo8g-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-avjo8g"] {                            gap: var(--avjo8g-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(--avjo8g-padding-right-mobile, 0px) - var(--avjo8g-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-se0qah"] { --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-family: Inter; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --se0qah-typography: h5; --se0qah-typography-tablet: h5; --se0qah-typography-mobile: h5; --beae-h5-text-align: center; }[data-bnode="beae-se0qah"] { margin-top: var(--se0qah-margin-top, 0px); margin-right: var(--se0qah-margin-right, 0px); margin-bottom: var(--se0qah-margin-bottom, 0px); margin-left: var(--se0qah-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--se0qah-margin-top-tablet, 0px); margin-right: var(--se0qah-margin-right-tablet, 0px); margin-bottom: var(--se0qah-margin-bottom-tablet, 0px); margin-left: var(--se0qah-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--se0qah-margin-top-mobile, 0px); margin-right: var(--se0qah-margin-right-mobile, 0px); margin-bottom: var(--se0qah-margin-bottom-mobile, 0px); margin-left: var(--se0qah-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--se0qah-highlightColor,var(--beae-p-color)); top: var(--se0qah-highlightTop, 100%); } }[data-bnode="beae-dihzqz"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --dihzqz-typography: p; --dihzqz-typography-tablet: p; --dihzqz-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-dihzqz"] { margin-top: var(--dihzqz-margin-top, 0px); margin-right: var(--dihzqz-margin-right, 0px); margin-bottom: var(--dihzqz-margin-bottom, 0px); margin-left: var(--dihzqz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dihzqz-margin-top-tablet, 0px); margin-right: var(--dihzqz-margin-right-tablet, 0px); margin-bottom: var(--dihzqz-margin-bottom-tablet, 0px); margin-left: var(--dihzqz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dihzqz-margin-top-mobile, 0px); margin-right: var(--dihzqz-margin-right-mobile, 0px); margin-bottom: var(--dihzqz-margin-bottom-mobile, 0px); margin-left: var(--dihzqz-margin-left-mobile, 0px); } }[data-bnode="beae-qtwxq1"] { --qtwxq1-direction: row; --qtwxq1-direction-tablet: row; --qtwxq1-direction-mobile: row; --qtwxq1-structure: columns; --qtwxq1-structure-tablet: columns; --qtwxq1-structure-mobile: columns; --qtwxq1-background-type: image; --qtwxq1-background-type-tablet: image; --qtwxq1-background-type-mobile: image; --qtwxq1-background-image: [object Object]; --qtwxq1-background-image-tablet: [object Object]; --qtwxq1-background-image-mobile: [object Object]; --qtwxq1-background-imageRatio: 20/13; --qtwxq1-background-imageRatio-tablet: 20/13; --qtwxq1-background-imageRatio-mobile: 20/13; --qtwxq1-background-imageRatio-mobile: 1/1; --qtwxq1-background-imageRatio-mobile-tablet: 1/1; --qtwxq1-background-imageRatio-mobile-mobile: 1/1; --qtwxq1-borderRadius-tl: 16px; --qtwxq1-borderRadius-tl-tablet: 16px; --qtwxq1-borderRadius-tl-mobile: 16px; --qtwxq1-borderRadius-tr: 16px; --qtwxq1-borderRadius-tr-tablet: 16px; --qtwxq1-borderRadius-tr-mobile: 16px; --qtwxq1-borderRadius-bl: 16px; --qtwxq1-borderRadius-bl-tablet: 16px; --qtwxq1-borderRadius-bl-mobile: 16px; --qtwxq1-borderRadius-br: 16px; --qtwxq1-borderRadius-br-tablet: 16px; --qtwxq1-borderRadius-br-mobile: 16px; --qtwxq1-align-items: flex-end; --qtwxq1-align-items-tablet: flex-end; --qtwxq1-align-items-mobile: flex-end; --qtwxq1-padding-top: 10px; --qtwxq1-padding-top-tablet: 10px; --qtwxq1-padding-top-mobile: 10px; --qtwxq1-padding-right: 10px; --qtwxq1-padding-right-tablet: 10px; --qtwxq1-padding-right-mobile: 10px; --qtwxq1-padding-bottom: 10px; --qtwxq1-padding-bottom-tablet: 10px; --qtwxq1-padding-bottom-mobile: 10px; --qtwxq1-padding-left: 10px; --qtwxq1-padding-left-tablet: 10px; --qtwxq1-padding-left-mobile: 10px; }[data-bnode="beae-qtwxq1"] { padding-top: var(--qtwxq1-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--qtwxq1-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--qtwxq1-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--qtwxq1-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--qtwxq1-padding-top-tablet, var(--qtwxq1-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--qtwxq1-padding-right-tablet, var(--qtwxq1-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--qtwxq1-padding-bottom-tablet, var(--qtwxq1-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--qtwxq1-padding-left-tablet, var(--qtwxq1-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--qtwxq1-padding-top-mobile, var(--qtwxq1-padding-top-tablet, var(--qtwxq1-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--qtwxq1-padding-right-mobile, var(--qtwxq1-padding-right-tablet, var(--qtwxq1-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--qtwxq1-padding-bottom-mobile, var(--qtwxq1-padding-bottom-tablet, var(--qtwxq1-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--qtwxq1-padding-left-mobile, var(--qtwxq1-padding-left-tablet, var(--qtwxq1-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--qtwxq1-padding-left, var(--beae-slot-padding-x, 0px)) - var(--qtwxq1-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(--qtwxq1-background-imageRatio, auto); background: var(--qtwxq1-background-color,transparent); border-style: var(--qtwxq1-borderStyle,solid); border-color: var(--qtwxq1-borderColor,#000000); border-width: var(--qtwxq1-borderWidth-tl,0px) var(--qtwxq1-borderWidth-tr,0px) var(--qtwxq1-borderWidth-br,0px) var(--qtwxq1-borderWidth-bl,0px); border-radius: var(--qtwxq1-borderRadius-tl,0px) var(--qtwxq1-borderRadius-tr,0px) var(--qtwxq1-borderRadius-br,0px) var(--qtwxq1-borderRadius-bl,0px); box-shadow: if(style(--qtwxq1-enableShadow: true): var(--qtwxq1-shadowHorizontal,0) var(--qtwxq1-shadowVertical,0) var(--qtwxq1-shadowBlur,0) 1px var(--qtwxq1-shadowColor,#000000); else: none); max-width: var(--qtwxq1-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--qtwxq1-background-imageRatio-tablet, var(--qtwxq1-background-imageRatio, auto)); border-width: var(--qtwxq1-borderWidth-tl-tablet,0px) var(--qtwxq1-borderWidth-tr-tablet,0px) var(--qtwxq1-borderWidth-br-tablet,0px) var(--qtwxq1-borderWidth-bl-tablet,0px); border-radius: var(--qtwxq1-borderRadius-tl-tablet,0px) var(--qtwxq1-borderRadius-tr-tablet,0px) var(--qtwxq1-borderRadius-br-tablet,0px) var(--qtwxq1-borderRadius-bl-tablet,0px); max-width: var(--qtwxq1-max-width-tablet, var(--qtwxq1-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--qtwxq1-background-imageRatio-mobile, var(--qtwxq1-background-imageRatio, auto)); border-width: var(--qtwxq1-borderWidth-tl-mobile,0px) var(--qtwxq1-borderWidth-tr-mobile,0px) var(--qtwxq1-borderWidth-br-mobile,0px) var(--qtwxq1-borderWidth-bl-mobile,0px); border-radius: var(--qtwxq1-borderRadius-tl-mobile,0px) var(--qtwxq1-borderRadius-tr-mobile,0px) var(--qtwxq1-borderRadius-br-mobile,0px) var(--qtwxq1-borderRadius-bl-mobile,0px); max-width: var(--qtwxq1-max-width-mobile, var(--qtwxq1-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--qtwxq1-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--qtwxq1-gap,var(--beae-card-gap)); padding-top: var(--qtwxq1-padding-top,var(--beae-card-padding)); padding-right: var(--qtwxq1-padding-right,var(--beae-card-padding)); padding-bottom: var(--qtwxq1-padding-bottom,var(--beae-card-padding)); padding-left: var(--qtwxq1-padding-left,var(--beae-card-padding)); border-width: var(--qtwxq1-borderWidth,var(--beae-card-border-width)); border-width: var(--qtwxq1-borderWidth-tl,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-tr,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-br,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--qtwxq1-borderRadius-tl,var(--beae-card-border-radius)) var(--qtwxq1-borderRadius-tr,var(--beae-card-border-radius)) var(--qtwxq1-borderRadius-br,var(--beae-card-border-radius)) var(--qtwxq1-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(--qtwxq1-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--qtwxq1-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--qtwxq1-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--qtwxq1-padding-left-tablet,var(--beae-card-padding)); border-width: var(--qtwxq1-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--qtwxq1-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-br-desktop,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--qtwxq1-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--qtwxq1-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--qtwxq1-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--qtwxq1-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--qtwxq1-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--qtwxq1-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--qtwxq1-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--qtwxq1-padding-left-mobile,var(--beae-card-padding)); border-width: var(--qtwxq1-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--qtwxq1-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-br-mobile,var(--beae-card-border-width)) var(--qtwxq1-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--qtwxq1-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--qtwxq1-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--qtwxq1-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--qtwxq1-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--qtwxq1-background-color,var(--beae-card-featured-background)); border-color: var(--qtwxq1-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--qtwxq1-enableShadow: true): var(--qtwxq1-shadowHorizontal, var(--beae-card-shadow-x)) var(--qtwxq1-shadowVertical, var(--beae-card-shadow-y)) var(--qtwxq1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qtwxq1-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--qtwxq1-background-color,var(--beae-card-prod-background)); border-color: var(--qtwxq1-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--qtwxq1-enableShadow: true): var(--qtwxq1-shadowHorizontal, var(--beae-card-shadow-x)) var(--qtwxq1-shadowVertical, var(--beae-card-shadow-y)) var(--qtwxq1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qtwxq1-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--qtwxq1-background-color,var(--beae-card-pricing-background)); border-color: var(--qtwxq1-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--qtwxq1-enableShadow: true): var(--qtwxq1-shadowHorizontal, var(--beae-card-shadow-x)) var(--qtwxq1-shadowVertical, var(--beae-card-shadow-y)) var(--qtwxq1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qtwxq1-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--qtwxq1-background-color,var(--beae-card-cta-background)); border-color: var(--qtwxq1-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--qtwxq1-enableShadow: true): var(--qtwxq1-shadowHorizontal, var(--beae-card-shadow-x)) var(--qtwxq1-shadowVertical, var(--beae-card-shadow-y)) var(--qtwxq1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qtwxq1-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--qtwxq1-background-color,var(--beae-card-media-background)); border-color: var(--qtwxq1-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--qtwxq1-enableShadow: true): var(--qtwxq1-shadowHorizontal, var(--beae-card-shadow-x)) var(--qtwxq1-shadowVertical, var(--beae-card-shadow-y)) var(--qtwxq1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qtwxq1-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-qtwxq1"] {     display: flex;     flex-direction: var(--qtwxq1-direction, column);     flex-wrap: nowrap;     justify-content: var(--qtwxq1-justify-content);     align-items: var(--qtwxq1-align-items);     gap: var(--qtwxq1-gap, var(--qtwxq1-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--qtwxq1-padding-right, 0px) - var(--qtwxq1-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-qtwxq1"] {                            gap: var(--qtwxq1-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(--qtwxq1-padding-right-tablet, 0px) - var(--qtwxq1-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-qtwxq1"] {                            gap: var(--qtwxq1-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(--qtwxq1-padding-right-mobile, 0px) - var(--qtwxq1-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-07hz4u"] { --07hz4u-direction: column; --07hz4u-direction-tablet: column; --07hz4u-direction-mobile: column; --07hz4u-structure: columns; --07hz4u-structure-tablet: columns; --07hz4u-structure-mobile: columns; --07hz4u-align-items: center; --07hz4u-align-items-tablet: center; --07hz4u-align-items-mobile: center; --07hz4u-padding-top: 16px; --07hz4u-padding-top-tablet: 16px; --07hz4u-padding-top-mobile: 16px; --07hz4u-padding-right: 24px; --07hz4u-padding-right-tablet: 24px; --07hz4u-padding-right-mobile: 24px; --07hz4u-padding-bottom: 16px; --07hz4u-padding-bottom-tablet: 16px; --07hz4u-padding-bottom-mobile: 16px; --07hz4u-padding-left: 24px; --07hz4u-padding-left-tablet: 24px; --07hz4u-padding-left-mobile: 24px; --07hz4u-gap: 4px; --07hz4u-gap-tablet: 4px; --07hz4u-gap-mobile: 4px; --07hz4u-background-type: color; --07hz4u-background-type-tablet: color; --07hz4u-background-type-mobile: color; --07hz4u-background-color: #21212166; --07hz4u-background-color-tablet: #21212166; --07hz4u-background-color-mobile: #21212166; --07hz4u-borderRadius-tl: 8px; --07hz4u-borderRadius-tl-tablet: 8px; --07hz4u-borderRadius-tl-mobile: 8px; --07hz4u-borderRadius-tr: 8px; --07hz4u-borderRadius-tr-tablet: 8px; --07hz4u-borderRadius-tr-mobile: 8px; --07hz4u-borderRadius-bl: 8px; --07hz4u-borderRadius-bl-tablet: 8px; --07hz4u-borderRadius-bl-mobile: 8px; --07hz4u-borderRadius-br: 8px; --07hz4u-borderRadius-br-tablet: 8px; --07hz4u-borderRadius-br-mobile: 8px; }[data-bnode="beae-07hz4u"] { padding-top: var(--07hz4u-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--07hz4u-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--07hz4u-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--07hz4u-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--07hz4u-padding-top-tablet, var(--07hz4u-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--07hz4u-padding-right-tablet, var(--07hz4u-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--07hz4u-padding-bottom-tablet, var(--07hz4u-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--07hz4u-padding-left-tablet, var(--07hz4u-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--07hz4u-padding-top-mobile, var(--07hz4u-padding-top-tablet, var(--07hz4u-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--07hz4u-padding-right-mobile, var(--07hz4u-padding-right-tablet, var(--07hz4u-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--07hz4u-padding-bottom-mobile, var(--07hz4u-padding-bottom-tablet, var(--07hz4u-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--07hz4u-padding-left-mobile, var(--07hz4u-padding-left-tablet, var(--07hz4u-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--07hz4u-padding-left, var(--beae-slot-padding-x, 0px)) - var(--07hz4u-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(--07hz4u-background-imageRatio, auto); background: var(--07hz4u-background-color,transparent); border-style: var(--07hz4u-borderStyle,solid); border-color: var(--07hz4u-borderColor,#000000); border-width: var(--07hz4u-borderWidth-tl,0px) var(--07hz4u-borderWidth-tr,0px) var(--07hz4u-borderWidth-br,0px) var(--07hz4u-borderWidth-bl,0px); border-radius: var(--07hz4u-borderRadius-tl,0px) var(--07hz4u-borderRadius-tr,0px) var(--07hz4u-borderRadius-br,0px) var(--07hz4u-borderRadius-bl,0px); box-shadow: if(style(--07hz4u-enableShadow: true): var(--07hz4u-shadowHorizontal,0) var(--07hz4u-shadowVertical,0) var(--07hz4u-shadowBlur,0) 1px var(--07hz4u-shadowColor,#000000); else: none); max-width: var(--07hz4u-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--07hz4u-background-imageRatio-tablet, var(--07hz4u-background-imageRatio, auto)); border-width: var(--07hz4u-borderWidth-tl-tablet,0px) var(--07hz4u-borderWidth-tr-tablet,0px) var(--07hz4u-borderWidth-br-tablet,0px) var(--07hz4u-borderWidth-bl-tablet,0px); border-radius: var(--07hz4u-borderRadius-tl-tablet,0px) var(--07hz4u-borderRadius-tr-tablet,0px) var(--07hz4u-borderRadius-br-tablet,0px) var(--07hz4u-borderRadius-bl-tablet,0px); max-width: var(--07hz4u-max-width-tablet, var(--07hz4u-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--07hz4u-background-imageRatio-mobile, var(--07hz4u-background-imageRatio, auto)); border-width: var(--07hz4u-borderWidth-tl-mobile,0px) var(--07hz4u-borderWidth-tr-mobile,0px) var(--07hz4u-borderWidth-br-mobile,0px) var(--07hz4u-borderWidth-bl-mobile,0px); border-radius: var(--07hz4u-borderRadius-tl-mobile,0px) var(--07hz4u-borderRadius-tr-mobile,0px) var(--07hz4u-borderRadius-br-mobile,0px) var(--07hz4u-borderRadius-bl-mobile,0px); max-width: var(--07hz4u-max-width-mobile, var(--07hz4u-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--07hz4u-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--07hz4u-gap,var(--beae-card-gap)); padding-top: var(--07hz4u-padding-top,var(--beae-card-padding)); padding-right: var(--07hz4u-padding-right,var(--beae-card-padding)); padding-bottom: var(--07hz4u-padding-bottom,var(--beae-card-padding)); padding-left: var(--07hz4u-padding-left,var(--beae-card-padding)); border-width: var(--07hz4u-borderWidth,var(--beae-card-border-width)); border-width: var(--07hz4u-borderWidth-tl,var(--beae-card-border-width)) var(--07hz4u-borderWidth-tr,var(--beae-card-border-width)) var(--07hz4u-borderWidth-br,var(--beae-card-border-width)) var(--07hz4u-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--07hz4u-borderRadius-tl,var(--beae-card-border-radius)) var(--07hz4u-borderRadius-tr,var(--beae-card-border-radius)) var(--07hz4u-borderRadius-br,var(--beae-card-border-radius)) var(--07hz4u-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(--07hz4u-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--07hz4u-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--07hz4u-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--07hz4u-padding-left-tablet,var(--beae-card-padding)); border-width: var(--07hz4u-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--07hz4u-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--07hz4u-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--07hz4u-borderWidth-br-desktop,var(--beae-card-border-width)) var(--07hz4u-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--07hz4u-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--07hz4u-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--07hz4u-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--07hz4u-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--07hz4u-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--07hz4u-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--07hz4u-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--07hz4u-padding-left-mobile,var(--beae-card-padding)); border-width: var(--07hz4u-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--07hz4u-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--07hz4u-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--07hz4u-borderWidth-br-mobile,var(--beae-card-border-width)) var(--07hz4u-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--07hz4u-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--07hz4u-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--07hz4u-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--07hz4u-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--07hz4u-background-color,var(--beae-card-featured-background)); border-color: var(--07hz4u-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--07hz4u-enableShadow: true): var(--07hz4u-shadowHorizontal, var(--beae-card-shadow-x)) var(--07hz4u-shadowVertical, var(--beae-card-shadow-y)) var(--07hz4u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--07hz4u-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--07hz4u-background-color,var(--beae-card-prod-background)); border-color: var(--07hz4u-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--07hz4u-enableShadow: true): var(--07hz4u-shadowHorizontal, var(--beae-card-shadow-x)) var(--07hz4u-shadowVertical, var(--beae-card-shadow-y)) var(--07hz4u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--07hz4u-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--07hz4u-background-color,var(--beae-card-pricing-background)); border-color: var(--07hz4u-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--07hz4u-enableShadow: true): var(--07hz4u-shadowHorizontal, var(--beae-card-shadow-x)) var(--07hz4u-shadowVertical, var(--beae-card-shadow-y)) var(--07hz4u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--07hz4u-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--07hz4u-background-color,var(--beae-card-cta-background)); border-color: var(--07hz4u-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--07hz4u-enableShadow: true): var(--07hz4u-shadowHorizontal, var(--beae-card-shadow-x)) var(--07hz4u-shadowVertical, var(--beae-card-shadow-y)) var(--07hz4u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--07hz4u-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--07hz4u-background-color,var(--beae-card-media-background)); border-color: var(--07hz4u-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--07hz4u-enableShadow: true): var(--07hz4u-shadowHorizontal, var(--beae-card-shadow-x)) var(--07hz4u-shadowVertical, var(--beae-card-shadow-y)) var(--07hz4u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--07hz4u-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-07hz4u"] {     display: flex;     flex-direction: var(--07hz4u-direction, column);     flex-wrap: nowrap;     justify-content: var(--07hz4u-justify-content);     align-items: var(--07hz4u-align-items);     gap: var(--07hz4u-gap, var(--07hz4u-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-07hz4u"] {                            gap: var(--07hz4u-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(--07hz4u-padding-right-tablet, 0px) - var(--07hz4u-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-07hz4u"] {                            gap: var(--07hz4u-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(--07hz4u-padding-right-mobile, 0px) - var(--07hz4u-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ojunoo"] { --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-family: Inter; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --ojunoo-typography: h5; --ojunoo-typography-tablet: h5; --ojunoo-typography-mobile: h5; --beae-h5-text-align: center; }[data-bnode="beae-ojunoo"] { margin-top: var(--ojunoo-margin-top, 0px); margin-right: var(--ojunoo-margin-right, 0px); margin-bottom: var(--ojunoo-margin-bottom, 0px); margin-left: var(--ojunoo-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ojunoo-margin-top-tablet, 0px); margin-right: var(--ojunoo-margin-right-tablet, 0px); margin-bottom: var(--ojunoo-margin-bottom-tablet, 0px); margin-left: var(--ojunoo-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ojunoo-margin-top-mobile, 0px); margin-right: var(--ojunoo-margin-right-mobile, 0px); margin-bottom: var(--ojunoo-margin-bottom-mobile, 0px); margin-left: var(--ojunoo-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ojunoo-highlightColor,var(--beae-p-color)); top: var(--ojunoo-highlightTop, 100%); } }[data-bnode="beae-5ggdv8"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --5ggdv8-typography: p; --5ggdv8-typography-tablet: p; --5ggdv8-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-5ggdv8"] { margin-top: var(--5ggdv8-margin-top, 0px); margin-right: var(--5ggdv8-margin-right, 0px); margin-bottom: var(--5ggdv8-margin-bottom, 0px); margin-left: var(--5ggdv8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5ggdv8-margin-top-tablet, 0px); margin-right: var(--5ggdv8-margin-right-tablet, 0px); margin-bottom: var(--5ggdv8-margin-bottom-tablet, 0px); margin-left: var(--5ggdv8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5ggdv8-margin-top-mobile, 0px); margin-right: var(--5ggdv8-margin-right-mobile, 0px); margin-bottom: var(--5ggdv8-margin-bottom-mobile, 0px); margin-left: var(--5ggdv8-margin-left-mobile, 0px); } }[data-bnode="beae-eah2by"] { --eah2by-width: 1600px; --eah2by-width-tablet: 1600px; --eah2by-width-mobile: 1600px; --eah2by-height: fit-content; --eah2by-height-tablet: fit-content; --eah2by-height-mobile: fit-content; --eah2by-padding-top: 112px; --eah2by-padding-top-tablet: 80px; --eah2by-padding-top-mobile: 80px; --eah2by-padding-right: 32px; --eah2by-padding-right-tablet: 30px; --eah2by-padding-right-mobile: 16px; --eah2by-padding-bottom: 0px; --eah2by-padding-bottom-tablet: 0px; --eah2by-padding-bottom-mobile: 0px; --eah2by-padding-left: 32px; --eah2by-padding-left-tablet: 30px; --eah2by-padding-left-mobile: 16px; --eah2by-background-type: color; --eah2by-background-type-tablet: color; --eah2by-background-type-mobile: color; --eah2by-background-color: #F6F2EF; --eah2by-background-color-tablet: #F6F2EF; --eah2by-background-color-mobile: #F6F2EF; }[data-bnode="beae-eah2by"] { padding-top: var(--eah2by-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--eah2by-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--eah2by-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--eah2by-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--eah2by-padding-top-tablet, var(--eah2by-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--eah2by-padding-right-tablet, var(--eah2by-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--eah2by-padding-bottom-tablet, var(--eah2by-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--eah2by-padding-left-tablet, var(--eah2by-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--eah2by-padding-top-mobile, var(--eah2by-padding-top-tablet, var(--eah2by-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--eah2by-padding-right-mobile, var(--eah2by-padding-right-tablet, var(--eah2by-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--eah2by-padding-bottom-mobile, var(--eah2by-padding-bottom-tablet, var(--eah2by-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--eah2by-padding-left-mobile, var(--eah2by-padding-left-tablet, var(--eah2by-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--eah2by-padding-left, var(--beae-section-padding-x, 0px)) - var(--eah2by-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; *{ box-sizing: border-box; } & a{ text-decoration: none; } &.beae-section { background: var(--eah2by-background-color); max-width: 100%; /* overflow: hidden; */ position: relative; .beae-section-container { height: var(--eah2by-height); width: 100%; max-width: var(--eah2by-width, 1280px); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .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 { background: var(--eah2by-background-color-tablet, var(--eah2by-background-color)); & .beae-section-container { height: var(--eah2by-height-tablet, auto); width: 100%; max-width: var(--eah2by-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--eah2by-background-color-mobile, var(--eah2by-background-color-tablet, var(--eah2by-background-color))); & .beae-section-container { height: var(--eah2by-height-mobile, auto); width: 100%; max-width: var(--eah2by-width-mobile, 100%); } } } }[data-bnode="beae-eah2by"] > .beae-section-container{     display: flex;     flex-direction: var(--eah2by-direction, column);     flex-wrap: nowrap;     justify-content: var(--eah2by-justify-content);     align-items: var(--eah2by-align-items);     gap: var(--eah2by-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-eah2by"] > .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(--eah2by-padding-right-tablet, 0px) - var(--eah2by-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-eah2by"] > .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(--eah2by-padding-right-mobile, 0px) - var(--eah2by-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-uafh3k"] { --uafh3k-direction: row; --uafh3k-direction-tablet: row; --uafh3k-direction-mobile: column; --uafh3k-structure: columns; --uafh3k-structure-tablet: columns; --uafh3k-structure-mobile: columns; --uafh3k-gap: 32px; --uafh3k-gap-tablet: 20px; --uafh3k-gap-mobile: 24px; --uafh3k-columns: 50.13,49.87; --uafh3k-columns-tablet: 50.00,50.00; --uafh3k-columns-mobile: 50.00,50.00; --uafh3k-columnsPresetId: 50.13,49.87; --uafh3k-columnsPresetId-tablet: 50.00,50.00; --uafh3k-columnsPresetId-mobile: 50.00,50.00; --uafh3k-align-items: flex-start; --uafh3k-align-items-tablet: flex-start; --uafh3k-align-items-mobile: flex-start; }[data-bnode="beae-uafh3k"] { padding-top: var(--uafh3k-padding-top, 0px); padding-right: var(--uafh3k-padding-right, 0px); padding-bottom: var(--uafh3k-padding-bottom, 0px); padding-left: var(--uafh3k-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uafh3k-padding-top-tablet, var(--uafh3k-padding-top, 0px)); padding-right: var(--uafh3k-padding-right-tablet, var(--uafh3k-padding-right, 0px)); padding-bottom: var(--uafh3k-padding-bottom-tablet, var(--uafh3k-padding-bottom, 0px)); padding-left: var(--uafh3k-padding-left-tablet, var(--uafh3k-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--uafh3k-padding-top-mobile, var(--uafh3k-padding-top-tablet, var(--uafh3k-padding-top, 0px))); padding-right: var(--uafh3k-padding-right-mobile, var(--uafh3k-padding-right-tablet, var(--uafh3k-padding-right, 0px))); padding-bottom: var(--uafh3k-padding-bottom-mobile, var(--uafh3k-padding-bottom-tablet, var(--uafh3k-padding-bottom, 0px))); padding-left: var(--uafh3k-padding-left-mobile, var(--uafh3k-padding-left-tablet, var(--uafh3k-padding-left, 0px))); } width: calc( 100% - var(--uafh3k-padding-left, 0px) - var(--uafh3k-padding-right, 0px) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow: clip; background: var(--uafh3k-background-color); border-style: var(--uafh3k-borderStyle, solid); border-color: var(--uafh3k-borderColor, #000000); border-width: var(--uafh3k-borderWidth-tl, 0px) var(--uafh3k-borderWidth-tr, 0px) var(--uafh3k-borderWidth-br, 0px) var(--uafh3k-borderWidth-bl, 0px); border-radius: var(--uafh3k-borderRadius-tl, 0px) var(--uafh3k-borderRadius-tr, 0px) var(--uafh3k-borderRadius-br, 0px) var(--uafh3k-borderRadius-bl, 0px); box-shadow: if(style(--uafh3k-enableShadow: true): var(--uafh3k-shadowHorizontal, 0) var(--uafh3k-shadowVertical, 0) var(--uafh3k-shadowBlur, 0) 1px var(--uafh3k-shadowColor, #000000); else: none); max-width: var(--uafh3k-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px) { border-width: var(--uafh3k-borderWidth-tl-tablet, 0px) var(--uafh3k-borderWidth-tr-tablet, 0px) var(--uafh3k-borderWidth-br-tablet, 0px) var(--uafh3k-borderWidth-bl-tablet, 0px); border-radius: var(--uafh3k-borderRadius-tl-tablet, 0px) var(--uafh3k-borderRadius-tr-tablet, 0px) var(--uafh3k-borderRadius-br-tablet, 0px) var(--uafh3k-borderRadius-bl-tablet, 0px); max-width: var(--uafh3k-max-width-tablet, var(--uafh3k-max-width, 100%)); } @media(max-width: 767px) { border-width: var(--uafh3k-borderWidth-tl-mobile, 0px) var(--uafh3k-borderWidth-tr-mobile, 0px) var(--uafh3k-borderWidth-br-mobile, 0px) var(--uafh3k-borderWidth-bl-mobile, 0px); border-radius: var(--uafh3k-borderRadius-tl-mobile, 0px) var(--uafh3k-borderRadius-tr-mobile, 0px) var(--uafh3k-borderRadius-br-mobile, 0px) var(--uafh3k-borderRadius-bl-mobile, 0px); max-width: var(--uafh3k-max-width-mobile, var(--uafh3k-max-width, 100%)); } >.beae-slot { position: relative; top: 0; z-index: 1; @media(min-width: 767.79px) { position: sticky; top: 0; } } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-uafh3k"] {     display: flex;     flex-direction: var(--uafh3k-direction, column);     flex-wrap: nowrap;     justify-content: var(--uafh3k-justify-content);     align-items: var(--uafh3k-align-items);     gap: var(--uafh3k-gap, var(--uafh3k-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.13% - var(--uafh3k-padding-right, 0px) - var(--uafh3k-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(49.87% - var(--uafh3k-padding-right, 0px) - var(--uafh3k-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--uafh3k-padding-right, 0px) - var(--uafh3k-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uafh3k"] {                            gap: var(--uafh3k-gap-tablet, var(--uafh3k-gap-tablet, var(--beae-slot-gap-tablet)));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                  &>.beae-slot[data-bnode-index="1"] {           flex-basis: calc(50.00% - var(--uafh3k-padding-right-tablet, 0px) - var(--uafh3k-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="2"] {           flex-basis: calc(50.00% - var(--uafh3k-padding-right-tablet, 0px) - var(--uafh3k-padding-right-tablet, 0px));          }          &>.beae-slot[data-bnode-index="3"] {           flex-basis: calc(100% - var(--uafh3k-padding-right-tablet, 0px) - var(--uafh3k-padding-right-tablet, 0px));          }            }    }    @media (max-width: 767px) {     [data-bnode="beae-uafh3k"] {      flex-direction: var(--uafh3k-direction-mobile, column);                      gap: var(--uafh3k-gap-mobile, var(--uafh3k-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-dc133m"] { --dc133m-media: main; --dc133m-media-tablet: main; --dc133m-media-mobile: main; --dc133m-effect: fade; --dc133m-effect-tablet: fade; --dc133m-effect-mobile: fade; --dc133m-imageRatioMain: 1/1; --dc133m-imageRatioMain-tablet: 1/1; --dc133m-imageRatioMain-mobile: 1/1; --dc133m-positionThumb: left; --dc133m-positionThumb-tablet: left; --dc133m-positionThumb-mobile: left; --dc133m-widthItemThumbs: 96px; --dc133m-widthItemThumbs-tablet: 64px; --dc133m-widthItemThumbs-mobile: 48px; --dc133m-imageRatioThumbs: 1/1; --dc133m-imageRatioThumbs-tablet: 1/1; --dc133m-imageRatioThumbs-mobile: 1/1; --dc133m-borderStyleThumbs: solid; --dc133m-borderStyleThumbs-tablet: solid; --dc133m-borderStyleThumbs-mobile: solid; --dc133m-borderColorThumbs: #000000; --dc133m-borderColorThumbs-tablet: #000000; --dc133m-borderColorThumbs-mobile: #000000; --dc133m-borderWidthThumbs: 1px; --dc133m-borderWidthThumbs-tablet: 1px; --dc133m-borderWidthThumbs-mobile: 1px; --dc133m-objFit: cover; --dc133m-objFit-tablet: cover; --dc133m-objFit-mobile: cover; --dc133m-borderRadiusMain: 24px; --dc133m-borderRadiusMain-tablet: 24px; --dc133m-borderRadiusMain-mobile: 16px; --dc133m-borderRadiusThumbs: 8px; --dc133m-borderRadiusThumbs-tablet: 8px; --dc133m-borderRadiusThumbs-mobile: 8px; --dc133m-margin-top: 0px; --dc133m-margin-top-tablet: 0px; --dc133m-margin-top-mobile: 0px; --dc133m-margin-right: 0px; --dc133m-margin-right-tablet: 0px; --dc133m-margin-right-mobile: 0px; --dc133m-margin-bottom: 0px; --dc133m-margin-bottom-tablet: 0px; --dc133m-margin-bottom-mobile: 0px; --dc133m-margin-left: 0px; --dc133m-margin-left-tablet: 0px; --dc133m-margin-left-mobile: 0px; --dc133m-gap-tablet: 12px; --dc133m-gap-mobile: 8px; }[data-bnode="beae-dc133m"] { margin-top: var(--dc133m-margin-top, 0px); margin-right: var(--dc133m-margin-right, 0px); margin-bottom: var(--dc133m-margin-bottom, 0px); margin-left: var(--dc133m-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--dc133m-margin-top-tablet, 0px); margin-right: var(--dc133m-margin-right-tablet, 0px); margin-bottom: var(--dc133m-margin-bottom-tablet, 0px); margin-left: var(--dc133m-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--dc133m-margin-top-mobile, 0px); margin-right: var(--dc133m-margin-right-mobile, 0px); margin-bottom: var(--dc133m-margin-bottom-mobile, 0px); margin-left: var(--dc133m-margin-left-mobile, 0px); } & { .beae-media-product { display: flex; gap: var(--dc133m-gap, 16px); width: 100%; .beae-main-slider-wrap { width: 100%; height: fit-content; } } .beae-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--dc133m-borderRadiusMain); box-shadow: if(style(--dc133m-enableShadowMain: true): var(--dc133m-shadowHorizontalMain, 0) var(--dc133m-shadowVerticalMain, 0) var(--dc133m-shadowBlurMain, 0) 1px var(--dc133m-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--dc133m-borderWidthMain) var(--dc133m-borderStyleMain) var(--dc133m-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--dc133m-borderRadiusMain); box-shadow: if(style(--dc133m-enableShadowMain: true): var(--dc133m-shadowHorizontalMain, 0) var(--dc133m-shadowVerticalMain, 0) var(--dc133m-shadowBlurMain, 0) 1px var(--dc133m-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--dc133m-borderWidthMain) var(--dc133m-borderStyleMain) var(--dc133m-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--dc133m-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--dc133m-objFit, cover); object-position: var(--beae-image-position, 0% 50%); vertical-align: middle; } } .beae-product-thumb-slide { .beae-slider-items { gap: 16px; } .beae-slider-item { flex: 1 0 var(--dc133m-widthItemThumbs, 100px) !important; max-width: var(--dc133m-widthItemThumbs, 100px); opacity: 0.4; transition: all .3s ease-in-out; } .beae-slider-item.is-active { opacity: 1; } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if(style(--dc133m-enableShadowThumbs: true): var(--dc133m-shadowHorizontalThumbs, 0) var(--dc133m-shadowVerticalThumbs, 0) var(--dc133m-shadowBlurThumbs, 0) 1px var(--dc133m-shadowColorThumbs, #000000); else: none); } .beae-slider-item.is-active .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--dc133m-borderWidthThumbs) var(--dc133m-borderStyleThumbs) var(--dc133m-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--dc133m-imageRatioThumbs); border-radius: var(--dc133m-borderRadiusThumbs); overflow: hidden; .beae-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } } &.beae-media-wrapper { position: sticky; top: 0; } @media (min-width: 1181px) { & { .beae-media-product { &[data-position-thumbs='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs='bottom']) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs='left'] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .beae-product-media-main[data-effect="fade"] { border-radius: var(--dc133m-borderRadiusMain-tablet); } .beae-product-media-main[data-effect="fade"]::before { border-width: var(--dc133m-borderWidthMain-tablet); } .beae-product-media-main[data-effect="slide"] { .beae-slider-item { border-radius: var(--dc133m-borderRadiusMain-tablet); } .beae-slider-item::before { border-width: var(--dc133m-borderWidthMain-tablet); } } .beae-media-product { gap: var(--dc133m-gap-tablet, 16px); &[data-position-thumbs-tablet='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet='bottom']) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs-tablet='left'] { flex-direction: row-reverse; } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--dc133m-widthItemThumbs-tablet, 80px) !important; max-width: var(--dc133m-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--dc133m-imageRatioMain-tablet); .beae-product-image { object-fit: var(--dc133m-objFit-tablet, var(--dc133m-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--dc133m-imageRatioThumbs-tablet); border-radius: var(--dc133m-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .beae-product-media-main[data-effect="fade"] { border-radius: var(--dc133m-borderRadiusMain-mobile); } .beae-product-media-main[data-effect="fade"]::before { border-width: var(--dc133m-borderWidthMain-mobile); } .beae-product-media-main[data-effect="slide"] { .beae-slider-item { border-radius: var(--dc133m-borderRadiusMain-mobile); } .beae-slider-item::before { border-width: var(--dc133m-borderWidthMain-mobile); } } .beae-media-product { gap: var(--dc133m-gap-mobile, 16px); &[data-position-thumbs-mobile='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--dc133m-widthItemThumbs-mobile, 64px) !important; max-width: var(--dc133m-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--dc133m-imageRatioMain-mobile); .beae-product-image { object-fit: var(--dc133m-objFit-mobile, var(--dc133m-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--dc133m-imageRatioThumbs-mobile); border-radius: var(--dc133m-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--dc133m-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--dc133m-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--dc133m-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--dc133m-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--dc133m-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--dc133m-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--dc133m-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--dc133m-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--dc133m-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--dc133m-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--dc133m-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--dc133m-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--dc133m-navPadding, 12px); background: var(--dc133m-navBg, #F5F5F5); color: var(--dc133m-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--dc133m-navBgHover, #CCCCCC); color: var(--dc133m-navColorHover, #333333); } svg { width: var(--dc133m-navIconSize, 20px); height: var(--dc133m-navIconSize, 20px); } } } }[data-bnode="beae-p2ao29"] { --p2ao29-direction: column; --p2ao29-direction-tablet: column; --p2ao29-direction-mobile: column; --p2ao29-align-items: stretch; --p2ao29-align-items-tablet: stretch; --p2ao29-align-items-mobile: stretch; --p2ao29-gap: 28px; --p2ao29-gap-tablet: 28px; --p2ao29-gap-mobile: 24px; --p2ao29-padding-top: 64px; --p2ao29-padding-top-tablet: 28px; --p2ao29-padding-top-mobile: 24px; --p2ao29-padding-right: 64px; --p2ao29-padding-right-tablet: 28px; --p2ao29-padding-right-mobile: 20px; --p2ao29-padding-bottom: 64px; --p2ao29-padding-bottom-tablet: 28px; --p2ao29-padding-bottom-mobile: 24px; --p2ao29-padding-left: 64px; --p2ao29-padding-left-tablet: 28px; --p2ao29-padding-left-mobile: 20px; --p2ao29-borderRadius-tl: 24px; --p2ao29-borderRadius-tl-tablet: 24px; --p2ao29-borderRadius-tl-mobile: 24px; --p2ao29-borderRadius-tr: 24px; --p2ao29-borderRadius-tr-tablet: 24px; --p2ao29-borderRadius-tr-mobile: 24px; --p2ao29-borderRadius-bl: 24px; --p2ao29-borderRadius-bl-tablet: 24px; --p2ao29-borderRadius-bl-mobile: 24px; --p2ao29-borderRadius-br: 24px; --p2ao29-borderRadius-br-tablet: 24px; --p2ao29-borderRadius-br-mobile: 24px; --p2ao29-background-type: color; --p2ao29-background-type-tablet: color; --p2ao29-background-type-mobile: color; --p2ao29-background-color: #ffffff; --p2ao29-background-color-tablet: #ffffff; --p2ao29-background-color-mobile: #ffffff; }[data-bnode="beae-p2ao29"] { padding-top: var(--p2ao29-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--p2ao29-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--p2ao29-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--p2ao29-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p2ao29-padding-top-tablet, var(--p2ao29-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--p2ao29-padding-right-tablet, var(--p2ao29-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--p2ao29-padding-bottom-tablet, var(--p2ao29-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--p2ao29-padding-left-tablet, var(--p2ao29-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p2ao29-padding-top-mobile, var(--p2ao29-padding-top-tablet, var(--p2ao29-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--p2ao29-padding-right-mobile, var(--p2ao29-padding-right-tablet, var(--p2ao29-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--p2ao29-padding-bottom-mobile, var(--p2ao29-padding-bottom-tablet, var(--p2ao29-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--p2ao29-padding-left-mobile, var(--p2ao29-padding-left-tablet, var(--p2ao29-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--p2ao29-padding-left, var(--beae-slot-padding-x, 0px)) - var(--p2ao29-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(--p2ao29-background-imageRatio, auto); background: var(--p2ao29-background-color,transparent); border-style: var(--p2ao29-borderStyle,solid); border-color: var(--p2ao29-borderColor,#000000); border-width: var(--p2ao29-borderWidth-tl,0px) var(--p2ao29-borderWidth-tr,0px) var(--p2ao29-borderWidth-br,0px) var(--p2ao29-borderWidth-bl,0px); border-radius: var(--p2ao29-borderRadius-tl,0px) var(--p2ao29-borderRadius-tr,0px) var(--p2ao29-borderRadius-br,0px) var(--p2ao29-borderRadius-bl,0px); box-shadow: if(style(--p2ao29-enableShadow: true): var(--p2ao29-shadowHorizontal,0) var(--p2ao29-shadowVertical,0) var(--p2ao29-shadowBlur,0) 1px var(--p2ao29-shadowColor,#000000); else: none); max-width: var(--p2ao29-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--p2ao29-background-imageRatio-tablet, var(--p2ao29-background-imageRatio, auto)); border-width: var(--p2ao29-borderWidth-tl-tablet,0px) var(--p2ao29-borderWidth-tr-tablet,0px) var(--p2ao29-borderWidth-br-tablet,0px) var(--p2ao29-borderWidth-bl-tablet,0px); border-radius: var(--p2ao29-borderRadius-tl-tablet,0px) var(--p2ao29-borderRadius-tr-tablet,0px) var(--p2ao29-borderRadius-br-tablet,0px) var(--p2ao29-borderRadius-bl-tablet,0px); max-width: var(--p2ao29-max-width-tablet, var(--p2ao29-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--p2ao29-background-imageRatio-mobile, var(--p2ao29-background-imageRatio, auto)); border-width: var(--p2ao29-borderWidth-tl-mobile,0px) var(--p2ao29-borderWidth-tr-mobile,0px) var(--p2ao29-borderWidth-br-mobile,0px) var(--p2ao29-borderWidth-bl-mobile,0px); border-radius: var(--p2ao29-borderRadius-tl-mobile,0px) var(--p2ao29-borderRadius-tr-mobile,0px) var(--p2ao29-borderRadius-br-mobile,0px) var(--p2ao29-borderRadius-bl-mobile,0px); max-width: var(--p2ao29-max-width-mobile, var(--p2ao29-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--p2ao29-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--p2ao29-gap,var(--beae-card-gap)); padding-top: var(--p2ao29-padding-top,var(--beae-card-padding)); padding-right: var(--p2ao29-padding-right,var(--beae-card-padding)); padding-bottom: var(--p2ao29-padding-bottom,var(--beae-card-padding)); padding-left: var(--p2ao29-padding-left,var(--beae-card-padding)); border-width: var(--p2ao29-borderWidth,var(--beae-card-border-width)); border-width: var(--p2ao29-borderWidth-tl,var(--beae-card-border-width)) var(--p2ao29-borderWidth-tr,var(--beae-card-border-width)) var(--p2ao29-borderWidth-br,var(--beae-card-border-width)) var(--p2ao29-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p2ao29-borderRadius-tl,var(--beae-card-border-radius)) var(--p2ao29-borderRadius-tr,var(--beae-card-border-radius)) var(--p2ao29-borderRadius-br,var(--beae-card-border-radius)) var(--p2ao29-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(--p2ao29-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--p2ao29-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--p2ao29-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--p2ao29-padding-left-tablet,var(--beae-card-padding)); border-width: var(--p2ao29-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--p2ao29-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--p2ao29-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--p2ao29-borderWidth-br-desktop,var(--beae-card-border-width)) var(--p2ao29-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--p2ao29-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--p2ao29-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--p2ao29-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--p2ao29-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--p2ao29-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--p2ao29-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--p2ao29-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--p2ao29-padding-left-mobile,var(--beae-card-padding)); border-width: var(--p2ao29-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--p2ao29-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--p2ao29-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--p2ao29-borderWidth-br-mobile,var(--beae-card-border-width)) var(--p2ao29-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--p2ao29-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--p2ao29-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--p2ao29-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--p2ao29-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--p2ao29-background-color,var(--beae-card-featured-background)); border-color: var(--p2ao29-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--p2ao29-enableShadow: true): var(--p2ao29-shadowHorizontal, var(--beae-card-shadow-x)) var(--p2ao29-shadowVertical, var(--beae-card-shadow-y)) var(--p2ao29-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p2ao29-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--p2ao29-background-color,var(--beae-card-prod-background)); border-color: var(--p2ao29-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--p2ao29-enableShadow: true): var(--p2ao29-shadowHorizontal, var(--beae-card-shadow-x)) var(--p2ao29-shadowVertical, var(--beae-card-shadow-y)) var(--p2ao29-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p2ao29-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--p2ao29-background-color,var(--beae-card-pricing-background)); border-color: var(--p2ao29-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--p2ao29-enableShadow: true): var(--p2ao29-shadowHorizontal, var(--beae-card-shadow-x)) var(--p2ao29-shadowVertical, var(--beae-card-shadow-y)) var(--p2ao29-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p2ao29-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--p2ao29-background-color,var(--beae-card-cta-background)); border-color: var(--p2ao29-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--p2ao29-enableShadow: true): var(--p2ao29-shadowHorizontal, var(--beae-card-shadow-x)) var(--p2ao29-shadowVertical, var(--beae-card-shadow-y)) var(--p2ao29-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p2ao29-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--p2ao29-background-color,var(--beae-card-media-background)); border-color: var(--p2ao29-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--p2ao29-enableShadow: true): var(--p2ao29-shadowHorizontal, var(--beae-card-shadow-x)) var(--p2ao29-shadowVertical, var(--beae-card-shadow-y)) var(--p2ao29-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p2ao29-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-p2ao29"] {     display: flex;     flex-direction: var(--p2ao29-direction, column);     flex-wrap: nowrap;     justify-content: var(--p2ao29-justify-content);     align-items: var(--p2ao29-align-items);     gap: var(--p2ao29-gap, var(--p2ao29-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-p2ao29"] {                            gap: var(--p2ao29-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(14.29% - var(--p2ao29-padding-right-tablet, 0px) - var(--p2ao29-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-p2ao29"] {                            gap: var(--p2ao29-gap-mobile, var(--p2ao29-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(14.29% - var(--p2ao29-padding-right-mobile, 0px) - var(--p2ao29-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-yczkal"] { --yczkal-direction: column; --yczkal-direction-tablet: column; --yczkal-direction-mobile: column; --yczkal-structure: columns; --yczkal-structure-tablet: columns; --yczkal-structure-mobile: columns; --yczkal-gap: 20px; --yczkal-gap-tablet: 20px; --yczkal-gap-mobile: 16px; }[data-bnode="beae-yczkal"] { padding-top: var(--yczkal-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--yczkal-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--yczkal-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--yczkal-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--yczkal-padding-top-tablet, var(--yczkal-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--yczkal-padding-right-tablet, var(--yczkal-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--yczkal-padding-bottom-tablet, var(--yczkal-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--yczkal-padding-left-tablet, var(--yczkal-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--yczkal-padding-top-mobile, var(--yczkal-padding-top-tablet, var(--yczkal-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--yczkal-padding-right-mobile, var(--yczkal-padding-right-tablet, var(--yczkal-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--yczkal-padding-bottom-mobile, var(--yczkal-padding-bottom-tablet, var(--yczkal-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--yczkal-padding-left-mobile, var(--yczkal-padding-left-tablet, var(--yczkal-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--yczkal-padding-left, var(--beae-slot-padding-x, 0px)) - var(--yczkal-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(--yczkal-background-imageRatio, auto); background: var(--yczkal-background-color,transparent); border-style: var(--yczkal-borderStyle,solid); border-color: var(--yczkal-borderColor,#000000); border-width: var(--yczkal-borderWidth-tl,0px) var(--yczkal-borderWidth-tr,0px) var(--yczkal-borderWidth-br,0px) var(--yczkal-borderWidth-bl,0px); border-radius: var(--yczkal-borderRadius-tl,0px) var(--yczkal-borderRadius-tr,0px) var(--yczkal-borderRadius-br,0px) var(--yczkal-borderRadius-bl,0px); box-shadow: if(style(--yczkal-enableShadow: true): var(--yczkal-shadowHorizontal,0) var(--yczkal-shadowVertical,0) var(--yczkal-shadowBlur,0) 1px var(--yczkal-shadowColor,#000000); else: none); max-width: var(--yczkal-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--yczkal-background-imageRatio-tablet, var(--yczkal-background-imageRatio, auto)); border-width: var(--yczkal-borderWidth-tl-tablet,0px) var(--yczkal-borderWidth-tr-tablet,0px) var(--yczkal-borderWidth-br-tablet,0px) var(--yczkal-borderWidth-bl-tablet,0px); border-radius: var(--yczkal-borderRadius-tl-tablet,0px) var(--yczkal-borderRadius-tr-tablet,0px) var(--yczkal-borderRadius-br-tablet,0px) var(--yczkal-borderRadius-bl-tablet,0px); max-width: var(--yczkal-max-width-tablet, var(--yczkal-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--yczkal-background-imageRatio-mobile, var(--yczkal-background-imageRatio, auto)); border-width: var(--yczkal-borderWidth-tl-mobile,0px) var(--yczkal-borderWidth-tr-mobile,0px) var(--yczkal-borderWidth-br-mobile,0px) var(--yczkal-borderWidth-bl-mobile,0px); border-radius: var(--yczkal-borderRadius-tl-mobile,0px) var(--yczkal-borderRadius-tr-mobile,0px) var(--yczkal-borderRadius-br-mobile,0px) var(--yczkal-borderRadius-bl-mobile,0px); max-width: var(--yczkal-max-width-mobile, var(--yczkal-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--yczkal-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--yczkal-gap,var(--beae-card-gap)); padding-top: var(--yczkal-padding-top,var(--beae-card-padding)); padding-right: var(--yczkal-padding-right,var(--beae-card-padding)); padding-bottom: var(--yczkal-padding-bottom,var(--beae-card-padding)); padding-left: var(--yczkal-padding-left,var(--beae-card-padding)); border-width: var(--yczkal-borderWidth,var(--beae-card-border-width)); border-width: var(--yczkal-borderWidth-tl,var(--beae-card-border-width)) var(--yczkal-borderWidth-tr,var(--beae-card-border-width)) var(--yczkal-borderWidth-br,var(--beae-card-border-width)) var(--yczkal-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--yczkal-borderRadius-tl,var(--beae-card-border-radius)) var(--yczkal-borderRadius-tr,var(--beae-card-border-radius)) var(--yczkal-borderRadius-br,var(--beae-card-border-radius)) var(--yczkal-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(--yczkal-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--yczkal-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--yczkal-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--yczkal-padding-left-tablet,var(--beae-card-padding)); border-width: var(--yczkal-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--yczkal-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--yczkal-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--yczkal-borderWidth-br-desktop,var(--beae-card-border-width)) var(--yczkal-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--yczkal-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--yczkal-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--yczkal-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--yczkal-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--yczkal-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--yczkal-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--yczkal-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--yczkal-padding-left-mobile,var(--beae-card-padding)); border-width: var(--yczkal-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--yczkal-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--yczkal-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--yczkal-borderWidth-br-mobile,var(--beae-card-border-width)) var(--yczkal-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--yczkal-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--yczkal-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--yczkal-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--yczkal-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--yczkal-background-color,var(--beae-card-featured-background)); border-color: var(--yczkal-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--yczkal-enableShadow: true): var(--yczkal-shadowHorizontal, var(--beae-card-shadow-x)) var(--yczkal-shadowVertical, var(--beae-card-shadow-y)) var(--yczkal-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yczkal-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--yczkal-background-color,var(--beae-card-prod-background)); border-color: var(--yczkal-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--yczkal-enableShadow: true): var(--yczkal-shadowHorizontal, var(--beae-card-shadow-x)) var(--yczkal-shadowVertical, var(--beae-card-shadow-y)) var(--yczkal-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yczkal-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--yczkal-background-color,var(--beae-card-pricing-background)); border-color: var(--yczkal-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--yczkal-enableShadow: true): var(--yczkal-shadowHorizontal, var(--beae-card-shadow-x)) var(--yczkal-shadowVertical, var(--beae-card-shadow-y)) var(--yczkal-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yczkal-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--yczkal-background-color,var(--beae-card-cta-background)); border-color: var(--yczkal-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--yczkal-enableShadow: true): var(--yczkal-shadowHorizontal, var(--beae-card-shadow-x)) var(--yczkal-shadowVertical, var(--beae-card-shadow-y)) var(--yczkal-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yczkal-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--yczkal-background-color,var(--beae-card-media-background)); border-color: var(--yczkal-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--yczkal-enableShadow: true): var(--yczkal-shadowHorizontal, var(--beae-card-shadow-x)) var(--yczkal-shadowVertical, var(--beae-card-shadow-y)) var(--yczkal-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yczkal-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-yczkal"] {     display: flex;     flex-direction: var(--yczkal-direction, column);     flex-wrap: nowrap;     justify-content: var(--yczkal-justify-content);     align-items: var(--yczkal-align-items);     gap: var(--yczkal-gap, var(--yczkal-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-yczkal"] {                            gap: var(--yczkal-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(--yczkal-padding-right-tablet, 0px) - var(--yczkal-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-yczkal"] {                            gap: var(--yczkal-gap-mobile, var(--yczkal-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(--yczkal-padding-right-mobile, 0px) - var(--yczkal-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-zoj9hs"] { --zoj9hs-direction: row; --zoj9hs-direction-tablet: row; --zoj9hs-direction-mobile: row; --zoj9hs-structure: columns; --zoj9hs-structure-tablet: columns; --zoj9hs-structure-mobile: columns; --zoj9hs-max-width: fit-content; --zoj9hs-max-width-tablet: fit-content; --zoj9hs-max-width-mobile: fit-content; --zoj9hs-padding-top: 6px; --zoj9hs-padding-top-tablet: 6px; --zoj9hs-padding-top-mobile: 6px; --zoj9hs-padding-right: 12px; --zoj9hs-padding-right-tablet: 12px; --zoj9hs-padding-right-mobile: 12px; --zoj9hs-padding-bottom: 6px; --zoj9hs-padding-bottom-tablet: 6px; --zoj9hs-padding-bottom-mobile: 6px; --zoj9hs-padding-left: 12px; --zoj9hs-padding-left-tablet: 12px; --zoj9hs-padding-left-mobile: 12px; --zoj9hs-background-type: color; --zoj9hs-background-type-tablet: color; --zoj9hs-background-type-mobile: color; --zoj9hs-background-color: #b59b7d; --zoj9hs-background-color-tablet: #b59b7d; --zoj9hs-background-color-mobile: #b59b7d; --zoj9hs-borderRadius-tl: 9999px; --zoj9hs-borderRadius-tl-tablet: 9999px; --zoj9hs-borderRadius-tl-mobile: 9999px; --zoj9hs-borderRadius-tr: 9999px; --zoj9hs-borderRadius-tr-tablet: 9999px; --zoj9hs-borderRadius-tr-mobile: 9999px; --zoj9hs-borderRadius-bl: 9999px; --zoj9hs-borderRadius-bl-tablet: 9999px; --zoj9hs-borderRadius-bl-mobile: 9999px; --zoj9hs-borderRadius-br: 9999px; --zoj9hs-borderRadius-br-tablet: 9999px; --zoj9hs-borderRadius-br-mobile: 9999px; }[data-bnode="beae-zoj9hs"] { padding-top: var(--zoj9hs-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zoj9hs-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zoj9hs-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zoj9hs-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zoj9hs-padding-top-tablet, var(--zoj9hs-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zoj9hs-padding-right-tablet, var(--zoj9hs-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zoj9hs-padding-bottom-tablet, var(--zoj9hs-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zoj9hs-padding-left-tablet, var(--zoj9hs-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zoj9hs-padding-top-mobile, var(--zoj9hs-padding-top-tablet, var(--zoj9hs-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zoj9hs-padding-right-mobile, var(--zoj9hs-padding-right-tablet, var(--zoj9hs-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zoj9hs-padding-bottom-mobile, var(--zoj9hs-padding-bottom-tablet, var(--zoj9hs-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zoj9hs-padding-left-mobile, var(--zoj9hs-padding-left-tablet, var(--zoj9hs-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zoj9hs-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zoj9hs-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(--zoj9hs-background-imageRatio, auto); background: var(--zoj9hs-background-color,transparent); border-style: var(--zoj9hs-borderStyle,solid); border-color: var(--zoj9hs-borderColor,#000000); border-width: var(--zoj9hs-borderWidth-tl,0px) var(--zoj9hs-borderWidth-tr,0px) var(--zoj9hs-borderWidth-br,0px) var(--zoj9hs-borderWidth-bl,0px); border-radius: var(--zoj9hs-borderRadius-tl,0px) var(--zoj9hs-borderRadius-tr,0px) var(--zoj9hs-borderRadius-br,0px) var(--zoj9hs-borderRadius-bl,0px); box-shadow: if(style(--zoj9hs-enableShadow: true): var(--zoj9hs-shadowHorizontal,0) var(--zoj9hs-shadowVertical,0) var(--zoj9hs-shadowBlur,0) 1px var(--zoj9hs-shadowColor,#000000); else: none); max-width: var(--zoj9hs-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zoj9hs-background-imageRatio-tablet, var(--zoj9hs-background-imageRatio, auto)); border-width: var(--zoj9hs-borderWidth-tl-tablet,0px) var(--zoj9hs-borderWidth-tr-tablet,0px) var(--zoj9hs-borderWidth-br-tablet,0px) var(--zoj9hs-borderWidth-bl-tablet,0px); border-radius: var(--zoj9hs-borderRadius-tl-tablet,0px) var(--zoj9hs-borderRadius-tr-tablet,0px) var(--zoj9hs-borderRadius-br-tablet,0px) var(--zoj9hs-borderRadius-bl-tablet,0px); max-width: var(--zoj9hs-max-width-tablet, var(--zoj9hs-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zoj9hs-background-imageRatio-mobile, var(--zoj9hs-background-imageRatio, auto)); border-width: var(--zoj9hs-borderWidth-tl-mobile,0px) var(--zoj9hs-borderWidth-tr-mobile,0px) var(--zoj9hs-borderWidth-br-mobile,0px) var(--zoj9hs-borderWidth-bl-mobile,0px); border-radius: var(--zoj9hs-borderRadius-tl-mobile,0px) var(--zoj9hs-borderRadius-tr-mobile,0px) var(--zoj9hs-borderRadius-br-mobile,0px) var(--zoj9hs-borderRadius-bl-mobile,0px); max-width: var(--zoj9hs-max-width-mobile, var(--zoj9hs-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zoj9hs-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zoj9hs-gap,var(--beae-card-gap)); padding-top: var(--zoj9hs-padding-top,var(--beae-card-padding)); padding-right: var(--zoj9hs-padding-right,var(--beae-card-padding)); padding-bottom: var(--zoj9hs-padding-bottom,var(--beae-card-padding)); padding-left: var(--zoj9hs-padding-left,var(--beae-card-padding)); border-width: var(--zoj9hs-borderWidth,var(--beae-card-border-width)); border-width: var(--zoj9hs-borderWidth-tl,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-tr,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-br,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zoj9hs-borderRadius-tl,var(--beae-card-border-radius)) var(--zoj9hs-borderRadius-tr,var(--beae-card-border-radius)) var(--zoj9hs-borderRadius-br,var(--beae-card-border-radius)) var(--zoj9hs-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(--zoj9hs-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zoj9hs-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zoj9hs-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zoj9hs-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zoj9hs-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zoj9hs-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zoj9hs-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zoj9hs-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zoj9hs-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zoj9hs-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zoj9hs-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zoj9hs-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zoj9hs-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zoj9hs-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zoj9hs-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zoj9hs-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zoj9hs-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zoj9hs-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zoj9hs-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zoj9hs-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zoj9hs-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zoj9hs-background-color,var(--beae-card-featured-background)); border-color: var(--zoj9hs-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zoj9hs-enableShadow: true): var(--zoj9hs-shadowHorizontal, var(--beae-card-shadow-x)) var(--zoj9hs-shadowVertical, var(--beae-card-shadow-y)) var(--zoj9hs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zoj9hs-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zoj9hs-background-color,var(--beae-card-prod-background)); border-color: var(--zoj9hs-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zoj9hs-enableShadow: true): var(--zoj9hs-shadowHorizontal, var(--beae-card-shadow-x)) var(--zoj9hs-shadowVertical, var(--beae-card-shadow-y)) var(--zoj9hs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zoj9hs-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zoj9hs-background-color,var(--beae-card-pricing-background)); border-color: var(--zoj9hs-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zoj9hs-enableShadow: true): var(--zoj9hs-shadowHorizontal, var(--beae-card-shadow-x)) var(--zoj9hs-shadowVertical, var(--beae-card-shadow-y)) var(--zoj9hs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zoj9hs-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zoj9hs-background-color,var(--beae-card-cta-background)); border-color: var(--zoj9hs-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zoj9hs-enableShadow: true): var(--zoj9hs-shadowHorizontal, var(--beae-card-shadow-x)) var(--zoj9hs-shadowVertical, var(--beae-card-shadow-y)) var(--zoj9hs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zoj9hs-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zoj9hs-background-color,var(--beae-card-media-background)); border-color: var(--zoj9hs-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zoj9hs-enableShadow: true): var(--zoj9hs-shadowHorizontal, var(--beae-card-shadow-x)) var(--zoj9hs-shadowVertical, var(--beae-card-shadow-y)) var(--zoj9hs-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zoj9hs-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-zoj9hs"] {     display: flex;     flex-direction: var(--zoj9hs-direction, column);     flex-wrap: nowrap;     justify-content: var(--zoj9hs-justify-content);     align-items: var(--zoj9hs-align-items);     gap: var(--zoj9hs-gap, var(--zoj9hs-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--zoj9hs-padding-right, 0px) - var(--zoj9hs-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zoj9hs"] {                            gap: var(--zoj9hs-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(--zoj9hs-padding-right-tablet, 0px) - var(--zoj9hs-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zoj9hs"] {                            gap: var(--zoj9hs-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(--zoj9hs-padding-right-mobile, 0px) - var(--zoj9hs-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-i74gb1"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --i74gb1-typography: p; --i74gb1-typography-tablet: p; --i74gb1-typography-mobile: p; --i74gb1-margin-top: 0px; --i74gb1-margin-top-tablet: 0px; --i74gb1-margin-top-mobile: 0px; --i74gb1-margin-right: 0px; --i74gb1-margin-right-tablet: 0px; --i74gb1-margin-right-mobile: 0px; --i74gb1-margin-bottom: 0px; --i74gb1-margin-bottom-tablet: 0px; --i74gb1-margin-bottom-mobile: 0px; --i74gb1-margin-left: 0px; --i74gb1-margin-left-tablet: 0px; --i74gb1-margin-left-mobile: 0px; }[data-bnode="beae-i74gb1"] { margin-top: var(--i74gb1-margin-top, 0px); margin-right: var(--i74gb1-margin-right, 0px); margin-bottom: var(--i74gb1-margin-bottom, 0px); margin-left: var(--i74gb1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i74gb1-margin-top-tablet, 0px); margin-right: var(--i74gb1-margin-right-tablet, 0px); margin-bottom: var(--i74gb1-margin-bottom-tablet, 0px); margin-left: var(--i74gb1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i74gb1-margin-top-mobile, 0px); margin-right: var(--i74gb1-margin-right-mobile, 0px); margin-bottom: var(--i74gb1-margin-bottom-mobile, 0px); margin-left: var(--i74gb1-margin-left-mobile, 0px); } }[data-bnode="beae-do554u"] { --do554u-direction: column; --do554u-direction-tablet: column; --do554u-direction-mobile: column; --do554u-structure: columns; --do554u-structure-tablet: columns; --do554u-structure-mobile: columns; --do554u-gap: 8px; --do554u-gap-tablet: 8px; --do554u-gap-mobile: 8px; }[data-bnode="beae-do554u"] { padding-top: var(--do554u-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--do554u-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--do554u-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--do554u-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--do554u-padding-top-tablet, var(--do554u-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--do554u-padding-right-tablet, var(--do554u-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--do554u-padding-bottom-tablet, var(--do554u-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--do554u-padding-left-tablet, var(--do554u-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--do554u-padding-top-mobile, var(--do554u-padding-top-tablet, var(--do554u-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--do554u-padding-right-mobile, var(--do554u-padding-right-tablet, var(--do554u-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--do554u-padding-bottom-mobile, var(--do554u-padding-bottom-tablet, var(--do554u-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--do554u-padding-left-mobile, var(--do554u-padding-left-tablet, var(--do554u-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--do554u-padding-left, var(--beae-slot-padding-x, 0px)) - var(--do554u-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(--do554u-background-imageRatio, auto); background: var(--do554u-background-color,transparent); border-style: var(--do554u-borderStyle,solid); border-color: var(--do554u-borderColor,#000000); border-width: var(--do554u-borderWidth-tl,0px) var(--do554u-borderWidth-tr,0px) var(--do554u-borderWidth-br,0px) var(--do554u-borderWidth-bl,0px); border-radius: var(--do554u-borderRadius-tl,0px) var(--do554u-borderRadius-tr,0px) var(--do554u-borderRadius-br,0px) var(--do554u-borderRadius-bl,0px); box-shadow: if(style(--do554u-enableShadow: true): var(--do554u-shadowHorizontal,0) var(--do554u-shadowVertical,0) var(--do554u-shadowBlur,0) 1px var(--do554u-shadowColor,#000000); else: none); max-width: var(--do554u-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--do554u-background-imageRatio-tablet, var(--do554u-background-imageRatio, auto)); border-width: var(--do554u-borderWidth-tl-tablet,0px) var(--do554u-borderWidth-tr-tablet,0px) var(--do554u-borderWidth-br-tablet,0px) var(--do554u-borderWidth-bl-tablet,0px); border-radius: var(--do554u-borderRadius-tl-tablet,0px) var(--do554u-borderRadius-tr-tablet,0px) var(--do554u-borderRadius-br-tablet,0px) var(--do554u-borderRadius-bl-tablet,0px); max-width: var(--do554u-max-width-tablet, var(--do554u-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--do554u-background-imageRatio-mobile, var(--do554u-background-imageRatio, auto)); border-width: var(--do554u-borderWidth-tl-mobile,0px) var(--do554u-borderWidth-tr-mobile,0px) var(--do554u-borderWidth-br-mobile,0px) var(--do554u-borderWidth-bl-mobile,0px); border-radius: var(--do554u-borderRadius-tl-mobile,0px) var(--do554u-borderRadius-tr-mobile,0px) var(--do554u-borderRadius-br-mobile,0px) var(--do554u-borderRadius-bl-mobile,0px); max-width: var(--do554u-max-width-mobile, var(--do554u-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--do554u-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--do554u-gap,var(--beae-card-gap)); padding-top: var(--do554u-padding-top,var(--beae-card-padding)); padding-right: var(--do554u-padding-right,var(--beae-card-padding)); padding-bottom: var(--do554u-padding-bottom,var(--beae-card-padding)); padding-left: var(--do554u-padding-left,var(--beae-card-padding)); border-width: var(--do554u-borderWidth,var(--beae-card-border-width)); border-width: var(--do554u-borderWidth-tl,var(--beae-card-border-width)) var(--do554u-borderWidth-tr,var(--beae-card-border-width)) var(--do554u-borderWidth-br,var(--beae-card-border-width)) var(--do554u-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--do554u-borderRadius-tl,var(--beae-card-border-radius)) var(--do554u-borderRadius-tr,var(--beae-card-border-radius)) var(--do554u-borderRadius-br,var(--beae-card-border-radius)) var(--do554u-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(--do554u-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--do554u-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--do554u-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--do554u-padding-left-tablet,var(--beae-card-padding)); border-width: var(--do554u-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--do554u-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--do554u-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--do554u-borderWidth-br-desktop,var(--beae-card-border-width)) var(--do554u-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--do554u-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--do554u-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--do554u-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--do554u-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--do554u-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--do554u-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--do554u-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--do554u-padding-left-mobile,var(--beae-card-padding)); border-width: var(--do554u-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--do554u-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--do554u-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--do554u-borderWidth-br-mobile,var(--beae-card-border-width)) var(--do554u-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--do554u-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--do554u-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--do554u-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--do554u-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--do554u-background-color,var(--beae-card-featured-background)); border-color: var(--do554u-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--do554u-enableShadow: true): var(--do554u-shadowHorizontal, var(--beae-card-shadow-x)) var(--do554u-shadowVertical, var(--beae-card-shadow-y)) var(--do554u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--do554u-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--do554u-background-color,var(--beae-card-prod-background)); border-color: var(--do554u-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--do554u-enableShadow: true): var(--do554u-shadowHorizontal, var(--beae-card-shadow-x)) var(--do554u-shadowVertical, var(--beae-card-shadow-y)) var(--do554u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--do554u-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--do554u-background-color,var(--beae-card-pricing-background)); border-color: var(--do554u-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--do554u-enableShadow: true): var(--do554u-shadowHorizontal, var(--beae-card-shadow-x)) var(--do554u-shadowVertical, var(--beae-card-shadow-y)) var(--do554u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--do554u-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--do554u-background-color,var(--beae-card-cta-background)); border-color: var(--do554u-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--do554u-enableShadow: true): var(--do554u-shadowHorizontal, var(--beae-card-shadow-x)) var(--do554u-shadowVertical, var(--beae-card-shadow-y)) var(--do554u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--do554u-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--do554u-background-color,var(--beae-card-media-background)); border-color: var(--do554u-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--do554u-enableShadow: true): var(--do554u-shadowHorizontal, var(--beae-card-shadow-x)) var(--do554u-shadowVertical, var(--beae-card-shadow-y)) var(--do554u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--do554u-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-do554u"] {     display: flex;     flex-direction: var(--do554u-direction, column);     flex-wrap: nowrap;     justify-content: var(--do554u-justify-content);     align-items: var(--do554u-align-items);     gap: var(--do554u-gap, var(--do554u-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-do554u"] {                            gap: var(--do554u-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(--do554u-padding-right-tablet, 0px) - var(--do554u-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-do554u"] {                            gap: var(--do554u-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(--do554u-padding-right-mobile, 0px) - var(--do554u-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-w1zxhi"] { --w1zxhi-typography: h2; --w1zxhi-typography-tablet: h2; --w1zxhi-typography-mobile: h2; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #100D09; --beae-h2-font-weight: 700; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-text-transform: capitalize; --beae-h2-font-size: 44px; --beae-h2-line-height: 1.2; --w1zxhi-margin-top: 0px; --w1zxhi-margin-top-tablet: 0px; --w1zxhi-margin-top-mobile: 0px; --w1zxhi-margin-right: 0px; --w1zxhi-margin-right-tablet: 0px; --w1zxhi-margin-right-mobile: 0px; --w1zxhi-margin-bottom: 0px; --w1zxhi-margin-bottom-tablet: 0px; --w1zxhi-margin-bottom-mobile: 0px; --w1zxhi-margin-left: 0px; --w1zxhi-margin-left-tablet: 0px; --w1zxhi-margin-left-mobile: 0px; --beae-h2-font-size-tablet: 32px; --beae-h2-line-height-tablet: 1.3; --beae-h2-line-height-mobile: 1.3; --beae-h2-letter-spacing-mobile: 0px; }[data-bnode="beae-w1zxhi"] { margin-top: var(--w1zxhi-margin-top, 0px); margin-right: var(--w1zxhi-margin-right, 0px); margin-bottom: var(--w1zxhi-margin-bottom, 0px); margin-left: var(--w1zxhi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w1zxhi-margin-top-tablet, 0px); margin-right: var(--w1zxhi-margin-right-tablet, 0px); margin-bottom: var(--w1zxhi-margin-bottom-tablet, 0px); margin-left: var(--w1zxhi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w1zxhi-margin-top-mobile, 0px); margin-right: var(--w1zxhi-margin-right-mobile, 0px); margin-bottom: var(--w1zxhi-margin-bottom-mobile, 0px); margin-left: var(--w1zxhi-margin-left-mobile, 0px); } }[data-bnode="beae-clhfny"] { --clhfny-priceType: salePrice; --clhfny-priceType-tablet: salePrice; --clhfny-priceType-mobile: salePrice; --clhfny-comparePriceColor: #A2825D; --clhfny-comparePriceColor-tablet: #A2825D; --clhfny-comparePriceColor-mobile: #A2825D; --clhfny-decoration: line-through; --clhfny-decoration-tablet: line-through; --clhfny-decoration-mobile: line-through; --clhfny-scale: 1; --clhfny-scale-tablet: 1; --clhfny-scale-mobile: 1; --clhfny-typography: p; --clhfny-typography-tablet: p; --clhfny-typography-mobile: p; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-font-size: 18px; --beae-p-font-size-tablet: 18px; --beae-p-font-size-mobile: 18px; --beae-p-color: #100d09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-clhfny"] { margin-top: var(--clhfny-margin-top, 0px); margin-right: var(--clhfny-margin-right, 0px); margin-bottom: var(--clhfny-margin-bottom, 0px); margin-left: var(--clhfny-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--clhfny-margin-top-tablet, 0px); margin-right: var(--clhfny-margin-right-tablet, 0px); margin-bottom: var(--clhfny-margin-bottom-tablet, 0px); margin-left: var(--clhfny-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--clhfny-margin-top-mobile, 0px); margin-right: var(--clhfny-margin-right-mobile, 0px); margin-bottom: var(--clhfny-margin-bottom-mobile, 0px); margin-left: var(--clhfny-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--clhfny-comparePriceColor); text-decoration: var(--clhfny-decoration,none); font-size: calc(var(--clhfny-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--clhfny-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-n7d67q"] { --n7d67q-typography: p; --n7d67q-typography-tablet: p; --n7d67q-typography-mobile: p; --n7d67q-borderRadius: 0px; --n7d67q-borderRadius-tablet: 0px; --n7d67q-borderRadius-mobile: 0px; --n7d67q-borderStyle: none; --n7d67q-borderStyle-tablet: none; --n7d67q-borderStyle-mobile: none; --n7d67q-borderWidth: 0px; --n7d67q-borderWidth-tablet: 0px; --n7d67q-borderWidth-mobile: 0px; --n7d67q-borderColor: #000000; --n7d67q-borderColor-tablet: #000000; --n7d67q-borderColor-mobile: #000000; --n7d67q-enableShadow: false; --n7d67q-enableShadow-tablet: false; --n7d67q-enableShadow-mobile: false; --n7d67q-shadowBlur: 0px; --n7d67q-shadowBlur-tablet: 0px; --n7d67q-shadowBlur-mobile: 0px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100d09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-text-transform: none; --n7d67q-margin-top: 0px; --n7d67q-margin-top-tablet: 0px; --n7d67q-margin-top-mobile: 0px; --n7d67q-margin-right: 0px; --n7d67q-margin-right-tablet: 0px; --n7d67q-margin-right-mobile: 0px; --n7d67q-margin-bottom: 0px; --n7d67q-margin-bottom-tablet: 0px; --n7d67q-margin-bottom-mobile: 0px; --n7d67q-margin-left: 0px; --n7d67q-margin-left-tablet: 0px; --n7d67q-margin-left-mobile: 0px; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; }[data-bnode="beae-n7d67q"] { margin-top: var(--n7d67q-margin-top, 0px); margin-right: var(--n7d67q-margin-right, 0px); margin-bottom: var(--n7d67q-margin-bottom, 0px); margin-left: var(--n7d67q-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--n7d67q-margin-top-tablet, 0px); margin-right: var(--n7d67q-margin-right-tablet, 0px); margin-bottom: var(--n7d67q-margin-bottom-tablet, 0px); margin-left: var(--n7d67q-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--n7d67q-margin-top-mobile, 0px); margin-right: var(--n7d67q-margin-right-mobile, 0px); margin-bottom: var(--n7d67q-margin-bottom-mobile, 0px); margin-left: var(--n7d67q-margin-left-mobile, 0px); } &.beae-metafield { border-style: var(--n7d67q-borderStyle,solid); border-color: var(--n7d67q-borderColor,#000000); border-width: var(--n7d67q-borderWidth-tl,0px) var(--n7d67q-borderWidth-tr,0px) var(--n7d67q-borderWidth-br,0px) var(--n7d67q-borderWidth-bl,0px); border-radius: var(--n7d67q-borderRadius-tl,0px) var(--n7d67q-borderRadius-tr,0px) var(--n7d67q-borderRadius-br,0px) var(--n7d67q-borderRadius-bl,0px); box-shadow: if(style(--n7d67q-enableShadow: true): var(--n7d67q-shadowHorizontal, 0) var(--n7d67q-shadowVertical, 0) var(--n7d67q-shadowBlur, 0) 1px var(--n7d67q-shadowColor, #000000); else: none); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--n7d67q-borderWidth-tl-tablet,0px) var(--n7d67q-borderWidth-tr-tablet,0px) var(--n7d67q-borderWidth-br-tablet,0px) var(--n7d67q-borderWidth-bl-tablet,0px); border-radius: var(--n7d67q-borderRadius-tl-tablet,0px) var(--n7d67q-borderRadius-tr-tablet,0px) var(--n7d67q-borderRadius-br-tablet,0px) var(--n7d67q-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--n7d67q-borderWidth-tl-mobile,0px) var(--n7d67q-borderWidth-tr-mobile,0px) var(--n7d67q-borderWidth-br-mobile,0px) var(--n7d67q-borderWidth-bl-mobile,0px); border-radius: var(--n7d67q-borderRadius-tl-mobile,0px) var(--n7d67q-borderRadius-tr-mobile,0px) var(--n7d67q-borderRadius-br-mobile,0px) var(--n7d67q-borderRadius-bl-mobile,0px); } p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.beae-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="beae-pwwkru"] { --pwwkru-columns: 4; --pwwkru-columns-tablet: 2; --pwwkru-columns-mobile: 1; --pwwkru-gap: 20px; --pwwkru-gap-tablet: 16px; --pwwkru-gap-mobile: 16px; --pwwkru-navType: false; --pwwkru-navType-tablet: false; --pwwkru-navType-mobile: false; --pwwkru-pagiType: false; --pwwkru-pagiType-tablet: false; --pwwkru-pagiType-mobile: false; --pwwkru-listType: grid; --pwwkru-listType-tablet: grid; --pwwkru-listType-mobile: grid; --pwwkru-stateNavigation: normal; --pwwkru-stateNavigation-tablet: normal; --pwwkru-stateNavigation-mobile: normal; --pwwkru-statePagination: normal; --pwwkru-statePagination-tablet: normal; --pwwkru-statePagination-mobile: normal; --pwwkru-stateNavigtion: normal; --pwwkru-stateNavigtion-tablet: normal; --pwwkru-stateNavigtion-mobile: normal; --pwwkru-margin-top: 12px; --pwwkru-margin-top-tablet: 12px; --pwwkru-margin-top-mobile: 8px; --pwwkru-margin-right: 0px; --pwwkru-margin-right-tablet: 0px; --pwwkru-margin-right-mobile: 0px; --pwwkru-margin-bottom: 12px; --pwwkru-margin-bottom-tablet: 12px; --pwwkru-margin-bottom-mobile: 8px; --pwwkru-margin-left: 0px; --pwwkru-margin-left-tablet: 0px; --pwwkru-margin-left-mobile: 0px; --pwwkru-columnsMobile-mobile: 2; } [data-bnode="beae-pwwkru"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-pwwkru"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-pwwkru"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-pwwkru"] [data-bnode="beae-tmh5ii"] { --tmh5ii-width: 100%; --tmh5ii-imageRatio: auto; --tmh5ii-objFit: cover; --tmh5ii-borderColor: #000000; --tmh5ii-shadowColor: #000000; --tmh5ii-borderStyle: none; --tmh5ii-enableShadow: false; } [data-bnode="beae-pwwkru"] [data-bnode="beae-sa3blj"] { --sa3blj-typography: h3; } [data-bnode="beae-pwwkru"] [data-bnode="beae-evqamr"] { --evqamr-typography: p; } [data-bnode="beae-pwwkru"] [data-bnode="beae-5lota5"] { --5lota5-width: 32px; --5lota5-imageRatio: 1/1; --5lota5-objFit: cover; --5lota5-borderColor: #000000; --5lota5-shadowColor: #000000; --5lota5-borderStyle: none; --5lota5-enableShadow: false; } [data-bnode="beae-pwwkru"] [data-bnode="beae-kdqwq9"] { --kdqwq9-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --beae-p-text-align: center; } [data-bnode="beae-pwwkru"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 10px; --be-ctl-item-gap-tablet: 10px; --be-ctl-item-gap-mobile: 10px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; }[data-bnode="beae-pwwkru"] { margin-top: var(--pwwkru-margin-top, 0px); margin-right: var(--pwwkru-margin-right, 0px); margin-bottom: var(--pwwkru-margin-bottom, 0px); margin-left: var(--pwwkru-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pwwkru-margin-top-tablet, 0px); margin-right: var(--pwwkru-margin-right-tablet, 0px); margin-bottom: var(--pwwkru-margin-bottom-tablet, 0px); margin-left: var(--pwwkru-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pwwkru-margin-top-mobile, 0px); margin-right: var(--pwwkru-margin-right-mobile, 0px); margin-bottom: var(--pwwkru-margin-bottom-mobile, 0px); margin-left: var(--pwwkru-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--pwwkru-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--pwwkru-gap,var(--beae-grid-gap, 20px)) * (var(--pwwkru-columns, 3) - 1) + 1px) / var(--pwwkru-columns, 3)); &:last-child{ margin-right: var(--pwwkru-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--pwwkru-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pwwkru-columns) - 1) * var(--pwwkru-gap,var(--beae-grid-gap, 20px))) / var(--pwwkru-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--pwwkru-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--pwwkru-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--pwwkru-columns-tablet, 3) - 1)) / var(--pwwkru-columns-tablet, 3)); &:last-child{ margin-right: var(--pwwkru-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--pwwkru-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pwwkru-columns-tablet) - 1) * var(--pwwkru-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--pwwkru-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--pwwkru-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--pwwkru-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--pwwkru-columnsMobile-mobile, 1) - 1)) / var(--pwwkru-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--pwwkru-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--pwwkru-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pwwkru-columnsMobile-mobile) - 1) * var(--pwwkru-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--pwwkru-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--pwwkru-navPadding,12px); background:var(--pwwkru-navBg,#F5F5F5); color: var(--pwwkru-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--pwwkru-navBgHover,#CCCCCC); color: var(--pwwkru-navColorHover,var(--beae-text-color)); } svg { width: var(--pwwkru-navIconSize,20px); height: var(--pwwkru-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--pwwkru-pagiBg,#E6E6E6); &.active { background:var(--pwwkru-pagiBgActive,#181818); } &:not(.active):hover { background:var(--pwwkru-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--pwwkru-pagiColor,#e6e6e6); &.active { color:var(--pwwkru-pagiColorActive,#181818); } &:not(.active):hover { color: var(--pwwkru-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--pwwkru-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--pwwkru-pagiBg,#E6E6E6); &.active { background: var(--pwwkru-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--pwwkru-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-pwwkru"] [data-bnode="beae-5lota5"] { margin-top: var(--5lota5-margin-top, 0px); margin-right: var(--5lota5-margin-right, 0px); margin-bottom: var(--5lota5-margin-bottom, 0px); margin-left: var(--5lota5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5lota5-margin-top-tablet, 0px); margin-right: var(--5lota5-margin-right-tablet, 0px); margin-bottom: var(--5lota5-margin-bottom-tablet, 0px); margin-left: var(--5lota5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5lota5-margin-top-mobile, 0px); margin-right: var(--5lota5-margin-right-mobile, 0px); margin-bottom: var(--5lota5-margin-bottom-mobile, 0px); margin-left: var(--5lota5-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--5lota5-width,100%) - var(--5lota5-margin-left,0px) - var(--5lota5-margin-right,0px)); min-height: min-content; border-style: var(--5lota5-borderStyle,solid); border-color: var(--5lota5-borderColor,#000000); border-width: var(--5lota5-borderWidth-tl,0px) var(--5lota5-borderWidth-tr,0px) var(--5lota5-borderWidth-br,0px) var(--5lota5-borderWidth-bl,0px); border-radius: var(--5lota5-borderRadius-tl,0px) var(--5lota5-borderRadius-tr,0px) var(--5lota5-borderRadius-br,0px) var(--5lota5-borderRadius-bl,0px); aspect-ratio: var(--5lota5-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--5lota5-borderWidth-tl-tablet, var(--5lota5-borderWidth-tl,0px)) var(--5lota5-borderWidth-tr-tablet, var(--5lota5-borderWidth-tr,0px)) var(--5lota5-borderWidth-br-tablet, var(--5lota5-borderWidth-br,0px)) var(--5lota5-borderWidth-bl-tablet, var(--5lota5-borderWidth-bl,0px)); border-radius: var(--5lota5-borderRadius-tl-tablet, var(--5lota5-borderRadius-tl,0px)) var(--5lota5-borderRadius-tr-tablet, var(--5lota5-borderRadius-tr,0px)) var(--5lota5-borderRadius-br-tablet, var(--5lota5-borderRadius-br,0px)) var(--5lota5-borderRadius-bl-tablet, var(--5lota5-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--5lota5-borderWidth-tl-mobile, var(--5lota5-borderWidth-tl,0px)) var(--5lota5-borderWidth-tr-mobile, var(--5lota5-borderWidth-tr,0px)) var(--5lota5-borderWidth-br-mobile, var(--5lota5-borderWidth-br,0px)) var(--5lota5-borderWidth-bl-mobile, var(--5lota5-borderWidth-bl,0px)); border-radius: var(--5lota5-borderRadius-tl-mobile, var(--5lota5-borderRadius-tl,0px)) var(--5lota5-borderRadius-tr-mobile, var(--5lota5-borderRadius-tr,0px)) var(--5lota5-borderRadius-br-mobile, var(--5lota5-borderRadius-br,0px)) var(--5lota5-borderRadius-bl-mobile, var(--5lota5-borderRadius-bl,0px)); } box-shadow: if( style(--5lota5-enableShadow: true): var(--5lota5-shadowHorizontal, 0) var(--5lota5-shadowVertical, 0) var(--5lota5-shadowBlur, 0) 1px var(--5lota5-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--5lota5-overlayColor-color, #000); opacity: var(--5lota5-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--5lota5-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--5lota5-width-tablet,var(--5lota5-width,100%)) - var(--5lota5-margin-left-tablet,var(--5lota5-margin-left,0px)) - var(--5lota5-margin-right-tablet,var(--5lota5-margin-right,0px))); aspect-ratio: var(--5lota5-imageRatio-tablet, var(--5lota5-imageRatio, auto)); img { object-fit: var(--5lota5-objFit-tablet, var(--5lota5-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--5lota5-width-mobile,var(--5lota5-width,100%)) - var(--5lota5-margin-left-mobile,var(--5lota5-margin-left,0px)) - var(--5lota5-margin-right-mobile,var(--5lota5-margin-right,0px))); aspect-ratio: var(--5lota5-imageRatio-mobile, var(--5lota5-imageRatio, auto)); img { object-fit: var(--5lota5-objFit-mobile, var(--5lota5-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-pwwkru"] [data-bnode="beae-kdqwq9"] { margin-top: var(--kdqwq9-margin-top, 0px); margin-right: var(--kdqwq9-margin-right, 0px); margin-bottom: var(--kdqwq9-margin-bottom, 0px); margin-left: var(--kdqwq9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kdqwq9-margin-top-tablet, 0px); margin-right: var(--kdqwq9-margin-right-tablet, 0px); margin-bottom: var(--kdqwq9-margin-bottom-tablet, 0px); margin-left: var(--kdqwq9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kdqwq9-margin-top-mobile, 0px); margin-right: var(--kdqwq9-margin-right-mobile, 0px); margin-bottom: var(--kdqwq9-margin-bottom-mobile, 0px); margin-left: var(--kdqwq9-margin-left-mobile, 0px); } } [data-bnode="beae-pwwkru"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-pwwkru"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pwwkru"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pwwkru"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-qb78np"] { --qb78np-variantType: options; --qb78np-variantType-tablet: options; --qb78np-variantType-mobile: options; --qb78np-headerState: normal; --qb78np-headerState-tablet: normal; --qb78np-headerState-mobile: normal; --qb78np-borderStyle: solid; --qb78np-borderStyle-tablet: solid; --qb78np-borderStyle-mobile: solid; --qb78np-borderWidth: 1px; --qb78np-borderWidth-tablet: 1px; --qb78np-borderWidth-mobile: 1px; --qb78np-btnTypo: p; --qb78np-btnTypo-tablet: p; --qb78np-btnTypo-mobile: p; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #100d09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --qb78np-styleColor: true; --qb78np-styleColor-tablet: true; --qb78np-styleColor-mobile: true; --qb78np-sizeColor: 16px; --qb78np-sizeColor-tablet: 16px; --qb78np-sizeColor-mobile: 16px; --qb78np-paddingX: 11px; --qb78np-paddingX-tablet: 11px; --qb78np-paddingX-mobile: 11px; --qb78np-paddingY: 10px; --qb78np-paddingY-tablet: 10px; --qb78np-paddingY-mobile: 10px; --qb78np-borderColor: #FFFFFF00; --qb78np-borderColor-tablet: #FFFFFF00; --qb78np-borderColor-mobile: #FFFFFF00; --qb78np-borderRadius: 100px; --qb78np-borderRadius-tablet: 100px; --qb78np-borderRadius-mobile: 100px; --qb78np-borderColorHover: #FFFFFF0A; --qb78np-borderColorHover-tablet: #FFFFFF0A; --qb78np-borderColorHover-mobile: #FFFFFF0A; --qb78np-borderColorActive: #100d09; --qb78np-borderColorActive-tablet: #100d09; --qb78np-borderColorActive-mobile: #100d09; --qb78np-margin-top: 0px; --qb78np-margin-top-tablet: 0px; --qb78np-margin-top-mobile: 0px; --qb78np-margin-right: 0px; --qb78np-margin-right-tablet: 0px; --qb78np-margin-right-mobile: 0px; --qb78np-margin-bottom: 0px; --qb78np-margin-bottom-tablet: 0px; --qb78np-margin-bottom-mobile: 0px; --qb78np-margin-left: 0px; --qb78np-margin-left-tablet: 0px; --qb78np-margin-left-mobile: 0px; --qb78np-tabBgHover: #F6F2EF; --qb78np-tabBgHover-tablet: #F6F2EF; --qb78np-tabBgHover-mobile: #F6F2EF; --qb78np-colorHover: #100D09; --qb78np-colorHover-tablet: #100D09; --qb78np-colorHover-mobile: #100D09; --qb78np-tabBgActive: #F6F2EF; --qb78np-tabBgActive-tablet: #F6F2EF; --qb78np-tabBgActive-mobile: #F6F2EF; --qb78np-colorActive: #100D09; --qb78np-colorActive-tablet: #100D09; --qb78np-colorActive-mobile: #100D09; --qb78np-tabBg: #F6F2EF; --qb78np-tabBg-tablet: #F6F2EF; --qb78np-tabBg-mobile: #F6F2EF; --beae-p-text-align: start; }[data-bnode="beae-qb78np"] { margin-top: var(--qb78np-margin-top, 0px); margin-right: var(--qb78np-margin-right, 0px); margin-bottom: var(--qb78np-margin-bottom, 0px); margin-left: var(--qb78np-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qb78np-margin-top-tablet, 0px); margin-right: var(--qb78np-margin-right-tablet, 0px); margin-bottom: var(--qb78np-margin-bottom-tablet, 0px); margin-left: var(--qb78np-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qb78np-margin-top-mobile, 0px); margin-right: var(--qb78np-margin-right-mobile, 0px); margin-bottom: var(--qb78np-margin-bottom-mobile, 0px); margin-left: var(--qb78np-margin-left-mobile, 0px); } &.beae-variant-box { display: flex; flex-direction: column; gap: 12px; width: 100%; /* ===== OPTION ===== */ .beae-option { display: flex; flex-direction: column; gap: 6px; } /* ===== SWATCH WRAP ===== */ .beae-swatch { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; &.beae-p { justify-content: var(--beae-p-text-align, start); } &.beae-p2 { justify-content: var(--beae-p2-text-align, start); } &.beae-p3 { justify-content: var(--beae-p3-text-align, start); } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-p { justify-content: var(--beae-p-text-align-tablet, var(--beae-p-text-align, start)); } &.beae-p2 { justify-content: var(--beae-p2-text-align-tablet, var(--beae-p2-text-align, start)); } &.beae-p3 { justify-content: var(--beae-p3-text-align-tablet, var(--beae-p3-text-align, start)); } } @media (max-width: 767px) { &.beae-p { justify-content: var(--beae-p-text-align-mobile, var(--beae-p-text-align, start)); } &.beae-p2 { justify-content: var(--beae-p2-text-align-mobile, var(--beae-p2-text-align, start)); } &.beae-p3 { justify-content: var(--beae-p3-text-align-mobile, var(--beae-p3-text-align, start)); } } /* ===== RADIO ===== */ .beae-radio-wrap { display: inline-flex; align-items: center; cursor: pointer; margin: 0; position: relative; transition: all 0.2s; } .beae-radio { position: absolute; opacity: 0; pointer-events: none; } .beae-radio-color { display: inline-block; width: var(--qb78np-sizeColor, 40px); height: var(--qb78np-sizeColor, 40px); border: 1px solid var(--qb78np-colorBorder, #DACDBE); border-radius: inherit; } .beae-radio-lb { display: inline-block; padding-inline: var(--qb78np-paddingX, 20px); padding-block: var(--qb78np-paddingY, 12px); background-color: var(--qb78np-tabBg, #F5F5F5); cursor: pointer; border-style: var(--qb78np-borderStyle, none); border-color: var(--qb78np-borderColor, #D1D1D1); border-width: var(--qb78np-borderWidth, 0px); border-radius: var(--qb78np-borderRadius, 0px); box-shadow: if(style(--qb78np-enableShadow: true): var(--qb78np-shadowHorizontal, 0) var(--qb78np-shadowVertical, 0) var(--qb78np-shadowBlur, 0) var(--qb78np-shadowColor, rgba(0, 0, 0, 0.1)); else: none); transition: all 0.2s; } /* ===== HOVER ===== */ .beae-radio-wrap::not(.beae-swatch-color):hover .beae-radio-lb { background-color: var(--qb78np-tabBgHover, #cccccc); color: var(--qb78np-colorHover, #333333); border-color: var(--qb78np-borderColorHover, var(--qb78np-borderColor, #D1D1D1)); } /* ===== ACTIVE ===== */ .beae-radio:checked+.beae-radio-lb { background-color: var(--qb78np-tabBgActive, #000); color: var(--qb78np-colorActive, #fff); border-color: var(--qb78np-borderColorActive, var(--qb78np-borderColor, #D1D1D1)); } /* ===== DISABLED ===== */ .beae-variant-disabled { opacity: 0.3 !important; pointer-events: none !important; cursor: not-allowed !important; } /* ===== COLOR SWATCH ===== */ .beae-swatch-color { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-inline: var(--qb78np-paddingX, 20px); padding-block: var(--qb78np-paddingY, 12px); border-style: var(--qb78np-borderStyle, none); border-color: var(--qb78np-borderColor, #000000); border-width: var(--qb78np-borderWidth, 0px); border-radius: if(style(--qb78np-styleColor : true): 9999px; else: var(--qb78np-borderRadius, 0px)); background-color: var(--qb78np-tabBg, #F5F5F5); transition: all 0.2s; box-shadow: if(style(--qb78np-enableShadow: true): var(--qb78np-shadowHorizontal, 0) var(--qb78np-shadowVertical, 0) var(--qb78np-shadowBlur, 0) var(--qb78np-shadowColor, rgba(0, 0, 0, 0.1)); else: none); overflow: hidden; .beae-radio-lb { padding: 0; border: none; background: transparent; border-radius: none; box-shadow: none; } &:hover { background-color: var(--qb78np-tabBgHover, #cccccc); border-color: var(--qb78np-borderColorHover, var(--qb78np-borderColor, #D1D1D1)); } &:hover .beae-radio-lb { color: var(--qb78np-colorHover, #333333); } &:has(.beae-radio:checked) { background-color: var(--qb78np-tabBgActive, #000); border-color: var(--qb78np-borderColorActive, #000000); } &:has(.beae-radio:checked) .beae-radio-lb { color: var(--qb78np-colorActive, #fff); } /* &.beae-variant-disabled { position: relative; &::after { content: ""; position: absolute; inset: 0; border-radius: var(--qb78np-borderRadius, 4px); mask-image: linear-gradient(to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px)); mask-mode: alpha; background-color: #000; z-index: 2; pointer-events: none; } } */ } /* ===== DROPDOWN ===== */ .beae-swatch-sel { display: inline-block; padding-inline: var(--qb78np-paddingX, 20px); padding-block: var(--qb78np-paddingY, 12px); background-color: var(--qb78np-tabBg, #F5F5F5); cursor: pointer; border-style: var(--qb78np-borderStyle, none); border-color: var(--qb78np-borderColor, #D1D1D1); border-width: var(--qb78np-borderWidth, 0px); border-radius: var(--qb78np-borderRadius, 0px); box-shadow: if(style(--qb78np-enableShadow: true): var(--qb78np-shadowHorizontal, 0) var(--qb78np-shadowVertical, 0) var(--qb78np-shadowBlur, 0) var(--qb78np-shadowColor, rgba(0, 0, 0, 0.1)); else: none); transition: all 0.2s; } .beae-swatch-sel:hover { color: var(--qb78np-colorHover, #333333); background-color: var(--qb78np-tabBgHover, #cccccc); border-color: var(--qb78np-borderColorHover, #000000); } .beae-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="beae-q55bj4"] { --q55bj4-direction: row; --q55bj4-direction-tablet: row; --q55bj4-direction-mobile: column; --q55bj4-structure: auto; --q55bj4-structure-tablet: auto; --q55bj4-structure-mobile: auto; --q55bj4-align-items: stretch; --q55bj4-align-items-tablet: stretch; --q55bj4-align-items-mobile: stretch; --q55bj4-justify-content: flex-start; --q55bj4-justify-content-tablet: flex-start; --q55bj4-justify-content-mobile: flex-start; --q55bj4-gap: 12px; --q55bj4-gap-tablet: 12px; --q55bj4-gap-mobile: 12px; --q55bj4-padding-top: 0px; --q55bj4-padding-top-tablet: 20px; --q55bj4-padding-top-mobile: 0px; --q55bj4-padding-right: 0px; --q55bj4-padding-right-tablet: 0px; --q55bj4-padding-right-mobile: 0px; --q55bj4-padding-bottom: 0px; --q55bj4-padding-bottom-tablet: 0px; --q55bj4-padding-bottom-mobile: 0px; --q55bj4-padding-left: 0px; --q55bj4-padding-left-tablet: 0px; --q55bj4-padding-left-mobile: 0px; }[data-bnode="beae-q55bj4"] { padding-top: var(--q55bj4-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--q55bj4-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--q55bj4-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--q55bj4-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--q55bj4-padding-top-tablet, var(--q55bj4-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--q55bj4-padding-right-tablet, var(--q55bj4-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--q55bj4-padding-bottom-tablet, var(--q55bj4-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--q55bj4-padding-left-tablet, var(--q55bj4-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--q55bj4-padding-top-mobile, var(--q55bj4-padding-top-tablet, var(--q55bj4-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--q55bj4-padding-right-mobile, var(--q55bj4-padding-right-tablet, var(--q55bj4-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--q55bj4-padding-bottom-mobile, var(--q55bj4-padding-bottom-tablet, var(--q55bj4-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--q55bj4-padding-left-mobile, var(--q55bj4-padding-left-tablet, var(--q55bj4-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--q55bj4-padding-left, var(--beae-slot-padding-x, 0px)) - var(--q55bj4-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(--q55bj4-background-imageRatio, auto); background: var(--q55bj4-background-color,transparent); border-style: var(--q55bj4-borderStyle,solid); border-color: var(--q55bj4-borderColor,#000000); border-width: var(--q55bj4-borderWidth-tl,0px) var(--q55bj4-borderWidth-tr,0px) var(--q55bj4-borderWidth-br,0px) var(--q55bj4-borderWidth-bl,0px); border-radius: var(--q55bj4-borderRadius-tl,0px) var(--q55bj4-borderRadius-tr,0px) var(--q55bj4-borderRadius-br,0px) var(--q55bj4-borderRadius-bl,0px); box-shadow: if(style(--q55bj4-enableShadow: true): var(--q55bj4-shadowHorizontal,0) var(--q55bj4-shadowVertical,0) var(--q55bj4-shadowBlur,0) 1px var(--q55bj4-shadowColor,#000000); else: none); max-width: var(--q55bj4-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--q55bj4-background-imageRatio-tablet, var(--q55bj4-background-imageRatio, auto)); border-width: var(--q55bj4-borderWidth-tl-tablet,0px) var(--q55bj4-borderWidth-tr-tablet,0px) var(--q55bj4-borderWidth-br-tablet,0px) var(--q55bj4-borderWidth-bl-tablet,0px); border-radius: var(--q55bj4-borderRadius-tl-tablet,0px) var(--q55bj4-borderRadius-tr-tablet,0px) var(--q55bj4-borderRadius-br-tablet,0px) var(--q55bj4-borderRadius-bl-tablet,0px); max-width: var(--q55bj4-max-width-tablet, var(--q55bj4-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--q55bj4-background-imageRatio-mobile, var(--q55bj4-background-imageRatio, auto)); border-width: var(--q55bj4-borderWidth-tl-mobile,0px) var(--q55bj4-borderWidth-tr-mobile,0px) var(--q55bj4-borderWidth-br-mobile,0px) var(--q55bj4-borderWidth-bl-mobile,0px); border-radius: var(--q55bj4-borderRadius-tl-mobile,0px) var(--q55bj4-borderRadius-tr-mobile,0px) var(--q55bj4-borderRadius-br-mobile,0px) var(--q55bj4-borderRadius-bl-mobile,0px); max-width: var(--q55bj4-max-width-mobile, var(--q55bj4-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--q55bj4-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--q55bj4-gap,var(--beae-card-gap)); padding-top: var(--q55bj4-padding-top,var(--beae-card-padding)); padding-right: var(--q55bj4-padding-right,var(--beae-card-padding)); padding-bottom: var(--q55bj4-padding-bottom,var(--beae-card-padding)); padding-left: var(--q55bj4-padding-left,var(--beae-card-padding)); border-width: var(--q55bj4-borderWidth,var(--beae-card-border-width)); border-width: var(--q55bj4-borderWidth-tl,var(--beae-card-border-width)) var(--q55bj4-borderWidth-tr,var(--beae-card-border-width)) var(--q55bj4-borderWidth-br,var(--beae-card-border-width)) var(--q55bj4-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--q55bj4-borderRadius-tl,var(--beae-card-border-radius)) var(--q55bj4-borderRadius-tr,var(--beae-card-border-radius)) var(--q55bj4-borderRadius-br,var(--beae-card-border-radius)) var(--q55bj4-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(--q55bj4-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--q55bj4-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--q55bj4-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--q55bj4-padding-left-tablet,var(--beae-card-padding)); border-width: var(--q55bj4-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--q55bj4-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--q55bj4-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--q55bj4-borderWidth-br-desktop,var(--beae-card-border-width)) var(--q55bj4-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--q55bj4-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--q55bj4-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--q55bj4-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--q55bj4-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--q55bj4-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--q55bj4-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--q55bj4-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--q55bj4-padding-left-mobile,var(--beae-card-padding)); border-width: var(--q55bj4-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--q55bj4-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--q55bj4-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--q55bj4-borderWidth-br-mobile,var(--beae-card-border-width)) var(--q55bj4-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--q55bj4-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--q55bj4-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--q55bj4-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--q55bj4-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--q55bj4-background-color,var(--beae-card-featured-background)); border-color: var(--q55bj4-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--q55bj4-enableShadow: true): var(--q55bj4-shadowHorizontal, var(--beae-card-shadow-x)) var(--q55bj4-shadowVertical, var(--beae-card-shadow-y)) var(--q55bj4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q55bj4-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--q55bj4-background-color,var(--beae-card-prod-background)); border-color: var(--q55bj4-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--q55bj4-enableShadow: true): var(--q55bj4-shadowHorizontal, var(--beae-card-shadow-x)) var(--q55bj4-shadowVertical, var(--beae-card-shadow-y)) var(--q55bj4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q55bj4-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--q55bj4-background-color,var(--beae-card-pricing-background)); border-color: var(--q55bj4-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--q55bj4-enableShadow: true): var(--q55bj4-shadowHorizontal, var(--beae-card-shadow-x)) var(--q55bj4-shadowVertical, var(--beae-card-shadow-y)) var(--q55bj4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q55bj4-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--q55bj4-background-color,var(--beae-card-cta-background)); border-color: var(--q55bj4-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--q55bj4-enableShadow: true): var(--q55bj4-shadowHorizontal, var(--beae-card-shadow-x)) var(--q55bj4-shadowVertical, var(--beae-card-shadow-y)) var(--q55bj4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q55bj4-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--q55bj4-background-color,var(--beae-card-media-background)); border-color: var(--q55bj4-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--q55bj4-enableShadow: true): var(--q55bj4-shadowHorizontal, var(--beae-card-shadow-x)) var(--q55bj4-shadowVertical, var(--beae-card-shadow-y)) var(--q55bj4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q55bj4-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-q55bj4"] {     display: flex;     flex-direction: var(--q55bj4-direction, column);     flex-wrap: nowrap;     justify-content: var(--q55bj4-justify-content);     align-items: var(--q55bj4-align-items);     gap: var(--q55bj4-gap, var(--q55bj4-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-q55bj4"] {                            gap: var(--q55bj4-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(--q55bj4-padding-right-tablet, 0px) - var(--q55bj4-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-q55bj4"] {      flex-direction: var(--q55bj4-direction-mobile, column);                      gap: var(--q55bj4-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-lesmqe"] { --lesmqe-borderWidth-tl: 0px; --lesmqe-borderWidth-tl-tablet: 0px; --lesmqe-borderWidth-tl-mobile: 0px; --lesmqe-borderWidth-tr: 0px; --lesmqe-borderWidth-tr-tablet: 0px; --lesmqe-borderWidth-tr-mobile: 0px; --lesmqe-borderWidth-bl: 0px; --lesmqe-borderWidth-bl-tablet: 0px; --lesmqe-borderWidth-bl-mobile: 0px; --lesmqe-borderWidth-br: 0px; --lesmqe-borderWidth-br-tablet: 0px; --lesmqe-borderWidth-br-mobile: 0px; --lesmqe-borderColor: #000000; --lesmqe-borderColor-tablet: #000000; --lesmqe-borderColor-mobile: #000000; --lesmqe-borderRadius-tl: 9999px; --lesmqe-borderRadius-tl-tablet: 9999px; --lesmqe-borderRadius-tl-mobile: 9999px; --lesmqe-borderRadius-tr: 9999px; --lesmqe-borderRadius-tr-tablet: 9999px; --lesmqe-borderRadius-tr-mobile: 9999px; --lesmqe-borderRadius-bl: 9999px; --lesmqe-borderRadius-bl-tablet: 9999px; --lesmqe-borderRadius-bl-mobile: 9999px; --lesmqe-borderRadius-br: 9999px; --lesmqe-borderRadius-br-tablet: 9999px; --lesmqe-borderRadius-br-mobile: 9999px; --lesmqe-margin-top: 0px; --lesmqe-margin-top-tablet: 0px; --lesmqe-margin-top-mobile: 0px; --lesmqe-margin-right: 0px; --lesmqe-margin-right-tablet: 0px; --lesmqe-margin-right-mobile: 0px; --lesmqe-margin-bottom: 0px; --lesmqe-margin-bottom-tablet: 0px; --lesmqe-margin-bottom-mobile: 0px; --lesmqe-margin-left: 0px; --lesmqe-margin-left-tablet: 0px; --lesmqe-margin-left-mobile: 0px; --lesmqe-enableShadow: false; --lesmqe-enableShadow-tablet: false; --lesmqe-enableShadow-mobile: false; --lesmqe-typography: p; --lesmqe-typography-tablet: p; --lesmqe-typography-mobile: p; --lesmqe-inputWidth: 44px; --lesmqe-inputWidth-tablet: 44px; --lesmqe-inputWidth-mobile: 100%; --lesmqe-btnWidth: var(--beae-btn-height); --lesmqe-btnWidth-tablet: var(--beae-btn-height); --lesmqe-btnWidth-mobile: var(--beae-btn-height); --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #413425; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --lesmqe-inputColor: #100D09; --lesmqe-inputColor-tablet: #100D09; --lesmqe-inputColor-mobile: #100D09; --lesmqe-inputBg: #F6F2EF; --lesmqe-inputBg-tablet: #F6F2EF; --lesmqe-inputBg-mobile: #F6F2EF; --lesmqe-btnColor: #100D09; --lesmqe-btnColor-tablet: #100D09; --lesmqe-btnColor-mobile: #100D09; --lesmqe-btnBg: #F6F2EF; --lesmqe-btnBg-tablet: #F6F2EF; --lesmqe-btnBg-mobile: #F6F2EF; }[data-bnode="beae-lesmqe"] { margin-top: var(--lesmqe-margin-top, 0px); margin-right: var(--lesmqe-margin-right, 0px); margin-bottom: var(--lesmqe-margin-bottom, 0px); margin-left: var(--lesmqe-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lesmqe-margin-top-tablet, 0px); margin-right: var(--lesmqe-margin-right-tablet, 0px); margin-bottom: var(--lesmqe-margin-bottom-tablet, 0px); margin-left: var(--lesmqe-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lesmqe-margin-top-mobile, 0px); margin-right: var(--lesmqe-margin-right-mobile, 0px); margin-bottom: var(--lesmqe-margin-bottom-mobile, 0px); margin-left: var(--lesmqe-margin-left-mobile, 0px); } &.beae-qty { display: flex; flex-direction: column; gap: var(--lesmqe-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px) { gap: var(--lesmqe-gap-tablet, 16px); } @media(max-width: 767px) { gap: var(--lesmqe-gap-mobile, 16px); } .beae-qty-wrap { display: flex; align-items: stretch; width: if(style(--lesmqe-inputWidth: 100%): 100%; else: fit-content); border-style: var(--lesmqe-borderStyle,solid); border-color: var(--lesmqe-borderColor,#000000); border-width: var(--lesmqe-borderWidth-tl,0px) var(--lesmqe-borderWidth-tr,0px) var(--lesmqe-borderWidth-br,0px) var(--lesmqe-borderWidth-bl,0px); border-radius: var(--lesmqe-borderRadius-tl,0px) var(--lesmqe-borderRadius-tr,0px) var(--lesmqe-borderRadius-br,0px) var(--lesmqe-borderRadius-bl,0px); box-shadow: var(--lesmqe-shadowHorizontal, 0) var(--lesmqe-shadowVertical, 0) var(--lesmqe-shadowBlur, 0) 0 var(--lesmqe-shadowColor, #000000); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px) { width: if(style(--lesmqe-inputWidth-tablet: 100%): 100%; else: fit-content); border-width: var(--lesmqe-borderWidth-tl-tablet, 0px) var(--lesmqe-borderWidth-tr-tablet, 0px) var(--lesmqe-borderWidth-br-tablet, 0px) var(--lesmqe-borderWidth-bl-tablet, 0px); border-radius: var(--lesmqe-borderRadius-tl-tablet, 0px) var(--lesmqe-borderRadius-tr-tablet, 0px) var(--lesmqe-borderRadius-br-tablet, 0px) var(--lesmqe-borderRadius-bl-tablet, 0px); } @media(max-width: 767px) { width: if(style(--lesmqe-inputWidth-mobile: 100%): 100%; else: fit-content); border-width: var(--lesmqe-borderWidth-tl-mobile, 0px) var(--lesmqe-borderWidth-tr-mobile, 0px) var(--lesmqe-borderWidth-br-mobile, 0px) var(--lesmqe-borderWidth-bl-mobile, 0px); border-radius: var(--lesmqe-borderRadius-tl-mobile, 0px) var(--lesmqe-borderRadius-tr-mobile, 0px) var(--lesmqe-borderRadius-br-mobile, 0px) var(--lesmqe-borderRadius-bl-mobile, 0px); } } .beae-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--lesmqe-btnWidth, 40px); height: var(--lesmqe-btnWidth, 40px); padding: 0; border: none; background: var(--lesmqe-btnBg, #f5f5f5); color: var(--lesmqe-btnColor, #333); cursor: pointer; transition: opacity 0.2s; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--lesmqe-btnWidth-tablet, 40px); height: var(--lesmqe-btnWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--lesmqe-btnWidth-mobile, 40px); height: var(--lesmqe-btnWidth-mobile, 40px); } } .beae-qty-input { flex: 1; min-width: 0; width: var(--lesmqe-inputWidth, 40px); text-align: center; border: none; color: var(--lesmqe-inputColor, #333); background: var(--lesmqe-inputBg, #ffffff); font-size: 16px; @media(min-width: 767.79px) and (max-width: 1180px) { width: var(--lesmqe-inputWidth-tablet, 40px); } @media(max-width: 767px) { width: var(--lesmqe-inputWidth-mobile, 40px); } } .beae-qty-input::-webkit-outer-spin-button, .beae-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .beae-qty-input:focus { outline: none; } .beae-qty-warning { color: #f59e0b; } } }[data-bnode="beae-gqyhh5"] { --gqyhh5-direction: column; --gqyhh5-direction-tablet: column; --gqyhh5-direction-mobile: column; --gqyhh5-structure: columns; --gqyhh5-structure-tablet: columns; --gqyhh5-structure-mobile: columns; --gqyhh5-align-items: stretch; --gqyhh5-align-items-tablet: stretch; --gqyhh5-align-items-mobile: stretch; --gqyhh5-justify-content: flex-end; --gqyhh5-justify-content-tablet: flex-end; --gqyhh5-justify-content-mobile: flex-end; }[data-bnode="beae-gqyhh5"] { padding-top: var(--gqyhh5-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--gqyhh5-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--gqyhh5-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--gqyhh5-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gqyhh5-padding-top-tablet, var(--gqyhh5-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--gqyhh5-padding-right-tablet, var(--gqyhh5-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--gqyhh5-padding-bottom-tablet, var(--gqyhh5-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--gqyhh5-padding-left-tablet, var(--gqyhh5-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gqyhh5-padding-top-mobile, var(--gqyhh5-padding-top-tablet, var(--gqyhh5-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--gqyhh5-padding-right-mobile, var(--gqyhh5-padding-right-tablet, var(--gqyhh5-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--gqyhh5-padding-bottom-mobile, var(--gqyhh5-padding-bottom-tablet, var(--gqyhh5-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--gqyhh5-padding-left-mobile, var(--gqyhh5-padding-left-tablet, var(--gqyhh5-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--gqyhh5-padding-left, var(--beae-slot-padding-x, 0px)) - var(--gqyhh5-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(--gqyhh5-background-imageRatio, auto); background: var(--gqyhh5-background-color,transparent); border-style: var(--gqyhh5-borderStyle,solid); border-color: var(--gqyhh5-borderColor,#000000); border-width: var(--gqyhh5-borderWidth-tl,0px) var(--gqyhh5-borderWidth-tr,0px) var(--gqyhh5-borderWidth-br,0px) var(--gqyhh5-borderWidth-bl,0px); border-radius: var(--gqyhh5-borderRadius-tl,0px) var(--gqyhh5-borderRadius-tr,0px) var(--gqyhh5-borderRadius-br,0px) var(--gqyhh5-borderRadius-bl,0px); box-shadow: if(style(--gqyhh5-enableShadow: true): var(--gqyhh5-shadowHorizontal,0) var(--gqyhh5-shadowVertical,0) var(--gqyhh5-shadowBlur,0) 1px var(--gqyhh5-shadowColor,#000000); else: none); max-width: var(--gqyhh5-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--gqyhh5-background-imageRatio-tablet, var(--gqyhh5-background-imageRatio, auto)); border-width: var(--gqyhh5-borderWidth-tl-tablet,0px) var(--gqyhh5-borderWidth-tr-tablet,0px) var(--gqyhh5-borderWidth-br-tablet,0px) var(--gqyhh5-borderWidth-bl-tablet,0px); border-radius: var(--gqyhh5-borderRadius-tl-tablet,0px) var(--gqyhh5-borderRadius-tr-tablet,0px) var(--gqyhh5-borderRadius-br-tablet,0px) var(--gqyhh5-borderRadius-bl-tablet,0px); max-width: var(--gqyhh5-max-width-tablet, var(--gqyhh5-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--gqyhh5-background-imageRatio-mobile, var(--gqyhh5-background-imageRatio, auto)); border-width: var(--gqyhh5-borderWidth-tl-mobile,0px) var(--gqyhh5-borderWidth-tr-mobile,0px) var(--gqyhh5-borderWidth-br-mobile,0px) var(--gqyhh5-borderWidth-bl-mobile,0px); border-radius: var(--gqyhh5-borderRadius-tl-mobile,0px) var(--gqyhh5-borderRadius-tr-mobile,0px) var(--gqyhh5-borderRadius-br-mobile,0px) var(--gqyhh5-borderRadius-bl-mobile,0px); max-width: var(--gqyhh5-max-width-mobile, var(--gqyhh5-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--gqyhh5-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--gqyhh5-gap,var(--beae-card-gap)); padding-top: var(--gqyhh5-padding-top,var(--beae-card-padding)); padding-right: var(--gqyhh5-padding-right,var(--beae-card-padding)); padding-bottom: var(--gqyhh5-padding-bottom,var(--beae-card-padding)); padding-left: var(--gqyhh5-padding-left,var(--beae-card-padding)); border-width: var(--gqyhh5-borderWidth,var(--beae-card-border-width)); border-width: var(--gqyhh5-borderWidth-tl,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-tr,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-br,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--gqyhh5-borderRadius-tl,var(--beae-card-border-radius)) var(--gqyhh5-borderRadius-tr,var(--beae-card-border-radius)) var(--gqyhh5-borderRadius-br,var(--beae-card-border-radius)) var(--gqyhh5-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(--gqyhh5-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--gqyhh5-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--gqyhh5-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--gqyhh5-padding-left-tablet,var(--beae-card-padding)); border-width: var(--gqyhh5-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--gqyhh5-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-br-desktop,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--gqyhh5-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--gqyhh5-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--gqyhh5-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--gqyhh5-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--gqyhh5-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--gqyhh5-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--gqyhh5-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--gqyhh5-padding-left-mobile,var(--beae-card-padding)); border-width: var(--gqyhh5-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--gqyhh5-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-br-mobile,var(--beae-card-border-width)) var(--gqyhh5-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--gqyhh5-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--gqyhh5-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--gqyhh5-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--gqyhh5-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--gqyhh5-background-color,var(--beae-card-featured-background)); border-color: var(--gqyhh5-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--gqyhh5-enableShadow: true): var(--gqyhh5-shadowHorizontal, var(--beae-card-shadow-x)) var(--gqyhh5-shadowVertical, var(--beae-card-shadow-y)) var(--gqyhh5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gqyhh5-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--gqyhh5-background-color,var(--beae-card-prod-background)); border-color: var(--gqyhh5-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--gqyhh5-enableShadow: true): var(--gqyhh5-shadowHorizontal, var(--beae-card-shadow-x)) var(--gqyhh5-shadowVertical, var(--beae-card-shadow-y)) var(--gqyhh5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gqyhh5-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--gqyhh5-background-color,var(--beae-card-pricing-background)); border-color: var(--gqyhh5-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--gqyhh5-enableShadow: true): var(--gqyhh5-shadowHorizontal, var(--beae-card-shadow-x)) var(--gqyhh5-shadowVertical, var(--beae-card-shadow-y)) var(--gqyhh5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gqyhh5-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--gqyhh5-background-color,var(--beae-card-cta-background)); border-color: var(--gqyhh5-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--gqyhh5-enableShadow: true): var(--gqyhh5-shadowHorizontal, var(--beae-card-shadow-x)) var(--gqyhh5-shadowVertical, var(--beae-card-shadow-y)) var(--gqyhh5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gqyhh5-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--gqyhh5-background-color,var(--beae-card-media-background)); border-color: var(--gqyhh5-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--gqyhh5-enableShadow: true): var(--gqyhh5-shadowHorizontal, var(--beae-card-shadow-x)) var(--gqyhh5-shadowVertical, var(--beae-card-shadow-y)) var(--gqyhh5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gqyhh5-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-gqyhh5"] {     display: flex;     flex-direction: var(--gqyhh5-direction, column);     flex-wrap: nowrap;     justify-content: var(--gqyhh5-justify-content);     align-items: var(--gqyhh5-align-items);     gap: var(--gqyhh5-gap, var(--gqyhh5-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gqyhh5"] {                            gap: var(--gqyhh5-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(--gqyhh5-padding-right-tablet, 0px) - var(--gqyhh5-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gqyhh5"] {                            gap: var(--gqyhh5-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(--gqyhh5-padding-right-mobile, 0px) - var(--gqyhh5-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-rja3dx"] { --rja3dx-width: fill; --rja3dx-width-tablet: fill; --rja3dx-width-mobile: fill; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-border-radius: 50px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #614E38; --rja3dx-transform: none; --rja3dx-transform-tablet: none; --rja3dx-transform-mobile: none; --rja3dx-iconWidth: 20px; --rja3dx-iconWidth-tablet: 20px; --rja3dx-iconWidth-mobile: 20px; --rja3dx-iconGap: 5px; --rja3dx-iconGap-tablet: 5px; --rja3dx-iconGap-mobile: 5px; --rja3dx-button: pr; --rja3dx-button-tablet: pr; --rja3dx-button-mobile: pr; --beae-btn-te-label-color: #2A2A2A; }[data-bnode="beae-rja3dx"] { margin-top: var(--rja3dx-margin-top, 0px); margin-right: var(--rja3dx-margin-right, 0px); margin-bottom: var(--rja3dx-margin-bottom, 0px); margin-left: var(--rja3dx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rja3dx-margin-top-tablet, 0px); margin-right: var(--rja3dx-margin-right-tablet, 0px); margin-bottom: var(--rja3dx-margin-bottom-tablet, 0px); margin-left: var(--rja3dx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rja3dx-margin-top-mobile, 0px); margin-right: var(--rja3dx-margin-right-mobile, 0px); margin-bottom: var(--rja3dx-margin-bottom-mobile, 0px); margin-left: var(--rja3dx-margin-left-mobile, 0px); } &.beae-co-btn { gap: var(--rja3dx-iconGap); &.beae-btn-pr:hover{ background-color: if( style(--rja3dx-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--rja3dx-bgBtnHover)) * 1%)); style(--rja3dx-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--rja3dx-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--rja3dx-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--rja3dx-labelBtnHover)) * 1%)); style(--rja3dx-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--rja3dx-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--rja3dx-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--rja3dx-borderBtnHover)) * 1%)); style(--rja3dx-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--rja3dx-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--rja3dx-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--rja3dx-bgBtnHover)) * 1%)); style(--rja3dx-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--rja3dx-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--rja3dx-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--rja3dx-labelBtnHover)) * 1%)); style(--rja3dx-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--rja3dx-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--rja3dx-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--rja3dx-borderBtnHover)) * 1%)); style(--rja3dx-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--rja3dx-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--rja3dx-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--rja3dx-labelBtnHover)) * 1%)); style(--rja3dx-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--rja3dx-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } &:disabled { opacity: 0.5; pointer-events: none; } span{ display: flex; } svg { width: var(--rja3dx-iconWidth,20px); min-width: var(--rja3dx-iconWidth,-20px); height: 100%; } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { gap: var(--rja3dx-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet); } svg { width: var(--rja3dx-iconWidth-tablet, var(--rja3dx-iconWidth,20px)); min-width: var(--rja3dx-iconWidth-tablet,var(--rja3dx-iconWidth,20px)); } } @media(max-width: 767px){ gap: var(--rja3dx-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--rja3dx-iconWidth-mobile,var(--rja3dx-iconWidth,20px)); min-width: var(--rja3dx-iconWidth-mobile,var(--rja3dx-iconWidth,20px)); } } } }[data-bnode="beae-uk20ji"] { --uk20ji-direction: row; --uk20ji-direction-tablet: column; --uk20ji-direction-mobile: column; --uk20ji-structure: columns; --uk20ji-structure-tablet: columns; --uk20ji-structure-mobile: columns; --uk20ji-columns: 50.00,50.00; --uk20ji-columns-tablet: 50.00,50.00; --uk20ji-columns-mobile: 50.00,50.00; --uk20ji-columnsPresetId: 50.00,50.00; --uk20ji-columnsPresetId-tablet: 50.00,50.00; --uk20ji-columnsPresetId-mobile: 50.00,50.00; --uk20ji-gap: 24px; --uk20ji-gap-tablet: 16px; --uk20ji-gap-mobile: 16px; --uk20ji-padding-top: 0px; --uk20ji-padding-top-tablet: 0px; --uk20ji-padding-top-mobile: 0px; --uk20ji-padding-right: 0px; --uk20ji-padding-right-tablet: 0px; --uk20ji-padding-right-mobile: 0px; --uk20ji-padding-bottom: 0px; --uk20ji-padding-bottom-tablet: 0px; --uk20ji-padding-bottom-mobile: 0px; --uk20ji-padding-left: 0px; --uk20ji-padding-left-tablet: 0px; --uk20ji-padding-left-mobile: 0px; }[data-bnode="beae-uk20ji"] { padding-top: var(--uk20ji-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--uk20ji-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--uk20ji-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--uk20ji-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uk20ji-padding-top-tablet, var(--uk20ji-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--uk20ji-padding-right-tablet, var(--uk20ji-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--uk20ji-padding-bottom-tablet, var(--uk20ji-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--uk20ji-padding-left-tablet, var(--uk20ji-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uk20ji-padding-top-mobile, var(--uk20ji-padding-top-tablet, var(--uk20ji-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--uk20ji-padding-right-mobile, var(--uk20ji-padding-right-tablet, var(--uk20ji-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--uk20ji-padding-bottom-mobile, var(--uk20ji-padding-bottom-tablet, var(--uk20ji-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--uk20ji-padding-left-mobile, var(--uk20ji-padding-left-tablet, var(--uk20ji-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--uk20ji-padding-left, var(--beae-slot-padding-x, 0px)) - var(--uk20ji-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(--uk20ji-background-imageRatio, auto); background: var(--uk20ji-background-color,transparent); border-style: var(--uk20ji-borderStyle,solid); border-color: var(--uk20ji-borderColor,#000000); border-width: var(--uk20ji-borderWidth-tl,0px) var(--uk20ji-borderWidth-tr,0px) var(--uk20ji-borderWidth-br,0px) var(--uk20ji-borderWidth-bl,0px); border-radius: var(--uk20ji-borderRadius-tl,0px) var(--uk20ji-borderRadius-tr,0px) var(--uk20ji-borderRadius-br,0px) var(--uk20ji-borderRadius-bl,0px); box-shadow: if(style(--uk20ji-enableShadow: true): var(--uk20ji-shadowHorizontal,0) var(--uk20ji-shadowVertical,0) var(--uk20ji-shadowBlur,0) 1px var(--uk20ji-shadowColor,#000000); else: none); max-width: var(--uk20ji-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--uk20ji-background-imageRatio-tablet, var(--uk20ji-background-imageRatio, auto)); border-width: var(--uk20ji-borderWidth-tl-tablet,0px) var(--uk20ji-borderWidth-tr-tablet,0px) var(--uk20ji-borderWidth-br-tablet,0px) var(--uk20ji-borderWidth-bl-tablet,0px); border-radius: var(--uk20ji-borderRadius-tl-tablet,0px) var(--uk20ji-borderRadius-tr-tablet,0px) var(--uk20ji-borderRadius-br-tablet,0px) var(--uk20ji-borderRadius-bl-tablet,0px); max-width: var(--uk20ji-max-width-tablet, var(--uk20ji-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--uk20ji-background-imageRatio-mobile, var(--uk20ji-background-imageRatio, auto)); border-width: var(--uk20ji-borderWidth-tl-mobile,0px) var(--uk20ji-borderWidth-tr-mobile,0px) var(--uk20ji-borderWidth-br-mobile,0px) var(--uk20ji-borderWidth-bl-mobile,0px); border-radius: var(--uk20ji-borderRadius-tl-mobile,0px) var(--uk20ji-borderRadius-tr-mobile,0px) var(--uk20ji-borderRadius-br-mobile,0px) var(--uk20ji-borderRadius-bl-mobile,0px); max-width: var(--uk20ji-max-width-mobile, var(--uk20ji-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--uk20ji-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--uk20ji-gap,var(--beae-card-gap)); padding-top: var(--uk20ji-padding-top,var(--beae-card-padding)); padding-right: var(--uk20ji-padding-right,var(--beae-card-padding)); padding-bottom: var(--uk20ji-padding-bottom,var(--beae-card-padding)); padding-left: var(--uk20ji-padding-left,var(--beae-card-padding)); border-width: var(--uk20ji-borderWidth,var(--beae-card-border-width)); border-width: var(--uk20ji-borderWidth-tl,var(--beae-card-border-width)) var(--uk20ji-borderWidth-tr,var(--beae-card-border-width)) var(--uk20ji-borderWidth-br,var(--beae-card-border-width)) var(--uk20ji-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--uk20ji-borderRadius-tl,var(--beae-card-border-radius)) var(--uk20ji-borderRadius-tr,var(--beae-card-border-radius)) var(--uk20ji-borderRadius-br,var(--beae-card-border-radius)) var(--uk20ji-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(--uk20ji-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--uk20ji-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--uk20ji-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--uk20ji-padding-left-tablet,var(--beae-card-padding)); border-width: var(--uk20ji-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--uk20ji-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--uk20ji-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--uk20ji-borderWidth-br-desktop,var(--beae-card-border-width)) var(--uk20ji-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--uk20ji-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--uk20ji-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--uk20ji-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--uk20ji-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--uk20ji-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--uk20ji-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--uk20ji-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--uk20ji-padding-left-mobile,var(--beae-card-padding)); border-width: var(--uk20ji-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--uk20ji-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--uk20ji-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--uk20ji-borderWidth-br-mobile,var(--beae-card-border-width)) var(--uk20ji-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--uk20ji-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--uk20ji-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--uk20ji-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--uk20ji-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--uk20ji-background-color,var(--beae-card-featured-background)); border-color: var(--uk20ji-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--uk20ji-enableShadow: true): var(--uk20ji-shadowHorizontal, var(--beae-card-shadow-x)) var(--uk20ji-shadowVertical, var(--beae-card-shadow-y)) var(--uk20ji-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uk20ji-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--uk20ji-background-color,var(--beae-card-prod-background)); border-color: var(--uk20ji-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--uk20ji-enableShadow: true): var(--uk20ji-shadowHorizontal, var(--beae-card-shadow-x)) var(--uk20ji-shadowVertical, var(--beae-card-shadow-y)) var(--uk20ji-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uk20ji-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--uk20ji-background-color,var(--beae-card-pricing-background)); border-color: var(--uk20ji-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--uk20ji-enableShadow: true): var(--uk20ji-shadowHorizontal, var(--beae-card-shadow-x)) var(--uk20ji-shadowVertical, var(--beae-card-shadow-y)) var(--uk20ji-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uk20ji-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--uk20ji-background-color,var(--beae-card-cta-background)); border-color: var(--uk20ji-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--uk20ji-enableShadow: true): var(--uk20ji-shadowHorizontal, var(--beae-card-shadow-x)) var(--uk20ji-shadowVertical, var(--beae-card-shadow-y)) var(--uk20ji-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uk20ji-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--uk20ji-background-color,var(--beae-card-media-background)); border-color: var(--uk20ji-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--uk20ji-enableShadow: true): var(--uk20ji-shadowHorizontal, var(--beae-card-shadow-x)) var(--uk20ji-shadowVertical, var(--beae-card-shadow-y)) var(--uk20ji-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uk20ji-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-uk20ji"] {     display: flex;     flex-direction: var(--uk20ji-direction, column);     flex-wrap: nowrap;     justify-content: var(--uk20ji-justify-content);     align-items: var(--uk20ji-align-items);     gap: var(--uk20ji-gap, var(--uk20ji-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(50.00% - var(--uk20ji-padding-right, 0px) - var(--uk20ji-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(50.00% - var(--uk20ji-padding-right, 0px) - var(--uk20ji-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--uk20ji-padding-right, 0px) - var(--uk20ji-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uk20ji"] {      flex-direction: var(--uk20ji-direction-tablet, column);                      gap: var(--uk20ji-gap-tablet, var(--uk20ji-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-uk20ji"] {      flex-direction: var(--uk20ji-direction-mobile, column);                      gap: var(--uk20ji-gap-mobile, var(--uk20ji-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-40sm6m"] { --40sm6m-direction: row; --40sm6m-direction-tablet: row; --40sm6m-direction-mobile: row; --40sm6m-structure: auto; --40sm6m-structure-tablet: auto; --40sm6m-structure-mobile: auto; --40sm6m-align-items: flex-start; --40sm6m-align-items-tablet: flex-start; --40sm6m-align-items-mobile: flex-start; --40sm6m-gap: 10px; --40sm6m-gap-tablet: 10px; --40sm6m-gap-mobile: 10px; }[data-bnode="beae-40sm6m"] { padding-top: var(--40sm6m-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--40sm6m-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--40sm6m-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--40sm6m-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--40sm6m-padding-top-tablet, var(--40sm6m-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--40sm6m-padding-right-tablet, var(--40sm6m-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--40sm6m-padding-bottom-tablet, var(--40sm6m-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--40sm6m-padding-left-tablet, var(--40sm6m-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--40sm6m-padding-top-mobile, var(--40sm6m-padding-top-tablet, var(--40sm6m-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--40sm6m-padding-right-mobile, var(--40sm6m-padding-right-tablet, var(--40sm6m-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--40sm6m-padding-bottom-mobile, var(--40sm6m-padding-bottom-tablet, var(--40sm6m-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--40sm6m-padding-left-mobile, var(--40sm6m-padding-left-tablet, var(--40sm6m-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--40sm6m-padding-left, var(--beae-slot-padding-x, 0px)) - var(--40sm6m-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(--40sm6m-background-imageRatio, auto); background: var(--40sm6m-background-color,transparent); border-style: var(--40sm6m-borderStyle,solid); border-color: var(--40sm6m-borderColor,#000000); border-width: var(--40sm6m-borderWidth-tl,0px) var(--40sm6m-borderWidth-tr,0px) var(--40sm6m-borderWidth-br,0px) var(--40sm6m-borderWidth-bl,0px); border-radius: var(--40sm6m-borderRadius-tl,0px) var(--40sm6m-borderRadius-tr,0px) var(--40sm6m-borderRadius-br,0px) var(--40sm6m-borderRadius-bl,0px); box-shadow: if(style(--40sm6m-enableShadow: true): var(--40sm6m-shadowHorizontal,0) var(--40sm6m-shadowVertical,0) var(--40sm6m-shadowBlur,0) 1px var(--40sm6m-shadowColor,#000000); else: none); max-width: var(--40sm6m-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--40sm6m-background-imageRatio-tablet, var(--40sm6m-background-imageRatio, auto)); border-width: var(--40sm6m-borderWidth-tl-tablet,0px) var(--40sm6m-borderWidth-tr-tablet,0px) var(--40sm6m-borderWidth-br-tablet,0px) var(--40sm6m-borderWidth-bl-tablet,0px); border-radius: var(--40sm6m-borderRadius-tl-tablet,0px) var(--40sm6m-borderRadius-tr-tablet,0px) var(--40sm6m-borderRadius-br-tablet,0px) var(--40sm6m-borderRadius-bl-tablet,0px); max-width: var(--40sm6m-max-width-tablet, var(--40sm6m-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--40sm6m-background-imageRatio-mobile, var(--40sm6m-background-imageRatio, auto)); border-width: var(--40sm6m-borderWidth-tl-mobile,0px) var(--40sm6m-borderWidth-tr-mobile,0px) var(--40sm6m-borderWidth-br-mobile,0px) var(--40sm6m-borderWidth-bl-mobile,0px); border-radius: var(--40sm6m-borderRadius-tl-mobile,0px) var(--40sm6m-borderRadius-tr-mobile,0px) var(--40sm6m-borderRadius-br-mobile,0px) var(--40sm6m-borderRadius-bl-mobile,0px); max-width: var(--40sm6m-max-width-mobile, var(--40sm6m-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--40sm6m-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--40sm6m-gap,var(--beae-card-gap)); padding-top: var(--40sm6m-padding-top,var(--beae-card-padding)); padding-right: var(--40sm6m-padding-right,var(--beae-card-padding)); padding-bottom: var(--40sm6m-padding-bottom,var(--beae-card-padding)); padding-left: var(--40sm6m-padding-left,var(--beae-card-padding)); border-width: var(--40sm6m-borderWidth,var(--beae-card-border-width)); border-width: var(--40sm6m-borderWidth-tl,var(--beae-card-border-width)) var(--40sm6m-borderWidth-tr,var(--beae-card-border-width)) var(--40sm6m-borderWidth-br,var(--beae-card-border-width)) var(--40sm6m-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--40sm6m-borderRadius-tl,var(--beae-card-border-radius)) var(--40sm6m-borderRadius-tr,var(--beae-card-border-radius)) var(--40sm6m-borderRadius-br,var(--beae-card-border-radius)) var(--40sm6m-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(--40sm6m-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--40sm6m-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--40sm6m-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--40sm6m-padding-left-tablet,var(--beae-card-padding)); border-width: var(--40sm6m-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--40sm6m-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--40sm6m-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--40sm6m-borderWidth-br-desktop,var(--beae-card-border-width)) var(--40sm6m-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--40sm6m-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--40sm6m-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--40sm6m-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--40sm6m-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--40sm6m-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--40sm6m-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--40sm6m-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--40sm6m-padding-left-mobile,var(--beae-card-padding)); border-width: var(--40sm6m-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--40sm6m-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--40sm6m-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--40sm6m-borderWidth-br-mobile,var(--beae-card-border-width)) var(--40sm6m-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--40sm6m-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--40sm6m-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--40sm6m-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--40sm6m-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--40sm6m-background-color,var(--beae-card-featured-background)); border-color: var(--40sm6m-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--40sm6m-enableShadow: true): var(--40sm6m-shadowHorizontal, var(--beae-card-shadow-x)) var(--40sm6m-shadowVertical, var(--beae-card-shadow-y)) var(--40sm6m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--40sm6m-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--40sm6m-background-color,var(--beae-card-prod-background)); border-color: var(--40sm6m-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--40sm6m-enableShadow: true): var(--40sm6m-shadowHorizontal, var(--beae-card-shadow-x)) var(--40sm6m-shadowVertical, var(--beae-card-shadow-y)) var(--40sm6m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--40sm6m-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--40sm6m-background-color,var(--beae-card-pricing-background)); border-color: var(--40sm6m-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--40sm6m-enableShadow: true): var(--40sm6m-shadowHorizontal, var(--beae-card-shadow-x)) var(--40sm6m-shadowVertical, var(--beae-card-shadow-y)) var(--40sm6m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--40sm6m-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--40sm6m-background-color,var(--beae-card-cta-background)); border-color: var(--40sm6m-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--40sm6m-enableShadow: true): var(--40sm6m-shadowHorizontal, var(--beae-card-shadow-x)) var(--40sm6m-shadowVertical, var(--beae-card-shadow-y)) var(--40sm6m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--40sm6m-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--40sm6m-background-color,var(--beae-card-media-background)); border-color: var(--40sm6m-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--40sm6m-enableShadow: true): var(--40sm6m-shadowHorizontal, var(--beae-card-shadow-x)) var(--40sm6m-shadowVertical, var(--beae-card-shadow-y)) var(--40sm6m-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--40sm6m-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-40sm6m"] {     display: flex;     flex-direction: var(--40sm6m-direction, column);     flex-wrap: nowrap;     justify-content: var(--40sm6m-justify-content);     align-items: var(--40sm6m-align-items);     gap: var(--40sm6m-gap, var(--40sm6m-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-40sm6m"] {                            gap: var(--40sm6m-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(--40sm6m-padding-right-tablet, 0px) - var(--40sm6m-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-40sm6m"] {                            gap: var(--40sm6m-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(--40sm6m-padding-right-mobile, 0px) - var(--40sm6m-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-s1aeor"] { --s1aeor-direction: row; --s1aeor-direction-tablet: row; --s1aeor-direction-mobile: row; --s1aeor-structure: columns; --s1aeor-structure-tablet: columns; --s1aeor-structure-mobile: columns; --s1aeor-max-width: 20px; --s1aeor-max-width-tablet: 20px; --s1aeor-max-width-mobile: 20px; }[data-bnode="beae-s1aeor"] { padding-top: var(--s1aeor-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--s1aeor-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--s1aeor-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--s1aeor-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--s1aeor-padding-top-tablet, var(--s1aeor-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--s1aeor-padding-right-tablet, var(--s1aeor-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--s1aeor-padding-bottom-tablet, var(--s1aeor-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--s1aeor-padding-left-tablet, var(--s1aeor-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--s1aeor-padding-top-mobile, var(--s1aeor-padding-top-tablet, var(--s1aeor-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--s1aeor-padding-right-mobile, var(--s1aeor-padding-right-tablet, var(--s1aeor-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--s1aeor-padding-bottom-mobile, var(--s1aeor-padding-bottom-tablet, var(--s1aeor-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--s1aeor-padding-left-mobile, var(--s1aeor-padding-left-tablet, var(--s1aeor-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--s1aeor-padding-left, var(--beae-slot-padding-x, 0px)) - var(--s1aeor-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(--s1aeor-background-imageRatio, auto); background: var(--s1aeor-background-color,transparent); border-style: var(--s1aeor-borderStyle,solid); border-color: var(--s1aeor-borderColor,#000000); border-width: var(--s1aeor-borderWidth-tl,0px) var(--s1aeor-borderWidth-tr,0px) var(--s1aeor-borderWidth-br,0px) var(--s1aeor-borderWidth-bl,0px); border-radius: var(--s1aeor-borderRadius-tl,0px) var(--s1aeor-borderRadius-tr,0px) var(--s1aeor-borderRadius-br,0px) var(--s1aeor-borderRadius-bl,0px); box-shadow: if(style(--s1aeor-enableShadow: true): var(--s1aeor-shadowHorizontal,0) var(--s1aeor-shadowVertical,0) var(--s1aeor-shadowBlur,0) 1px var(--s1aeor-shadowColor,#000000); else: none); max-width: var(--s1aeor-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--s1aeor-background-imageRatio-tablet, var(--s1aeor-background-imageRatio, auto)); border-width: var(--s1aeor-borderWidth-tl-tablet,0px) var(--s1aeor-borderWidth-tr-tablet,0px) var(--s1aeor-borderWidth-br-tablet,0px) var(--s1aeor-borderWidth-bl-tablet,0px); border-radius: var(--s1aeor-borderRadius-tl-tablet,0px) var(--s1aeor-borderRadius-tr-tablet,0px) var(--s1aeor-borderRadius-br-tablet,0px) var(--s1aeor-borderRadius-bl-tablet,0px); max-width: var(--s1aeor-max-width-tablet, var(--s1aeor-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--s1aeor-background-imageRatio-mobile, var(--s1aeor-background-imageRatio, auto)); border-width: var(--s1aeor-borderWidth-tl-mobile,0px) var(--s1aeor-borderWidth-tr-mobile,0px) var(--s1aeor-borderWidth-br-mobile,0px) var(--s1aeor-borderWidth-bl-mobile,0px); border-radius: var(--s1aeor-borderRadius-tl-mobile,0px) var(--s1aeor-borderRadius-tr-mobile,0px) var(--s1aeor-borderRadius-br-mobile,0px) var(--s1aeor-borderRadius-bl-mobile,0px); max-width: var(--s1aeor-max-width-mobile, var(--s1aeor-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--s1aeor-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--s1aeor-gap,var(--beae-card-gap)); padding-top: var(--s1aeor-padding-top,var(--beae-card-padding)); padding-right: var(--s1aeor-padding-right,var(--beae-card-padding)); padding-bottom: var(--s1aeor-padding-bottom,var(--beae-card-padding)); padding-left: var(--s1aeor-padding-left,var(--beae-card-padding)); border-width: var(--s1aeor-borderWidth,var(--beae-card-border-width)); border-width: var(--s1aeor-borderWidth-tl,var(--beae-card-border-width)) var(--s1aeor-borderWidth-tr,var(--beae-card-border-width)) var(--s1aeor-borderWidth-br,var(--beae-card-border-width)) var(--s1aeor-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--s1aeor-borderRadius-tl,var(--beae-card-border-radius)) var(--s1aeor-borderRadius-tr,var(--beae-card-border-radius)) var(--s1aeor-borderRadius-br,var(--beae-card-border-radius)) var(--s1aeor-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(--s1aeor-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--s1aeor-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--s1aeor-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--s1aeor-padding-left-tablet,var(--beae-card-padding)); border-width: var(--s1aeor-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--s1aeor-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--s1aeor-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--s1aeor-borderWidth-br-desktop,var(--beae-card-border-width)) var(--s1aeor-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--s1aeor-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--s1aeor-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--s1aeor-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--s1aeor-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--s1aeor-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--s1aeor-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--s1aeor-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--s1aeor-padding-left-mobile,var(--beae-card-padding)); border-width: var(--s1aeor-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--s1aeor-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--s1aeor-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--s1aeor-borderWidth-br-mobile,var(--beae-card-border-width)) var(--s1aeor-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--s1aeor-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--s1aeor-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--s1aeor-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--s1aeor-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--s1aeor-background-color,var(--beae-card-featured-background)); border-color: var(--s1aeor-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--s1aeor-enableShadow: true): var(--s1aeor-shadowHorizontal, var(--beae-card-shadow-x)) var(--s1aeor-shadowVertical, var(--beae-card-shadow-y)) var(--s1aeor-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s1aeor-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--s1aeor-background-color,var(--beae-card-prod-background)); border-color: var(--s1aeor-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--s1aeor-enableShadow: true): var(--s1aeor-shadowHorizontal, var(--beae-card-shadow-x)) var(--s1aeor-shadowVertical, var(--beae-card-shadow-y)) var(--s1aeor-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s1aeor-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--s1aeor-background-color,var(--beae-card-pricing-background)); border-color: var(--s1aeor-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--s1aeor-enableShadow: true): var(--s1aeor-shadowHorizontal, var(--beae-card-shadow-x)) var(--s1aeor-shadowVertical, var(--beae-card-shadow-y)) var(--s1aeor-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s1aeor-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--s1aeor-background-color,var(--beae-card-cta-background)); border-color: var(--s1aeor-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--s1aeor-enableShadow: true): var(--s1aeor-shadowHorizontal, var(--beae-card-shadow-x)) var(--s1aeor-shadowVertical, var(--beae-card-shadow-y)) var(--s1aeor-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s1aeor-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--s1aeor-background-color,var(--beae-card-media-background)); border-color: var(--s1aeor-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--s1aeor-enableShadow: true): var(--s1aeor-shadowHorizontal, var(--beae-card-shadow-x)) var(--s1aeor-shadowVertical, var(--beae-card-shadow-y)) var(--s1aeor-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s1aeor-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-s1aeor"] {     display: flex;     flex-direction: var(--s1aeor-direction, column);     flex-wrap: nowrap;     justify-content: var(--s1aeor-justify-content);     align-items: var(--s1aeor-align-items);     gap: var(--s1aeor-gap, var(--s1aeor-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--s1aeor-padding-right, 0px) - var(--s1aeor-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-s1aeor"] {                            gap: var(--s1aeor-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(--s1aeor-padding-right-tablet, 0px) - var(--s1aeor-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-s1aeor"] {                            gap: var(--s1aeor-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(--s1aeor-padding-right-mobile, 0px) - var(--s1aeor-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-ldbd94"] { --ldbd94-width: 100%; --ldbd94-width-tablet: 100%; --ldbd94-width-mobile: 100%; --ldbd94-imageRatio: 1/1; --ldbd94-imageRatio-tablet: 1/1; --ldbd94-imageRatio-mobile: 1/1; --ldbd94-objFit: cover; --ldbd94-objFit-tablet: cover; --ldbd94-objFit-mobile: cover; --ldbd94-borderColor: #000000; --ldbd94-borderColor-tablet: #000000; --ldbd94-borderColor-mobile: #000000; --ldbd94-shadowColor: #000000; --ldbd94-shadowColor-tablet: #000000; --ldbd94-shadowColor-mobile: #000000; --ldbd94-borderStyle: none; --ldbd94-borderStyle-tablet: none; --ldbd94-borderStyle-mobile: none; --ldbd94-enableShadow: false; --ldbd94-enableShadow-tablet: false; --ldbd94-enableShadow-mobile: false; }[data-bnode="beae-ldbd94"] { margin-top: var(--ldbd94-margin-top, 0px); margin-right: var(--ldbd94-margin-right, 0px); margin-bottom: var(--ldbd94-margin-bottom, 0px); margin-left: var(--ldbd94-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ldbd94-margin-top-tablet, 0px); margin-right: var(--ldbd94-margin-right-tablet, 0px); margin-bottom: var(--ldbd94-margin-bottom-tablet, 0px); margin-left: var(--ldbd94-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ldbd94-margin-top-mobile, 0px); margin-right: var(--ldbd94-margin-right-mobile, 0px); margin-bottom: var(--ldbd94-margin-bottom-mobile, 0px); margin-left: var(--ldbd94-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--ldbd94-width,100%) - var(--ldbd94-margin-left,0px) - var(--ldbd94-margin-right,0px)); min-height: min-content; border-style: var(--ldbd94-borderStyle,solid); border-color: var(--ldbd94-borderColor,#000000); border-width: var(--ldbd94-borderWidth-tl,0px) var(--ldbd94-borderWidth-tr,0px) var(--ldbd94-borderWidth-br,0px) var(--ldbd94-borderWidth-bl,0px); border-radius: var(--ldbd94-borderRadius-tl,0px) var(--ldbd94-borderRadius-tr,0px) var(--ldbd94-borderRadius-br,0px) var(--ldbd94-borderRadius-bl,0px); aspect-ratio: var(--ldbd94-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--ldbd94-borderWidth-tl-tablet, var(--ldbd94-borderWidth-tl,0px)) var(--ldbd94-borderWidth-tr-tablet, var(--ldbd94-borderWidth-tr,0px)) var(--ldbd94-borderWidth-br-tablet, var(--ldbd94-borderWidth-br,0px)) var(--ldbd94-borderWidth-bl-tablet, var(--ldbd94-borderWidth-bl,0px)); border-radius: var(--ldbd94-borderRadius-tl-tablet, var(--ldbd94-borderRadius-tl,0px)) var(--ldbd94-borderRadius-tr-tablet, var(--ldbd94-borderRadius-tr,0px)) var(--ldbd94-borderRadius-br-tablet, var(--ldbd94-borderRadius-br,0px)) var(--ldbd94-borderRadius-bl-tablet, var(--ldbd94-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--ldbd94-borderWidth-tl-mobile, var(--ldbd94-borderWidth-tl,0px)) var(--ldbd94-borderWidth-tr-mobile, var(--ldbd94-borderWidth-tr,0px)) var(--ldbd94-borderWidth-br-mobile, var(--ldbd94-borderWidth-br,0px)) var(--ldbd94-borderWidth-bl-mobile, var(--ldbd94-borderWidth-bl,0px)); border-radius: var(--ldbd94-borderRadius-tl-mobile, var(--ldbd94-borderRadius-tl,0px)) var(--ldbd94-borderRadius-tr-mobile, var(--ldbd94-borderRadius-tr,0px)) var(--ldbd94-borderRadius-br-mobile, var(--ldbd94-borderRadius-br,0px)) var(--ldbd94-borderRadius-bl-mobile, var(--ldbd94-borderRadius-bl,0px)); } box-shadow: if( style(--ldbd94-enableShadow: true): var(--ldbd94-shadowHorizontal, 0) var(--ldbd94-shadowVertical, 0) var(--ldbd94-shadowBlur, 0) 1px var(--ldbd94-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--ldbd94-overlayColor-color, #000); opacity: var(--ldbd94-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--ldbd94-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--ldbd94-width-tablet,var(--ldbd94-width,100%)) - var(--ldbd94-margin-left-tablet,var(--ldbd94-margin-left,0px)) - var(--ldbd94-margin-right-tablet,var(--ldbd94-margin-right,0px))); aspect-ratio: var(--ldbd94-imageRatio-tablet, var(--ldbd94-imageRatio, auto)); img { object-fit: var(--ldbd94-objFit-tablet, var(--ldbd94-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--ldbd94-width-mobile,var(--ldbd94-width,100%)) - var(--ldbd94-margin-left-mobile,var(--ldbd94-margin-left,0px)) - var(--ldbd94-margin-right-mobile,var(--ldbd94-margin-right,0px))); aspect-ratio: var(--ldbd94-imageRatio-mobile, var(--ldbd94-imageRatio, auto)); img { object-fit: var(--ldbd94-objFit-mobile, var(--ldbd94-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-g8obg5"] { --g8obg5-direction: column; --g8obg5-direction-tablet: column; --g8obg5-direction-mobile: column; --g8obg5-structure: columns; --g8obg5-structure-tablet: columns; --g8obg5-structure-mobile: columns; --g8obg5-gap: 4px; --g8obg5-gap-tablet: 4px; --g8obg5-gap-mobile: 4px; }[data-bnode="beae-g8obg5"] { padding-top: var(--g8obg5-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--g8obg5-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--g8obg5-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--g8obg5-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--g8obg5-padding-top-tablet, var(--g8obg5-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--g8obg5-padding-right-tablet, var(--g8obg5-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--g8obg5-padding-bottom-tablet, var(--g8obg5-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--g8obg5-padding-left-tablet, var(--g8obg5-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--g8obg5-padding-top-mobile, var(--g8obg5-padding-top-tablet, var(--g8obg5-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--g8obg5-padding-right-mobile, var(--g8obg5-padding-right-tablet, var(--g8obg5-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--g8obg5-padding-bottom-mobile, var(--g8obg5-padding-bottom-tablet, var(--g8obg5-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--g8obg5-padding-left-mobile, var(--g8obg5-padding-left-tablet, var(--g8obg5-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--g8obg5-padding-left, var(--beae-slot-padding-x, 0px)) - var(--g8obg5-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(--g8obg5-background-imageRatio, auto); background: var(--g8obg5-background-color,transparent); border-style: var(--g8obg5-borderStyle,solid); border-color: var(--g8obg5-borderColor,#000000); border-width: var(--g8obg5-borderWidth-tl,0px) var(--g8obg5-borderWidth-tr,0px) var(--g8obg5-borderWidth-br,0px) var(--g8obg5-borderWidth-bl,0px); border-radius: var(--g8obg5-borderRadius-tl,0px) var(--g8obg5-borderRadius-tr,0px) var(--g8obg5-borderRadius-br,0px) var(--g8obg5-borderRadius-bl,0px); box-shadow: if(style(--g8obg5-enableShadow: true): var(--g8obg5-shadowHorizontal,0) var(--g8obg5-shadowVertical,0) var(--g8obg5-shadowBlur,0) 1px var(--g8obg5-shadowColor,#000000); else: none); max-width: var(--g8obg5-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--g8obg5-background-imageRatio-tablet, var(--g8obg5-background-imageRatio, auto)); border-width: var(--g8obg5-borderWidth-tl-tablet,0px) var(--g8obg5-borderWidth-tr-tablet,0px) var(--g8obg5-borderWidth-br-tablet,0px) var(--g8obg5-borderWidth-bl-tablet,0px); border-radius: var(--g8obg5-borderRadius-tl-tablet,0px) var(--g8obg5-borderRadius-tr-tablet,0px) var(--g8obg5-borderRadius-br-tablet,0px) var(--g8obg5-borderRadius-bl-tablet,0px); max-width: var(--g8obg5-max-width-tablet, var(--g8obg5-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--g8obg5-background-imageRatio-mobile, var(--g8obg5-background-imageRatio, auto)); border-width: var(--g8obg5-borderWidth-tl-mobile,0px) var(--g8obg5-borderWidth-tr-mobile,0px) var(--g8obg5-borderWidth-br-mobile,0px) var(--g8obg5-borderWidth-bl-mobile,0px); border-radius: var(--g8obg5-borderRadius-tl-mobile,0px) var(--g8obg5-borderRadius-tr-mobile,0px) var(--g8obg5-borderRadius-br-mobile,0px) var(--g8obg5-borderRadius-bl-mobile,0px); max-width: var(--g8obg5-max-width-mobile, var(--g8obg5-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--g8obg5-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--g8obg5-gap,var(--beae-card-gap)); padding-top: var(--g8obg5-padding-top,var(--beae-card-padding)); padding-right: var(--g8obg5-padding-right,var(--beae-card-padding)); padding-bottom: var(--g8obg5-padding-bottom,var(--beae-card-padding)); padding-left: var(--g8obg5-padding-left,var(--beae-card-padding)); border-width: var(--g8obg5-borderWidth,var(--beae-card-border-width)); border-width: var(--g8obg5-borderWidth-tl,var(--beae-card-border-width)) var(--g8obg5-borderWidth-tr,var(--beae-card-border-width)) var(--g8obg5-borderWidth-br,var(--beae-card-border-width)) var(--g8obg5-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--g8obg5-borderRadius-tl,var(--beae-card-border-radius)) var(--g8obg5-borderRadius-tr,var(--beae-card-border-radius)) var(--g8obg5-borderRadius-br,var(--beae-card-border-radius)) var(--g8obg5-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(--g8obg5-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--g8obg5-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--g8obg5-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--g8obg5-padding-left-tablet,var(--beae-card-padding)); border-width: var(--g8obg5-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--g8obg5-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--g8obg5-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--g8obg5-borderWidth-br-desktop,var(--beae-card-border-width)) var(--g8obg5-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--g8obg5-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--g8obg5-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--g8obg5-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--g8obg5-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--g8obg5-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--g8obg5-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--g8obg5-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--g8obg5-padding-left-mobile,var(--beae-card-padding)); border-width: var(--g8obg5-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--g8obg5-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--g8obg5-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--g8obg5-borderWidth-br-mobile,var(--beae-card-border-width)) var(--g8obg5-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--g8obg5-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--g8obg5-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--g8obg5-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--g8obg5-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--g8obg5-background-color,var(--beae-card-featured-background)); border-color: var(--g8obg5-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--g8obg5-enableShadow: true): var(--g8obg5-shadowHorizontal, var(--beae-card-shadow-x)) var(--g8obg5-shadowVertical, var(--beae-card-shadow-y)) var(--g8obg5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g8obg5-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--g8obg5-background-color,var(--beae-card-prod-background)); border-color: var(--g8obg5-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--g8obg5-enableShadow: true): var(--g8obg5-shadowHorizontal, var(--beae-card-shadow-x)) var(--g8obg5-shadowVertical, var(--beae-card-shadow-y)) var(--g8obg5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g8obg5-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--g8obg5-background-color,var(--beae-card-pricing-background)); border-color: var(--g8obg5-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--g8obg5-enableShadow: true): var(--g8obg5-shadowHorizontal, var(--beae-card-shadow-x)) var(--g8obg5-shadowVertical, var(--beae-card-shadow-y)) var(--g8obg5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g8obg5-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--g8obg5-background-color,var(--beae-card-cta-background)); border-color: var(--g8obg5-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--g8obg5-enableShadow: true): var(--g8obg5-shadowHorizontal, var(--beae-card-shadow-x)) var(--g8obg5-shadowVertical, var(--beae-card-shadow-y)) var(--g8obg5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g8obg5-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--g8obg5-background-color,var(--beae-card-media-background)); border-color: var(--g8obg5-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--g8obg5-enableShadow: true): var(--g8obg5-shadowHorizontal, var(--beae-card-shadow-x)) var(--g8obg5-shadowVertical, var(--beae-card-shadow-y)) var(--g8obg5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g8obg5-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-g8obg5"] {     display: flex;     flex-direction: var(--g8obg5-direction, column);     flex-wrap: nowrap;     justify-content: var(--g8obg5-justify-content);     align-items: var(--g8obg5-align-items);     gap: var(--g8obg5-gap, var(--g8obg5-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-g8obg5"] {                            gap: var(--g8obg5-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(--g8obg5-padding-right-tablet, 0px) - var(--g8obg5-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-g8obg5"] {                            gap: var(--g8obg5-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(--g8obg5-padding-right-mobile, 0px) - var(--g8obg5-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-voodh2"] { --beae-p2-font-size: 14px; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-color: #100d09; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 600; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --voodh2-typography: p2; --voodh2-typography-tablet: p2; --voodh2-typography-mobile: p2; --beae-p2-text-align: start; }[data-bnode="beae-voodh2"] { margin-top: var(--voodh2-margin-top, 0px); margin-right: var(--voodh2-margin-right, 0px); margin-bottom: var(--voodh2-margin-bottom, 0px); margin-left: var(--voodh2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--voodh2-margin-top-tablet, 0px); margin-right: var(--voodh2-margin-right-tablet, 0px); margin-bottom: var(--voodh2-margin-bottom-tablet, 0px); margin-left: var(--voodh2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--voodh2-margin-top-mobile, 0px); margin-right: var(--voodh2-margin-right-mobile, 0px); margin-bottom: var(--voodh2-margin-bottom-mobile, 0px); margin-left: var(--voodh2-margin-left-mobile, 0px); } }[data-bnode="beae-st2bl0"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #413425; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --st2bl0-typography: p; --st2bl0-typography-tablet: p; --st2bl0-typography-mobile: p; }[data-bnode="beae-st2bl0"] { margin-top: var(--st2bl0-margin-top, 0px); margin-right: var(--st2bl0-margin-right, 0px); margin-bottom: var(--st2bl0-margin-bottom, 0px); margin-left: var(--st2bl0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--st2bl0-margin-top-tablet, 0px); margin-right: var(--st2bl0-margin-right-tablet, 0px); margin-bottom: var(--st2bl0-margin-bottom-tablet, 0px); margin-left: var(--st2bl0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--st2bl0-margin-top-mobile, 0px); margin-right: var(--st2bl0-margin-right-mobile, 0px); margin-bottom: var(--st2bl0-margin-bottom-mobile, 0px); margin-left: var(--st2bl0-margin-left-mobile, 0px); } }[data-bnode="beae-zwaqcm"] { --zwaqcm-direction: row; --zwaqcm-direction-tablet: row; --zwaqcm-direction-mobile: row; --zwaqcm-structure: auto; --zwaqcm-structure-tablet: auto; --zwaqcm-structure-mobile: auto; --zwaqcm-align-items: flex-start; --zwaqcm-align-items-tablet: flex-start; --zwaqcm-align-items-mobile: flex-start; --zwaqcm-gap: 10px; --zwaqcm-gap-tablet: 10px; --zwaqcm-gap-mobile: 10px; }[data-bnode="beae-zwaqcm"] { padding-top: var(--zwaqcm-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zwaqcm-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zwaqcm-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zwaqcm-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zwaqcm-padding-top-tablet, var(--zwaqcm-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zwaqcm-padding-right-tablet, var(--zwaqcm-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zwaqcm-padding-bottom-tablet, var(--zwaqcm-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zwaqcm-padding-left-tablet, var(--zwaqcm-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zwaqcm-padding-top-mobile, var(--zwaqcm-padding-top-tablet, var(--zwaqcm-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zwaqcm-padding-right-mobile, var(--zwaqcm-padding-right-tablet, var(--zwaqcm-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zwaqcm-padding-bottom-mobile, var(--zwaqcm-padding-bottom-tablet, var(--zwaqcm-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zwaqcm-padding-left-mobile, var(--zwaqcm-padding-left-tablet, var(--zwaqcm-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zwaqcm-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zwaqcm-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(--zwaqcm-background-imageRatio, auto); background: var(--zwaqcm-background-color,transparent); border-style: var(--zwaqcm-borderStyle,solid); border-color: var(--zwaqcm-borderColor,#000000); border-width: var(--zwaqcm-borderWidth-tl,0px) var(--zwaqcm-borderWidth-tr,0px) var(--zwaqcm-borderWidth-br,0px) var(--zwaqcm-borderWidth-bl,0px); border-radius: var(--zwaqcm-borderRadius-tl,0px) var(--zwaqcm-borderRadius-tr,0px) var(--zwaqcm-borderRadius-br,0px) var(--zwaqcm-borderRadius-bl,0px); box-shadow: if(style(--zwaqcm-enableShadow: true): var(--zwaqcm-shadowHorizontal,0) var(--zwaqcm-shadowVertical,0) var(--zwaqcm-shadowBlur,0) 1px var(--zwaqcm-shadowColor,#000000); else: none); max-width: var(--zwaqcm-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zwaqcm-background-imageRatio-tablet, var(--zwaqcm-background-imageRatio, auto)); border-width: var(--zwaqcm-borderWidth-tl-tablet,0px) var(--zwaqcm-borderWidth-tr-tablet,0px) var(--zwaqcm-borderWidth-br-tablet,0px) var(--zwaqcm-borderWidth-bl-tablet,0px); border-radius: var(--zwaqcm-borderRadius-tl-tablet,0px) var(--zwaqcm-borderRadius-tr-tablet,0px) var(--zwaqcm-borderRadius-br-tablet,0px) var(--zwaqcm-borderRadius-bl-tablet,0px); max-width: var(--zwaqcm-max-width-tablet, var(--zwaqcm-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zwaqcm-background-imageRatio-mobile, var(--zwaqcm-background-imageRatio, auto)); border-width: var(--zwaqcm-borderWidth-tl-mobile,0px) var(--zwaqcm-borderWidth-tr-mobile,0px) var(--zwaqcm-borderWidth-br-mobile,0px) var(--zwaqcm-borderWidth-bl-mobile,0px); border-radius: var(--zwaqcm-borderRadius-tl-mobile,0px) var(--zwaqcm-borderRadius-tr-mobile,0px) var(--zwaqcm-borderRadius-br-mobile,0px) var(--zwaqcm-borderRadius-bl-mobile,0px); max-width: var(--zwaqcm-max-width-mobile, var(--zwaqcm-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zwaqcm-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zwaqcm-gap,var(--beae-card-gap)); padding-top: var(--zwaqcm-padding-top,var(--beae-card-padding)); padding-right: var(--zwaqcm-padding-right,var(--beae-card-padding)); padding-bottom: var(--zwaqcm-padding-bottom,var(--beae-card-padding)); padding-left: var(--zwaqcm-padding-left,var(--beae-card-padding)); border-width: var(--zwaqcm-borderWidth,var(--beae-card-border-width)); border-width: var(--zwaqcm-borderWidth-tl,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-tr,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-br,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zwaqcm-borderRadius-tl,var(--beae-card-border-radius)) var(--zwaqcm-borderRadius-tr,var(--beae-card-border-radius)) var(--zwaqcm-borderRadius-br,var(--beae-card-border-radius)) var(--zwaqcm-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(--zwaqcm-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zwaqcm-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zwaqcm-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zwaqcm-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zwaqcm-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zwaqcm-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zwaqcm-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zwaqcm-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zwaqcm-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zwaqcm-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zwaqcm-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zwaqcm-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zwaqcm-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zwaqcm-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zwaqcm-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zwaqcm-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zwaqcm-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zwaqcm-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zwaqcm-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zwaqcm-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zwaqcm-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zwaqcm-background-color,var(--beae-card-featured-background)); border-color: var(--zwaqcm-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zwaqcm-enableShadow: true): var(--zwaqcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--zwaqcm-shadowVertical, var(--beae-card-shadow-y)) var(--zwaqcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zwaqcm-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zwaqcm-background-color,var(--beae-card-prod-background)); border-color: var(--zwaqcm-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zwaqcm-enableShadow: true): var(--zwaqcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--zwaqcm-shadowVertical, var(--beae-card-shadow-y)) var(--zwaqcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zwaqcm-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zwaqcm-background-color,var(--beae-card-pricing-background)); border-color: var(--zwaqcm-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zwaqcm-enableShadow: true): var(--zwaqcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--zwaqcm-shadowVertical, var(--beae-card-shadow-y)) var(--zwaqcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zwaqcm-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zwaqcm-background-color,var(--beae-card-cta-background)); border-color: var(--zwaqcm-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zwaqcm-enableShadow: true): var(--zwaqcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--zwaqcm-shadowVertical, var(--beae-card-shadow-y)) var(--zwaqcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zwaqcm-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zwaqcm-background-color,var(--beae-card-media-background)); border-color: var(--zwaqcm-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zwaqcm-enableShadow: true): var(--zwaqcm-shadowHorizontal, var(--beae-card-shadow-x)) var(--zwaqcm-shadowVertical, var(--beae-card-shadow-y)) var(--zwaqcm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zwaqcm-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-zwaqcm"] {     display: flex;     flex-direction: var(--zwaqcm-direction, column);     flex-wrap: nowrap;     justify-content: var(--zwaqcm-justify-content);     align-items: var(--zwaqcm-align-items);     gap: var(--zwaqcm-gap, var(--zwaqcm-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zwaqcm"] {                            gap: var(--zwaqcm-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(--zwaqcm-padding-right-tablet, 0px) - var(--zwaqcm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zwaqcm"] {                            gap: var(--zwaqcm-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(--zwaqcm-padding-right-mobile, 0px) - var(--zwaqcm-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-z5x07s"] { --z5x07s-direction: row; --z5x07s-direction-tablet: row; --z5x07s-direction-mobile: row; --z5x07s-structure: columns; --z5x07s-structure-tablet: columns; --z5x07s-structure-mobile: columns; --z5x07s-max-width: 20px; --z5x07s-max-width-tablet: 20px; --z5x07s-max-width-mobile: 20px; }[data-bnode="beae-z5x07s"] { padding-top: var(--z5x07s-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--z5x07s-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--z5x07s-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--z5x07s-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--z5x07s-padding-top-tablet, var(--z5x07s-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--z5x07s-padding-right-tablet, var(--z5x07s-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--z5x07s-padding-bottom-tablet, var(--z5x07s-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--z5x07s-padding-left-tablet, var(--z5x07s-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--z5x07s-padding-top-mobile, var(--z5x07s-padding-top-tablet, var(--z5x07s-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--z5x07s-padding-right-mobile, var(--z5x07s-padding-right-tablet, var(--z5x07s-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--z5x07s-padding-bottom-mobile, var(--z5x07s-padding-bottom-tablet, var(--z5x07s-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--z5x07s-padding-left-mobile, var(--z5x07s-padding-left-tablet, var(--z5x07s-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--z5x07s-padding-left, var(--beae-slot-padding-x, 0px)) - var(--z5x07s-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(--z5x07s-background-imageRatio, auto); background: var(--z5x07s-background-color,transparent); border-style: var(--z5x07s-borderStyle,solid); border-color: var(--z5x07s-borderColor,#000000); border-width: var(--z5x07s-borderWidth-tl,0px) var(--z5x07s-borderWidth-tr,0px) var(--z5x07s-borderWidth-br,0px) var(--z5x07s-borderWidth-bl,0px); border-radius: var(--z5x07s-borderRadius-tl,0px) var(--z5x07s-borderRadius-tr,0px) var(--z5x07s-borderRadius-br,0px) var(--z5x07s-borderRadius-bl,0px); box-shadow: if(style(--z5x07s-enableShadow: true): var(--z5x07s-shadowHorizontal,0) var(--z5x07s-shadowVertical,0) var(--z5x07s-shadowBlur,0) 1px var(--z5x07s-shadowColor,#000000); else: none); max-width: var(--z5x07s-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--z5x07s-background-imageRatio-tablet, var(--z5x07s-background-imageRatio, auto)); border-width: var(--z5x07s-borderWidth-tl-tablet,0px) var(--z5x07s-borderWidth-tr-tablet,0px) var(--z5x07s-borderWidth-br-tablet,0px) var(--z5x07s-borderWidth-bl-tablet,0px); border-radius: var(--z5x07s-borderRadius-tl-tablet,0px) var(--z5x07s-borderRadius-tr-tablet,0px) var(--z5x07s-borderRadius-br-tablet,0px) var(--z5x07s-borderRadius-bl-tablet,0px); max-width: var(--z5x07s-max-width-tablet, var(--z5x07s-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--z5x07s-background-imageRatio-mobile, var(--z5x07s-background-imageRatio, auto)); border-width: var(--z5x07s-borderWidth-tl-mobile,0px) var(--z5x07s-borderWidth-tr-mobile,0px) var(--z5x07s-borderWidth-br-mobile,0px) var(--z5x07s-borderWidth-bl-mobile,0px); border-radius: var(--z5x07s-borderRadius-tl-mobile,0px) var(--z5x07s-borderRadius-tr-mobile,0px) var(--z5x07s-borderRadius-br-mobile,0px) var(--z5x07s-borderRadius-bl-mobile,0px); max-width: var(--z5x07s-max-width-mobile, var(--z5x07s-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--z5x07s-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--z5x07s-gap,var(--beae-card-gap)); padding-top: var(--z5x07s-padding-top,var(--beae-card-padding)); padding-right: var(--z5x07s-padding-right,var(--beae-card-padding)); padding-bottom: var(--z5x07s-padding-bottom,var(--beae-card-padding)); padding-left: var(--z5x07s-padding-left,var(--beae-card-padding)); border-width: var(--z5x07s-borderWidth,var(--beae-card-border-width)); border-width: var(--z5x07s-borderWidth-tl,var(--beae-card-border-width)) var(--z5x07s-borderWidth-tr,var(--beae-card-border-width)) var(--z5x07s-borderWidth-br,var(--beae-card-border-width)) var(--z5x07s-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--z5x07s-borderRadius-tl,var(--beae-card-border-radius)) var(--z5x07s-borderRadius-tr,var(--beae-card-border-radius)) var(--z5x07s-borderRadius-br,var(--beae-card-border-radius)) var(--z5x07s-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(--z5x07s-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--z5x07s-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--z5x07s-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--z5x07s-padding-left-tablet,var(--beae-card-padding)); border-width: var(--z5x07s-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--z5x07s-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--z5x07s-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--z5x07s-borderWidth-br-desktop,var(--beae-card-border-width)) var(--z5x07s-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--z5x07s-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--z5x07s-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--z5x07s-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--z5x07s-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--z5x07s-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--z5x07s-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--z5x07s-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--z5x07s-padding-left-mobile,var(--beae-card-padding)); border-width: var(--z5x07s-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--z5x07s-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--z5x07s-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--z5x07s-borderWidth-br-mobile,var(--beae-card-border-width)) var(--z5x07s-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--z5x07s-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--z5x07s-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--z5x07s-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--z5x07s-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--z5x07s-background-color,var(--beae-card-featured-background)); border-color: var(--z5x07s-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--z5x07s-enableShadow: true): var(--z5x07s-shadowHorizontal, var(--beae-card-shadow-x)) var(--z5x07s-shadowVertical, var(--beae-card-shadow-y)) var(--z5x07s-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z5x07s-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--z5x07s-background-color,var(--beae-card-prod-background)); border-color: var(--z5x07s-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--z5x07s-enableShadow: true): var(--z5x07s-shadowHorizontal, var(--beae-card-shadow-x)) var(--z5x07s-shadowVertical, var(--beae-card-shadow-y)) var(--z5x07s-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z5x07s-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--z5x07s-background-color,var(--beae-card-pricing-background)); border-color: var(--z5x07s-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--z5x07s-enableShadow: true): var(--z5x07s-shadowHorizontal, var(--beae-card-shadow-x)) var(--z5x07s-shadowVertical, var(--beae-card-shadow-y)) var(--z5x07s-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z5x07s-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--z5x07s-background-color,var(--beae-card-cta-background)); border-color: var(--z5x07s-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--z5x07s-enableShadow: true): var(--z5x07s-shadowHorizontal, var(--beae-card-shadow-x)) var(--z5x07s-shadowVertical, var(--beae-card-shadow-y)) var(--z5x07s-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z5x07s-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--z5x07s-background-color,var(--beae-card-media-background)); border-color: var(--z5x07s-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--z5x07s-enableShadow: true): var(--z5x07s-shadowHorizontal, var(--beae-card-shadow-x)) var(--z5x07s-shadowVertical, var(--beae-card-shadow-y)) var(--z5x07s-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z5x07s-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-z5x07s"] {     display: flex;     flex-direction: var(--z5x07s-direction, column);     flex-wrap: nowrap;     justify-content: var(--z5x07s-justify-content);     align-items: var(--z5x07s-align-items);     gap: var(--z5x07s-gap, var(--z5x07s-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--z5x07s-padding-right, 0px) - var(--z5x07s-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-z5x07s"] {                            gap: var(--z5x07s-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(--z5x07s-padding-right-tablet, 0px) - var(--z5x07s-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-z5x07s"] {                            gap: var(--z5x07s-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(--z5x07s-padding-right-mobile, 0px) - var(--z5x07s-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-33uvhh"] { --33uvhh-width: 100%; --33uvhh-width-tablet: 100%; --33uvhh-width-mobile: 100%; --33uvhh-imageRatio: 1/1; --33uvhh-imageRatio-tablet: 1/1; --33uvhh-imageRatio-mobile: 1/1; --33uvhh-objFit: cover; --33uvhh-objFit-tablet: cover; --33uvhh-objFit-mobile: cover; --33uvhh-borderColor: #000000; --33uvhh-borderColor-tablet: #000000; --33uvhh-borderColor-mobile: #000000; --33uvhh-shadowColor: #000000; --33uvhh-shadowColor-tablet: #000000; --33uvhh-shadowColor-mobile: #000000; --33uvhh-borderStyle: none; --33uvhh-borderStyle-tablet: none; --33uvhh-borderStyle-mobile: none; --33uvhh-enableShadow: false; --33uvhh-enableShadow-tablet: false; --33uvhh-enableShadow-mobile: false; }[data-bnode="beae-33uvhh"] { margin-top: var(--33uvhh-margin-top, 0px); margin-right: var(--33uvhh-margin-right, 0px); margin-bottom: var(--33uvhh-margin-bottom, 0px); margin-left: var(--33uvhh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--33uvhh-margin-top-tablet, 0px); margin-right: var(--33uvhh-margin-right-tablet, 0px); margin-bottom: var(--33uvhh-margin-bottom-tablet, 0px); margin-left: var(--33uvhh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--33uvhh-margin-top-mobile, 0px); margin-right: var(--33uvhh-margin-right-mobile, 0px); margin-bottom: var(--33uvhh-margin-bottom-mobile, 0px); margin-left: var(--33uvhh-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--33uvhh-width,100%) - var(--33uvhh-margin-left,0px) - var(--33uvhh-margin-right,0px)); min-height: min-content; border-style: var(--33uvhh-borderStyle,solid); border-color: var(--33uvhh-borderColor,#000000); border-width: var(--33uvhh-borderWidth-tl,0px) var(--33uvhh-borderWidth-tr,0px) var(--33uvhh-borderWidth-br,0px) var(--33uvhh-borderWidth-bl,0px); border-radius: var(--33uvhh-borderRadius-tl,0px) var(--33uvhh-borderRadius-tr,0px) var(--33uvhh-borderRadius-br,0px) var(--33uvhh-borderRadius-bl,0px); aspect-ratio: var(--33uvhh-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--33uvhh-borderWidth-tl-tablet, var(--33uvhh-borderWidth-tl,0px)) var(--33uvhh-borderWidth-tr-tablet, var(--33uvhh-borderWidth-tr,0px)) var(--33uvhh-borderWidth-br-tablet, var(--33uvhh-borderWidth-br,0px)) var(--33uvhh-borderWidth-bl-tablet, var(--33uvhh-borderWidth-bl,0px)); border-radius: var(--33uvhh-borderRadius-tl-tablet, var(--33uvhh-borderRadius-tl,0px)) var(--33uvhh-borderRadius-tr-tablet, var(--33uvhh-borderRadius-tr,0px)) var(--33uvhh-borderRadius-br-tablet, var(--33uvhh-borderRadius-br,0px)) var(--33uvhh-borderRadius-bl-tablet, var(--33uvhh-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--33uvhh-borderWidth-tl-mobile, var(--33uvhh-borderWidth-tl,0px)) var(--33uvhh-borderWidth-tr-mobile, var(--33uvhh-borderWidth-tr,0px)) var(--33uvhh-borderWidth-br-mobile, var(--33uvhh-borderWidth-br,0px)) var(--33uvhh-borderWidth-bl-mobile, var(--33uvhh-borderWidth-bl,0px)); border-radius: var(--33uvhh-borderRadius-tl-mobile, var(--33uvhh-borderRadius-tl,0px)) var(--33uvhh-borderRadius-tr-mobile, var(--33uvhh-borderRadius-tr,0px)) var(--33uvhh-borderRadius-br-mobile, var(--33uvhh-borderRadius-br,0px)) var(--33uvhh-borderRadius-bl-mobile, var(--33uvhh-borderRadius-bl,0px)); } box-shadow: if( style(--33uvhh-enableShadow: true): var(--33uvhh-shadowHorizontal, 0) var(--33uvhh-shadowVertical, 0) var(--33uvhh-shadowBlur, 0) 1px var(--33uvhh-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--33uvhh-overlayColor-color, #000); opacity: var(--33uvhh-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--33uvhh-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--33uvhh-width-tablet,var(--33uvhh-width,100%)) - var(--33uvhh-margin-left-tablet,var(--33uvhh-margin-left,0px)) - var(--33uvhh-margin-right-tablet,var(--33uvhh-margin-right,0px))); aspect-ratio: var(--33uvhh-imageRatio-tablet, var(--33uvhh-imageRatio, auto)); img { object-fit: var(--33uvhh-objFit-tablet, var(--33uvhh-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--33uvhh-width-mobile,var(--33uvhh-width,100%)) - var(--33uvhh-margin-left-mobile,var(--33uvhh-margin-left,0px)) - var(--33uvhh-margin-right-mobile,var(--33uvhh-margin-right,0px))); aspect-ratio: var(--33uvhh-imageRatio-mobile, var(--33uvhh-imageRatio, auto)); img { object-fit: var(--33uvhh-objFit-mobile, var(--33uvhh-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-k1yook"] { --k1yook-direction: column; --k1yook-direction-tablet: column; --k1yook-direction-mobile: column; --k1yook-structure: columns; --k1yook-structure-tablet: columns; --k1yook-structure-mobile: columns; --k1yook-gap: 4px; --k1yook-gap-tablet: 4px; --k1yook-gap-mobile: 4px; }[data-bnode="beae-k1yook"] { padding-top: var(--k1yook-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--k1yook-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--k1yook-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--k1yook-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--k1yook-padding-top-tablet, var(--k1yook-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--k1yook-padding-right-tablet, var(--k1yook-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--k1yook-padding-bottom-tablet, var(--k1yook-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--k1yook-padding-left-tablet, var(--k1yook-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--k1yook-padding-top-mobile, var(--k1yook-padding-top-tablet, var(--k1yook-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--k1yook-padding-right-mobile, var(--k1yook-padding-right-tablet, var(--k1yook-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--k1yook-padding-bottom-mobile, var(--k1yook-padding-bottom-tablet, var(--k1yook-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--k1yook-padding-left-mobile, var(--k1yook-padding-left-tablet, var(--k1yook-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--k1yook-padding-left, var(--beae-slot-padding-x, 0px)) - var(--k1yook-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(--k1yook-background-imageRatio, auto); background: var(--k1yook-background-color,transparent); border-style: var(--k1yook-borderStyle,solid); border-color: var(--k1yook-borderColor,#000000); border-width: var(--k1yook-borderWidth-tl,0px) var(--k1yook-borderWidth-tr,0px) var(--k1yook-borderWidth-br,0px) var(--k1yook-borderWidth-bl,0px); border-radius: var(--k1yook-borderRadius-tl,0px) var(--k1yook-borderRadius-tr,0px) var(--k1yook-borderRadius-br,0px) var(--k1yook-borderRadius-bl,0px); box-shadow: if(style(--k1yook-enableShadow: true): var(--k1yook-shadowHorizontal,0) var(--k1yook-shadowVertical,0) var(--k1yook-shadowBlur,0) 1px var(--k1yook-shadowColor,#000000); else: none); max-width: var(--k1yook-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--k1yook-background-imageRatio-tablet, var(--k1yook-background-imageRatio, auto)); border-width: var(--k1yook-borderWidth-tl-tablet,0px) var(--k1yook-borderWidth-tr-tablet,0px) var(--k1yook-borderWidth-br-tablet,0px) var(--k1yook-borderWidth-bl-tablet,0px); border-radius: var(--k1yook-borderRadius-tl-tablet,0px) var(--k1yook-borderRadius-tr-tablet,0px) var(--k1yook-borderRadius-br-tablet,0px) var(--k1yook-borderRadius-bl-tablet,0px); max-width: var(--k1yook-max-width-tablet, var(--k1yook-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--k1yook-background-imageRatio-mobile, var(--k1yook-background-imageRatio, auto)); border-width: var(--k1yook-borderWidth-tl-mobile,0px) var(--k1yook-borderWidth-tr-mobile,0px) var(--k1yook-borderWidth-br-mobile,0px) var(--k1yook-borderWidth-bl-mobile,0px); border-radius: var(--k1yook-borderRadius-tl-mobile,0px) var(--k1yook-borderRadius-tr-mobile,0px) var(--k1yook-borderRadius-br-mobile,0px) var(--k1yook-borderRadius-bl-mobile,0px); max-width: var(--k1yook-max-width-mobile, var(--k1yook-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--k1yook-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--k1yook-gap,var(--beae-card-gap)); padding-top: var(--k1yook-padding-top,var(--beae-card-padding)); padding-right: var(--k1yook-padding-right,var(--beae-card-padding)); padding-bottom: var(--k1yook-padding-bottom,var(--beae-card-padding)); padding-left: var(--k1yook-padding-left,var(--beae-card-padding)); border-width: var(--k1yook-borderWidth,var(--beae-card-border-width)); border-width: var(--k1yook-borderWidth-tl,var(--beae-card-border-width)) var(--k1yook-borderWidth-tr,var(--beae-card-border-width)) var(--k1yook-borderWidth-br,var(--beae-card-border-width)) var(--k1yook-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--k1yook-borderRadius-tl,var(--beae-card-border-radius)) var(--k1yook-borderRadius-tr,var(--beae-card-border-radius)) var(--k1yook-borderRadius-br,var(--beae-card-border-radius)) var(--k1yook-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(--k1yook-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--k1yook-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--k1yook-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--k1yook-padding-left-tablet,var(--beae-card-padding)); border-width: var(--k1yook-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--k1yook-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--k1yook-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--k1yook-borderWidth-br-desktop,var(--beae-card-border-width)) var(--k1yook-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--k1yook-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--k1yook-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--k1yook-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--k1yook-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--k1yook-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--k1yook-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--k1yook-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--k1yook-padding-left-mobile,var(--beae-card-padding)); border-width: var(--k1yook-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--k1yook-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--k1yook-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--k1yook-borderWidth-br-mobile,var(--beae-card-border-width)) var(--k1yook-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--k1yook-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--k1yook-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--k1yook-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--k1yook-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--k1yook-background-color,var(--beae-card-featured-background)); border-color: var(--k1yook-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--k1yook-enableShadow: true): var(--k1yook-shadowHorizontal, var(--beae-card-shadow-x)) var(--k1yook-shadowVertical, var(--beae-card-shadow-y)) var(--k1yook-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k1yook-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--k1yook-background-color,var(--beae-card-prod-background)); border-color: var(--k1yook-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--k1yook-enableShadow: true): var(--k1yook-shadowHorizontal, var(--beae-card-shadow-x)) var(--k1yook-shadowVertical, var(--beae-card-shadow-y)) var(--k1yook-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k1yook-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--k1yook-background-color,var(--beae-card-pricing-background)); border-color: var(--k1yook-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--k1yook-enableShadow: true): var(--k1yook-shadowHorizontal, var(--beae-card-shadow-x)) var(--k1yook-shadowVertical, var(--beae-card-shadow-y)) var(--k1yook-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k1yook-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--k1yook-background-color,var(--beae-card-cta-background)); border-color: var(--k1yook-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--k1yook-enableShadow: true): var(--k1yook-shadowHorizontal, var(--beae-card-shadow-x)) var(--k1yook-shadowVertical, var(--beae-card-shadow-y)) var(--k1yook-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k1yook-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--k1yook-background-color,var(--beae-card-media-background)); border-color: var(--k1yook-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--k1yook-enableShadow: true): var(--k1yook-shadowHorizontal, var(--beae-card-shadow-x)) var(--k1yook-shadowVertical, var(--beae-card-shadow-y)) var(--k1yook-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k1yook-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-k1yook"] {     display: flex;     flex-direction: var(--k1yook-direction, column);     flex-wrap: nowrap;     justify-content: var(--k1yook-justify-content);     align-items: var(--k1yook-align-items);     gap: var(--k1yook-gap, var(--k1yook-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-k1yook"] {                            gap: var(--k1yook-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(--k1yook-padding-right-tablet, 0px) - var(--k1yook-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-k1yook"] {                            gap: var(--k1yook-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(--k1yook-padding-right-mobile, 0px) - var(--k1yook-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-selzu5"] { --beae-p2-font-size: 14px; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-color: #100d09; --beae-p2-font-family: Instrument Sans; --beae-p2-font-weight: 600; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --selzu5-typography: p2; --selzu5-typography-tablet: p2; --selzu5-typography-mobile: p2; --beae-p2-text-align: start; }[data-bnode="beae-selzu5"] { margin-top: var(--selzu5-margin-top, 0px); margin-right: var(--selzu5-margin-right, 0px); margin-bottom: var(--selzu5-margin-bottom, 0px); margin-left: var(--selzu5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--selzu5-margin-top-tablet, 0px); margin-right: var(--selzu5-margin-right-tablet, 0px); margin-bottom: var(--selzu5-margin-bottom-tablet, 0px); margin-left: var(--selzu5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--selzu5-margin-top-mobile, 0px); margin-right: var(--selzu5-margin-right-mobile, 0px); margin-bottom: var(--selzu5-margin-bottom-mobile, 0px); margin-left: var(--selzu5-margin-left-mobile, 0px); } }[data-bnode="beae-tft5ks"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #413425; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --tft5ks-typography: p; --tft5ks-typography-tablet: p; --tft5ks-typography-mobile: p; }[data-bnode="beae-tft5ks"] { margin-top: var(--tft5ks-margin-top, 0px); margin-right: var(--tft5ks-margin-right, 0px); margin-bottom: var(--tft5ks-margin-bottom, 0px); margin-left: var(--tft5ks-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tft5ks-margin-top-tablet, 0px); margin-right: var(--tft5ks-margin-right-tablet, 0px); margin-bottom: var(--tft5ks-margin-bottom-tablet, 0px); margin-left: var(--tft5ks-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tft5ks-margin-top-mobile, 0px); margin-right: var(--tft5ks-margin-right-mobile, 0px); margin-bottom: var(--tft5ks-margin-bottom-mobile, 0px); margin-left: var(--tft5ks-margin-left-mobile, 0px); } }[data-bnode="beae-1vxbh8"] { --1vxbh8-headerState: normal; --1vxbh8-headerState-tablet: normal; --1vxbh8-headerState-mobile: normal; --1vxbh8-colorActive: #100D09; --1vxbh8-colorActive-tablet: #100D09; --1vxbh8-colorActive-mobile: #100D09; --1vxbh8-tabBgActive: #F6F2EF; --1vxbh8-tabBgActive-tablet: #F6F2EF; --1vxbh8-tabBgActive-mobile: #F6F2EF; --1vxbh8-paddingX: 24px; --1vxbh8-paddingX-tablet: 24px; --1vxbh8-paddingX-mobile: 20px; --1vxbh8-paddingY: 16px; --1vxbh8-paddingY-tablet: 16px; --1vxbh8-paddingY-mobile: 16px; --1vxbh8-borderStyle: none; --1vxbh8-borderStyle-tablet: none; --1vxbh8-borderStyle-mobile: none; --1vxbh8-tabBg: #F6F2EF; --1vxbh8-tabBg-tablet: #F6F2EF; --1vxbh8-tabBg-mobile: #F6F2EF; --1vxbh8-headingTypo: h5; --1vxbh8-headingTypo-tablet: h5; --1vxbh8-headingTypo-mobile: h5; --1vxbh8-borderWidth-tl: 1px; --1vxbh8-borderWidth-tl-tablet: 1px; --1vxbh8-borderWidth-tl-mobile: 1px; --1vxbh8-borderWidth-tr: 1px; --1vxbh8-borderWidth-tr-tablet: 1px; --1vxbh8-borderWidth-tr-mobile: 1px; --1vxbh8-borderWidth-bl: 1px; --1vxbh8-borderWidth-bl-tablet: 1px; --1vxbh8-borderWidth-bl-mobile: 1px; --1vxbh8-borderWidth-br: 1px; --1vxbh8-borderWidth-br-tablet: 1px; --1vxbh8-borderWidth-br-mobile: 1px; --1vxbh8-borderColor: #e6e6e6; --1vxbh8-borderColor-tablet: #e6e6e6; --1vxbh8-borderColor-mobile: #e6e6e6; --1vxbh8-tabBgHover: #F6F2EF; --1vxbh8-tabBgHover-tablet: #F6F2EF; --1vxbh8-tabBgHover-mobile: #F6F2EF; --1vxbh8-borderRadius-tl: 12px; --1vxbh8-borderRadius-tl-tablet: 12px; --1vxbh8-borderRadius-tl-mobile: 12px; --1vxbh8-borderRadius-tr: 12px; --1vxbh8-borderRadius-tr-tablet: 12px; --1vxbh8-borderRadius-tr-mobile: 12px; --1vxbh8-borderRadius-bl: 12px; --1vxbh8-borderRadius-bl-tablet: 12px; --1vxbh8-borderRadius-bl-mobile: 12px; --1vxbh8-borderRadius-br: 12px; --1vxbh8-borderRadius-br-tablet: 12px; --1vxbh8-borderRadius-br-mobile: 12px; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #100D09; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --1vxbh8-colorHover: #100D09; --1vxbh8-colorHover-tablet: #100D09; --1vxbh8-colorHover-mobile: #100D09; --1vxbh8-margin-top: 0px; --1vxbh8-margin-top-tablet: 0px; --1vxbh8-margin-top-mobile: 0px; --1vxbh8-margin-right: 0px; --1vxbh8-margin-right-tablet: 0px; --1vxbh8-margin-right-mobile: 0px; --1vxbh8-margin-bottom: 0px; --1vxbh8-margin-bottom-tablet: 0px; --1vxbh8-margin-bottom-mobile: 0px; --1vxbh8-margin-left: 0px; --1vxbh8-margin-left-tablet: 0px; --1vxbh8-margin-left-mobile: 0px; --1vxbh8-gap: 12px; --1vxbh8-gap-tablet: 12px; --1vxbh8-gap-mobile: 12px; }[data-bnode="beae-1vxbh8"] { margin-top: var(--1vxbh8-margin-top, 0px); margin-right: var(--1vxbh8-margin-right, 0px); margin-bottom: var(--1vxbh8-margin-bottom, 0px); margin-left: var(--1vxbh8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1vxbh8-margin-top-tablet, 0px); margin-right: var(--1vxbh8-margin-right-tablet, 0px); margin-bottom: var(--1vxbh8-margin-bottom-tablet, 0px); margin-left: var(--1vxbh8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1vxbh8-margin-top-mobile, 0px); margin-right: var(--1vxbh8-margin-right-mobile, 0px); margin-bottom: var(--1vxbh8-margin-bottom-mobile, 0px); margin-left: var(--1vxbh8-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--1vxbh8-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--1vxbh8-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--1vxbh8-gap-mobile, 16px); } .beae-accordion-item { border-style: var(--1vxbh8-borderStyle,solid); border-color: var(--1vxbh8-borderColor,#000000); border-width: var(--1vxbh8-borderWidth-tl,0px) var(--1vxbh8-borderWidth-tr,0px) var(--1vxbh8-borderWidth-br,0px) var(--1vxbh8-borderWidth-bl,0px); border-radius: var(--1vxbh8-borderRadius-tl,0px) var(--1vxbh8-borderRadius-tr,0px) var(--1vxbh8-borderRadius-br,0px) var(--1vxbh8-borderRadius-bl,0px); box-shadow: if(style(--1vxbh8-enableShadow: true): var(--1vxbh8-shadowHorizontal,0) var(--1vxbh8-shadowVertical,0) var(--1vxbh8-shadowBlur,0) 1px var(--1vxbh8-shadowColor,#000000); else: none); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--1vxbh8-borderWidth-tl-tablet,0px) var(--1vxbh8-borderWidth-tr-tablet,0px) var(--1vxbh8-borderWidth-br-tablet,0px) var(--1vxbh8-borderWidth-bl-tablet,0px); border-radius: var(--1vxbh8-borderRadius-tl-tablet,0px) var(--1vxbh8-borderRadius-tr-tablet,0px) var(--1vxbh8-borderRadius-br-tablet,0px) var(--1vxbh8-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--1vxbh8-borderWidth-tl-mobile,0px) var(--1vxbh8-borderWidth-tr-mobile,0px) var(--1vxbh8-borderWidth-br-mobile,0px) var(--1vxbh8-borderWidth-bl-mobile,0px); border-radius: var(--1vxbh8-borderRadius-tl-mobile,0px) var(--1vxbh8-borderRadius-tr-mobile,0px) var(--1vxbh8-borderRadius-br-mobile,0px) var(--1vxbh8-borderRadius-bl-mobile,0px); } svg{ width:20px; height:20px; } .beae-accordion-icon{ flex-shrink: 0; svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; } } &[open] { .beae-accordion-summary { color: var(--1vxbh8-colorActive); background: var(--1vxbh8-tabBgActive); } .beae-accordion-content { opacity: 1; } .beae-accordion-icon { .beae-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .beae-icon-chevron{ transform: rotate(180deg); } .beae-icon-arrow{ transform: rotate(90deg); } } } } .beae-accordion-title{ flex: auto; cursor: pointer; } .beae-accordion-summary { display: flex; flex-direction: var(--beae-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--1vxbh8-paddingX, 20px); padding-block: var(--1vxbh8-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--1vxbh8-tabBg); &:marker { display: none; } &:hover { background: var(--1vxbh8-tabBgHover); color: var(--1vxbh8-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--1vxbh8-paddingX-tablet, 20px); padding-block: var(--1vxbh8-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--1vxbh8-paddingX-mobile, 20px); padding-block: var(--1vxbh8-paddingY-mobile, 20px); } } .beae-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .beae-accordion-content { opacity: 0; animation: beaeSlideDown 0.3s ease-out; } .beae-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes beaeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="beae-41putv"] { --41putv-direction: column; --41putv-direction-tablet: column; --41putv-direction-mobile: column; --41putv-gap: 16px; --41putv-gap-tablet: 16px; --41putv-gap-mobile: 16px; --41putv-padding-top: 0px; --41putv-padding-top-tablet: 0px; --41putv-padding-top-mobile: 0px; --41putv-padding-bottom: 20px; --41putv-padding-bottom-tablet: 20px; --41putv-padding-bottom-mobile: 20px; --41putv-padding-left: 24px; --41putv-padding-left-tablet: 24px; --41putv-padding-left-mobile: 20px; --41putv-padding-right: 24px; --41putv-padding-right-tablet: 24px; --41putv-padding-right-mobile: 20px; --41putv-background-type: color; --41putv-background-type-tablet: color; --41putv-background-type-mobile: color; --41putv-background-color: #F6F2EF; --41putv-background-color-tablet: #F6F2EF; --41putv-background-color-mobile: #F6F2EF; --41putv-align-items: stretch; --41putv-align-items-tablet: stretch; --41putv-align-items-mobile: stretch; }[data-bnode="beae-41putv"] { padding-top: var(--41putv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--41putv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--41putv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--41putv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--41putv-padding-top-tablet, var(--41putv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--41putv-padding-right-tablet, var(--41putv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--41putv-padding-bottom-tablet, var(--41putv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--41putv-padding-left-tablet, var(--41putv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--41putv-padding-top-mobile, var(--41putv-padding-top-tablet, var(--41putv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--41putv-padding-right-mobile, var(--41putv-padding-right-tablet, var(--41putv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--41putv-padding-bottom-mobile, var(--41putv-padding-bottom-tablet, var(--41putv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--41putv-padding-left-mobile, var(--41putv-padding-left-tablet, var(--41putv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--41putv-padding-left, var(--beae-slot-padding-x, 0px)) - var(--41putv-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(--41putv-background-imageRatio, auto); background: var(--41putv-background-color,transparent); border-style: var(--41putv-borderStyle,solid); border-color: var(--41putv-borderColor,#000000); border-width: var(--41putv-borderWidth-tl,0px) var(--41putv-borderWidth-tr,0px) var(--41putv-borderWidth-br,0px) var(--41putv-borderWidth-bl,0px); border-radius: var(--41putv-borderRadius-tl,0px) var(--41putv-borderRadius-tr,0px) var(--41putv-borderRadius-br,0px) var(--41putv-borderRadius-bl,0px); box-shadow: if(style(--41putv-enableShadow: true): var(--41putv-shadowHorizontal,0) var(--41putv-shadowVertical,0) var(--41putv-shadowBlur,0) 1px var(--41putv-shadowColor,#000000); else: none); max-width: var(--41putv-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--41putv-background-imageRatio-tablet, var(--41putv-background-imageRatio, auto)); border-width: var(--41putv-borderWidth-tl-tablet,0px) var(--41putv-borderWidth-tr-tablet,0px) var(--41putv-borderWidth-br-tablet,0px) var(--41putv-borderWidth-bl-tablet,0px); border-radius: var(--41putv-borderRadius-tl-tablet,0px) var(--41putv-borderRadius-tr-tablet,0px) var(--41putv-borderRadius-br-tablet,0px) var(--41putv-borderRadius-bl-tablet,0px); max-width: var(--41putv-max-width-tablet, var(--41putv-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--41putv-background-imageRatio-mobile, var(--41putv-background-imageRatio, auto)); border-width: var(--41putv-borderWidth-tl-mobile,0px) var(--41putv-borderWidth-tr-mobile,0px) var(--41putv-borderWidth-br-mobile,0px) var(--41putv-borderWidth-bl-mobile,0px); border-radius: var(--41putv-borderRadius-tl-mobile,0px) var(--41putv-borderRadius-tr-mobile,0px) var(--41putv-borderRadius-br-mobile,0px) var(--41putv-borderRadius-bl-mobile,0px); max-width: var(--41putv-max-width-mobile, var(--41putv-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--41putv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--41putv-gap,var(--beae-card-gap)); padding-top: var(--41putv-padding-top,var(--beae-card-padding)); padding-right: var(--41putv-padding-right,var(--beae-card-padding)); padding-bottom: var(--41putv-padding-bottom,var(--beae-card-padding)); padding-left: var(--41putv-padding-left,var(--beae-card-padding)); border-width: var(--41putv-borderWidth,var(--beae-card-border-width)); border-width: var(--41putv-borderWidth-tl,var(--beae-card-border-width)) var(--41putv-borderWidth-tr,var(--beae-card-border-width)) var(--41putv-borderWidth-br,var(--beae-card-border-width)) var(--41putv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--41putv-borderRadius-tl,var(--beae-card-border-radius)) var(--41putv-borderRadius-tr,var(--beae-card-border-radius)) var(--41putv-borderRadius-br,var(--beae-card-border-radius)) var(--41putv-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(--41putv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--41putv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--41putv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--41putv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--41putv-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--41putv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--41putv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--41putv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--41putv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--41putv-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--41putv-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--41putv-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--41putv-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--41putv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--41putv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--41putv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--41putv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--41putv-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--41putv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--41putv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--41putv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--41putv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--41putv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--41putv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--41putv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--41putv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--41putv-background-color,var(--beae-card-featured-background)); border-color: var(--41putv-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--41putv-enableShadow: true): var(--41putv-shadowHorizontal, var(--beae-card-shadow-x)) var(--41putv-shadowVertical, var(--beae-card-shadow-y)) var(--41putv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--41putv-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--41putv-background-color,var(--beae-card-prod-background)); border-color: var(--41putv-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--41putv-enableShadow: true): var(--41putv-shadowHorizontal, var(--beae-card-shadow-x)) var(--41putv-shadowVertical, var(--beae-card-shadow-y)) var(--41putv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--41putv-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--41putv-background-color,var(--beae-card-pricing-background)); border-color: var(--41putv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--41putv-enableShadow: true): var(--41putv-shadowHorizontal, var(--beae-card-shadow-x)) var(--41putv-shadowVertical, var(--beae-card-shadow-y)) var(--41putv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--41putv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--41putv-background-color,var(--beae-card-cta-background)); border-color: var(--41putv-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--41putv-enableShadow: true): var(--41putv-shadowHorizontal, var(--beae-card-shadow-x)) var(--41putv-shadowVertical, var(--beae-card-shadow-y)) var(--41putv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--41putv-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--41putv-background-color,var(--beae-card-media-background)); border-color: var(--41putv-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--41putv-enableShadow: true): var(--41putv-shadowHorizontal, var(--beae-card-shadow-x)) var(--41putv-shadowVertical, var(--beae-card-shadow-y)) var(--41putv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--41putv-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-41putv"] {     display: flex;     flex-direction: var(--41putv-direction, column);     flex-wrap: nowrap;     justify-content: var(--41putv-justify-content);     align-items: var(--41putv-align-items);     gap: var(--41putv-gap, var(--41putv-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-41putv"] {                            gap: var(--41putv-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(--41putv-padding-right-tablet, 0px) - var(--41putv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-41putv"] {                            gap: var(--41putv-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(--41putv-padding-right-mobile, 0px) - var(--41putv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7mlr5h"] { --7mlr5h-typography: p; --7mlr5h-typography-tablet: p; --7mlr5h-typography-mobile: p; --beae-p-color: #100d09; }[data-bnode="beae-7mlr5h"] { margin-top: var(--7mlr5h-margin-top, 0px); margin-right: var(--7mlr5h-margin-right, 0px); margin-bottom: var(--7mlr5h-margin-bottom, 0px); margin-left: var(--7mlr5h-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7mlr5h-margin-top-tablet, 0px); margin-right: var(--7mlr5h-margin-right-tablet, 0px); margin-bottom: var(--7mlr5h-margin-bottom-tablet, 0px); margin-left: var(--7mlr5h-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7mlr5h-margin-top-mobile, 0px); margin-right: var(--7mlr5h-margin-right-mobile, 0px); margin-bottom: var(--7mlr5h-margin-bottom-mobile, 0px); margin-left: var(--7mlr5h-margin-left-mobile, 0px); } & .beae-description { p:only-child { margin: 0; } } }[data-bnode="beae-bezdzl"] { --bezdzl-direction: column; --bezdzl-direction-tablet: column; --bezdzl-direction-mobile: column; --bezdzl-gap: 0px; --bezdzl-gap-tablet: 0px; --bezdzl-gap-mobile: 0px; --bezdzl-padding-top: 0px; --bezdzl-padding-top-tablet: 0px; --bezdzl-padding-top-mobile: 0px; --bezdzl-padding-bottom: 20px; --bezdzl-padding-bottom-tablet: 20px; --bezdzl-padding-bottom-mobile: 20px; --bezdzl-padding-left: 24px; --bezdzl-padding-left-tablet: 24px; --bezdzl-padding-left-mobile: 20px; --bezdzl-padding-right: 24px; --bezdzl-padding-right-tablet: 24px; --bezdzl-padding-right-mobile: 20px; --bezdzl-borderStyle: none; --bezdzl-borderStyle-tablet: none; --bezdzl-borderStyle-mobile: none; --bezdzl-borderWidth-tl: 0px; --bezdzl-borderWidth-tl-tablet: 0px; --bezdzl-borderWidth-tl-mobile: 0px; --bezdzl-borderWidth-tr: 1px; --bezdzl-borderWidth-tr-tablet: 1px; --bezdzl-borderWidth-tr-mobile: 1px; --bezdzl-borderWidth-bl: 1px; --bezdzl-borderWidth-bl-tablet: 1px; --bezdzl-borderWidth-bl-mobile: 1px; --bezdzl-borderWidth-br: 1px; --bezdzl-borderWidth-br-tablet: 1px; --bezdzl-borderWidth-br-mobile: 1px; --bezdzl-borderColor: #e6e6e6; --bezdzl-borderColor-tablet: #e6e6e6; --bezdzl-borderColor-mobile: #e6e6e6; --bezdzl-background-type: color; --bezdzl-background-type-tablet: color; --bezdzl-background-type-mobile: color; --bezdzl-background-color: #F6F2EF; --bezdzl-background-color-tablet: #F6F2EF; --bezdzl-background-color-mobile: #F6F2EF; }[data-bnode="beae-bezdzl"] { padding-top: var(--bezdzl-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bezdzl-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bezdzl-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bezdzl-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bezdzl-padding-top-tablet, var(--bezdzl-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bezdzl-padding-right-tablet, var(--bezdzl-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bezdzl-padding-bottom-tablet, var(--bezdzl-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bezdzl-padding-left-tablet, var(--bezdzl-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bezdzl-padding-top-mobile, var(--bezdzl-padding-top-tablet, var(--bezdzl-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bezdzl-padding-right-mobile, var(--bezdzl-padding-right-tablet, var(--bezdzl-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bezdzl-padding-bottom-mobile, var(--bezdzl-padding-bottom-tablet, var(--bezdzl-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bezdzl-padding-left-mobile, var(--bezdzl-padding-left-tablet, var(--bezdzl-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--bezdzl-padding-left, var(--beae-slot-padding-x, 0px)) - var(--bezdzl-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(--bezdzl-background-imageRatio, auto); background: var(--bezdzl-background-color,transparent); border-style: var(--bezdzl-borderStyle,solid); border-color: var(--bezdzl-borderColor,#000000); border-width: var(--bezdzl-borderWidth-tl,0px) var(--bezdzl-borderWidth-tr,0px) var(--bezdzl-borderWidth-br,0px) var(--bezdzl-borderWidth-bl,0px); border-radius: var(--bezdzl-borderRadius-tl,0px) var(--bezdzl-borderRadius-tr,0px) var(--bezdzl-borderRadius-br,0px) var(--bezdzl-borderRadius-bl,0px); box-shadow: if(style(--bezdzl-enableShadow: true): var(--bezdzl-shadowHorizontal,0) var(--bezdzl-shadowVertical,0) var(--bezdzl-shadowBlur,0) 1px var(--bezdzl-shadowColor,#000000); else: none); max-width: var(--bezdzl-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bezdzl-background-imageRatio-tablet, var(--bezdzl-background-imageRatio, auto)); border-width: var(--bezdzl-borderWidth-tl-tablet,0px) var(--bezdzl-borderWidth-tr-tablet,0px) var(--bezdzl-borderWidth-br-tablet,0px) var(--bezdzl-borderWidth-bl-tablet,0px); border-radius: var(--bezdzl-borderRadius-tl-tablet,0px) var(--bezdzl-borderRadius-tr-tablet,0px) var(--bezdzl-borderRadius-br-tablet,0px) var(--bezdzl-borderRadius-bl-tablet,0px); max-width: var(--bezdzl-max-width-tablet, var(--bezdzl-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bezdzl-background-imageRatio-mobile, var(--bezdzl-background-imageRatio, auto)); border-width: var(--bezdzl-borderWidth-tl-mobile,0px) var(--bezdzl-borderWidth-tr-mobile,0px) var(--bezdzl-borderWidth-br-mobile,0px) var(--bezdzl-borderWidth-bl-mobile,0px); border-radius: var(--bezdzl-borderRadius-tl-mobile,0px) var(--bezdzl-borderRadius-tr-mobile,0px) var(--bezdzl-borderRadius-br-mobile,0px) var(--bezdzl-borderRadius-bl-mobile,0px); max-width: var(--bezdzl-max-width-mobile, var(--bezdzl-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bezdzl-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--bezdzl-gap,var(--beae-card-gap)); padding-top: var(--bezdzl-padding-top,var(--beae-card-padding)); padding-right: var(--bezdzl-padding-right,var(--beae-card-padding)); padding-bottom: var(--bezdzl-padding-bottom,var(--beae-card-padding)); padding-left: var(--bezdzl-padding-left,var(--beae-card-padding)); border-width: var(--bezdzl-borderWidth,var(--beae-card-border-width)); border-width: var(--bezdzl-borderWidth-tl,var(--beae-card-border-width)) var(--bezdzl-borderWidth-tr,var(--beae-card-border-width)) var(--bezdzl-borderWidth-br,var(--beae-card-border-width)) var(--bezdzl-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bezdzl-borderRadius-tl,var(--beae-card-border-radius)) var(--bezdzl-borderRadius-tr,var(--beae-card-border-radius)) var(--bezdzl-borderRadius-br,var(--beae-card-border-radius)) var(--bezdzl-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(--bezdzl-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bezdzl-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bezdzl-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bezdzl-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bezdzl-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--bezdzl-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bezdzl-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bezdzl-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bezdzl-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bezdzl-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--bezdzl-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--bezdzl-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--bezdzl-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--bezdzl-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bezdzl-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bezdzl-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bezdzl-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bezdzl-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--bezdzl-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bezdzl-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bezdzl-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bezdzl-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bezdzl-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bezdzl-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bezdzl-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bezdzl-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bezdzl-background-color,var(--beae-card-featured-background)); border-color: var(--bezdzl-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--bezdzl-enableShadow: true): var(--bezdzl-shadowHorizontal, var(--beae-card-shadow-x)) var(--bezdzl-shadowVertical, var(--beae-card-shadow-y)) var(--bezdzl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bezdzl-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--bezdzl-background-color,var(--beae-card-prod-background)); border-color: var(--bezdzl-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--bezdzl-enableShadow: true): var(--bezdzl-shadowHorizontal, var(--beae-card-shadow-x)) var(--bezdzl-shadowVertical, var(--beae-card-shadow-y)) var(--bezdzl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bezdzl-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--bezdzl-background-color,var(--beae-card-pricing-background)); border-color: var(--bezdzl-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--bezdzl-enableShadow: true): var(--bezdzl-shadowHorizontal, var(--beae-card-shadow-x)) var(--bezdzl-shadowVertical, var(--beae-card-shadow-y)) var(--bezdzl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bezdzl-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--bezdzl-background-color,var(--beae-card-cta-background)); border-color: var(--bezdzl-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--bezdzl-enableShadow: true): var(--bezdzl-shadowHorizontal, var(--beae-card-shadow-x)) var(--bezdzl-shadowVertical, var(--beae-card-shadow-y)) var(--bezdzl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bezdzl-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--bezdzl-background-color,var(--beae-card-media-background)); border-color: var(--bezdzl-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--bezdzl-enableShadow: true): var(--bezdzl-shadowHorizontal, var(--beae-card-shadow-x)) var(--bezdzl-shadowVertical, var(--beae-card-shadow-y)) var(--bezdzl-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bezdzl-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-bezdzl"] {     display: flex;     flex-direction: var(--bezdzl-direction, column);     flex-wrap: nowrap;     justify-content: var(--bezdzl-justify-content);     align-items: var(--bezdzl-align-items);     gap: var(--bezdzl-gap, var(--bezdzl-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bezdzl"] {                            gap: var(--bezdzl-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(20.00% - var(--bezdzl-padding-right-tablet, 0px) - var(--bezdzl-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bezdzl"] {                            gap: var(--bezdzl-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(20.00% - var(--bezdzl-padding-right-mobile, 0px) - var(--bezdzl-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-4s517c"] { --4s517c-direction: row; --4s517c-direction-tablet: row; --4s517c-direction-mobile: row; --4s517c-structure: auto; --4s517c-structure-tablet: auto; --4s517c-structure-mobile: auto; --4s517c-justify-content: space-between; --4s517c-justify-content-tablet: space-between; --4s517c-justify-content-mobile: space-between; --4s517c-gap: 16px; --4s517c-gap-tablet: 16px; --4s517c-gap-mobile: 16px; --4s517c-padding-top: 12px; --4s517c-padding-top-tablet: 12px; --4s517c-padding-top-mobile: 12px; --4s517c-padding-right: 0px; --4s517c-padding-right-tablet: 0px; --4s517c-padding-right-mobile: 0px; --4s517c-padding-bottom: 11px; --4s517c-padding-bottom-tablet: 11px; --4s517c-padding-bottom-mobile: 11px; --4s517c-padding-left: 0px; --4s517c-padding-left-tablet: 0px; --4s517c-padding-left-mobile: 0px; --4s517c-borderStyle: solid; --4s517c-borderStyle-tablet: solid; --4s517c-borderStyle-mobile: solid; --4s517c-borderWidth-tl: 0px; --4s517c-borderWidth-tl-tablet: 0px; --4s517c-borderWidth-tl-mobile: 0px; --4s517c-borderWidth-tr: 0px; --4s517c-borderWidth-tr-tablet: 0px; --4s517c-borderWidth-tr-mobile: 0px; --4s517c-borderWidth-bl: 0px; --4s517c-borderWidth-bl-tablet: 0px; --4s517c-borderWidth-bl-mobile: 0px; --4s517c-borderWidth-br: 1px; --4s517c-borderWidth-br-tablet: 1px; --4s517c-borderWidth-br-mobile: 1px; --4s517c-borderColor: #DACDBE; --4s517c-borderColor-tablet: #DACDBE; --4s517c-borderColor-mobile: #DACDBE; --4s517c-align-items: center; --4s517c-align-items-tablet: center; --4s517c-align-items-mobile: center; }[data-bnode="beae-4s517c"] { padding-top: var(--4s517c-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--4s517c-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--4s517c-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--4s517c-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--4s517c-padding-top-tablet, var(--4s517c-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--4s517c-padding-right-tablet, var(--4s517c-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--4s517c-padding-bottom-tablet, var(--4s517c-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--4s517c-padding-left-tablet, var(--4s517c-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--4s517c-padding-top-mobile, var(--4s517c-padding-top-tablet, var(--4s517c-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--4s517c-padding-right-mobile, var(--4s517c-padding-right-tablet, var(--4s517c-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--4s517c-padding-bottom-mobile, var(--4s517c-padding-bottom-tablet, var(--4s517c-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--4s517c-padding-left-mobile, var(--4s517c-padding-left-tablet, var(--4s517c-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--4s517c-padding-left, var(--beae-slot-padding-x, 0px)) - var(--4s517c-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(--4s517c-background-imageRatio, auto); background: var(--4s517c-background-color,transparent); border-style: var(--4s517c-borderStyle,solid); border-color: var(--4s517c-borderColor,#000000); border-width: var(--4s517c-borderWidth-tl,0px) var(--4s517c-borderWidth-tr,0px) var(--4s517c-borderWidth-br,0px) var(--4s517c-borderWidth-bl,0px); border-radius: var(--4s517c-borderRadius-tl,0px) var(--4s517c-borderRadius-tr,0px) var(--4s517c-borderRadius-br,0px) var(--4s517c-borderRadius-bl,0px); box-shadow: if(style(--4s517c-enableShadow: true): var(--4s517c-shadowHorizontal,0) var(--4s517c-shadowVertical,0) var(--4s517c-shadowBlur,0) 1px var(--4s517c-shadowColor,#000000); else: none); max-width: var(--4s517c-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--4s517c-background-imageRatio-tablet, var(--4s517c-background-imageRatio, auto)); border-width: var(--4s517c-borderWidth-tl-tablet,0px) var(--4s517c-borderWidth-tr-tablet,0px) var(--4s517c-borderWidth-br-tablet,0px) var(--4s517c-borderWidth-bl-tablet,0px); border-radius: var(--4s517c-borderRadius-tl-tablet,0px) var(--4s517c-borderRadius-tr-tablet,0px) var(--4s517c-borderRadius-br-tablet,0px) var(--4s517c-borderRadius-bl-tablet,0px); max-width: var(--4s517c-max-width-tablet, var(--4s517c-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--4s517c-background-imageRatio-mobile, var(--4s517c-background-imageRatio, auto)); border-width: var(--4s517c-borderWidth-tl-mobile,0px) var(--4s517c-borderWidth-tr-mobile,0px) var(--4s517c-borderWidth-br-mobile,0px) var(--4s517c-borderWidth-bl-mobile,0px); border-radius: var(--4s517c-borderRadius-tl-mobile,0px) var(--4s517c-borderRadius-tr-mobile,0px) var(--4s517c-borderRadius-br-mobile,0px) var(--4s517c-borderRadius-bl-mobile,0px); max-width: var(--4s517c-max-width-mobile, var(--4s517c-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--4s517c-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--4s517c-gap,var(--beae-card-gap)); padding-top: var(--4s517c-padding-top,var(--beae-card-padding)); padding-right: var(--4s517c-padding-right,var(--beae-card-padding)); padding-bottom: var(--4s517c-padding-bottom,var(--beae-card-padding)); padding-left: var(--4s517c-padding-left,var(--beae-card-padding)); border-width: var(--4s517c-borderWidth,var(--beae-card-border-width)); border-width: var(--4s517c-borderWidth-tl,var(--beae-card-border-width)) var(--4s517c-borderWidth-tr,var(--beae-card-border-width)) var(--4s517c-borderWidth-br,var(--beae-card-border-width)) var(--4s517c-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--4s517c-borderRadius-tl,var(--beae-card-border-radius)) var(--4s517c-borderRadius-tr,var(--beae-card-border-radius)) var(--4s517c-borderRadius-br,var(--beae-card-border-radius)) var(--4s517c-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(--4s517c-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--4s517c-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--4s517c-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--4s517c-padding-left-tablet,var(--beae-card-padding)); border-width: var(--4s517c-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--4s517c-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--4s517c-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--4s517c-borderWidth-br-desktop,var(--beae-card-border-width)) var(--4s517c-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--4s517c-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--4s517c-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--4s517c-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--4s517c-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--4s517c-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--4s517c-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--4s517c-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--4s517c-padding-left-mobile,var(--beae-card-padding)); border-width: var(--4s517c-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--4s517c-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--4s517c-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--4s517c-borderWidth-br-mobile,var(--beae-card-border-width)) var(--4s517c-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--4s517c-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--4s517c-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--4s517c-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--4s517c-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--4s517c-background-color,var(--beae-card-featured-background)); border-color: var(--4s517c-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--4s517c-enableShadow: true): var(--4s517c-shadowHorizontal, var(--beae-card-shadow-x)) var(--4s517c-shadowVertical, var(--beae-card-shadow-y)) var(--4s517c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4s517c-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--4s517c-background-color,var(--beae-card-prod-background)); border-color: var(--4s517c-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--4s517c-enableShadow: true): var(--4s517c-shadowHorizontal, var(--beae-card-shadow-x)) var(--4s517c-shadowVertical, var(--beae-card-shadow-y)) var(--4s517c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4s517c-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--4s517c-background-color,var(--beae-card-pricing-background)); border-color: var(--4s517c-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--4s517c-enableShadow: true): var(--4s517c-shadowHorizontal, var(--beae-card-shadow-x)) var(--4s517c-shadowVertical, var(--beae-card-shadow-y)) var(--4s517c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4s517c-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--4s517c-background-color,var(--beae-card-cta-background)); border-color: var(--4s517c-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--4s517c-enableShadow: true): var(--4s517c-shadowHorizontal, var(--beae-card-shadow-x)) var(--4s517c-shadowVertical, var(--beae-card-shadow-y)) var(--4s517c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4s517c-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--4s517c-background-color,var(--beae-card-media-background)); border-color: var(--4s517c-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--4s517c-enableShadow: true): var(--4s517c-shadowHorizontal, var(--beae-card-shadow-x)) var(--4s517c-shadowVertical, var(--beae-card-shadow-y)) var(--4s517c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4s517c-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-4s517c"] {     display: flex;     flex-direction: var(--4s517c-direction, column);     flex-wrap: nowrap;     justify-content: var(--4s517c-justify-content);     align-items: var(--4s517c-align-items);     gap: var(--4s517c-gap, var(--4s517c-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-4s517c"] {                            gap: var(--4s517c-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(--4s517c-padding-right-tablet, 0px) - var(--4s517c-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-4s517c"] {                            gap: var(--4s517c-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(--4s517c-padding-right-mobile, 0px) - var(--4s517c-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fzvjav"] { --fzvjav-typography: p; --fzvjav-typography-tablet: p; --fzvjav-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-fzvjav"] { margin-top: var(--fzvjav-margin-top, 0px); margin-right: var(--fzvjav-margin-right, 0px); margin-bottom: var(--fzvjav-margin-bottom, 0px); margin-left: var(--fzvjav-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fzvjav-margin-top-tablet, 0px); margin-right: var(--fzvjav-margin-right-tablet, 0px); margin-bottom: var(--fzvjav-margin-bottom-tablet, 0px); margin-left: var(--fzvjav-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fzvjav-margin-top-mobile, 0px); margin-right: var(--fzvjav-margin-right-mobile, 0px); margin-bottom: var(--fzvjav-margin-bottom-mobile, 0px); margin-left: var(--fzvjav-margin-left-mobile, 0px); } }[data-bnode="beae-wy7rzv"] { --wy7rzv-typography: p; --wy7rzv-typography-tablet: p; --wy7rzv-typography-mobile: p; --wy7rzv-borderRadius: 0px; --wy7rzv-borderRadius-tablet: 0px; --wy7rzv-borderRadius-mobile: 0px; --wy7rzv-borderStyle: none; --wy7rzv-borderStyle-tablet: none; --wy7rzv-borderStyle-mobile: none; --wy7rzv-borderWidth: 0px; --wy7rzv-borderWidth-tablet: 0px; --wy7rzv-borderWidth-mobile: 0px; --wy7rzv-borderColor: #000000; --wy7rzv-borderColor-tablet: #000000; --wy7rzv-borderColor-mobile: #000000; --wy7rzv-enableShadow: false; --wy7rzv-enableShadow-tablet: false; --wy7rzv-enableShadow-mobile: false; --wy7rzv-shadowBlur: 0px; --wy7rzv-shadowBlur-tablet: 0px; --wy7rzv-shadowBlur-mobile: 0px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-color: #100d09; --beae-p-font-size: 16px; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-wy7rzv"] { margin-top: var(--wy7rzv-margin-top, 0px); margin-right: var(--wy7rzv-margin-right, 0px); margin-bottom: var(--wy7rzv-margin-bottom, 0px); margin-left: var(--wy7rzv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wy7rzv-margin-top-tablet, 0px); margin-right: var(--wy7rzv-margin-right-tablet, 0px); margin-bottom: var(--wy7rzv-margin-bottom-tablet, 0px); margin-left: var(--wy7rzv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wy7rzv-margin-top-mobile, 0px); margin-right: var(--wy7rzv-margin-right-mobile, 0px); margin-bottom: var(--wy7rzv-margin-bottom-mobile, 0px); margin-left: var(--wy7rzv-margin-left-mobile, 0px); } &.beae-metafield { border-style: var(--wy7rzv-borderStyle); border-color: var(--wy7rzv-borderColor); border-width: var(--wy7rzv-borderWidth, 0px); border-radius: var(--wy7rzv-borderRadius, 20px); box-shadow: if(style(--wy7rzv-enableShadow: true): var(--wy7rzv-shadowHorizontal, 0) var(--wy7rzv-shadowVertical, 0) var(--wy7rzv-shadowBlur, 0) 1px var(--wy7rzv-shadowColor, #000000); else: none); overflow: hidden; p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.beae-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="beae-xb0kc6"] { --xb0kc6-direction: row; --xb0kc6-direction-tablet: row; --xb0kc6-direction-mobile: row; --xb0kc6-structure: auto; --xb0kc6-structure-tablet: auto; --xb0kc6-structure-mobile: auto; --xb0kc6-justify-content: space-between; --xb0kc6-justify-content-tablet: space-between; --xb0kc6-justify-content-mobile: space-between; --xb0kc6-gap: 16px; --xb0kc6-gap-tablet: 16px; --xb0kc6-gap-mobile: 16px; --xb0kc6-padding-top: 12px; --xb0kc6-padding-top-tablet: 12px; --xb0kc6-padding-top-mobile: 12px; --xb0kc6-padding-right: 0px; --xb0kc6-padding-right-tablet: 0px; --xb0kc6-padding-right-mobile: 0px; --xb0kc6-padding-bottom: 11px; --xb0kc6-padding-bottom-tablet: 11px; --xb0kc6-padding-bottom-mobile: 11px; --xb0kc6-padding-left: 0px; --xb0kc6-padding-left-tablet: 0px; --xb0kc6-padding-left-mobile: 0px; --xb0kc6-borderStyle: solid; --xb0kc6-borderStyle-tablet: solid; --xb0kc6-borderStyle-mobile: solid; --xb0kc6-borderWidth-tl: 0px; --xb0kc6-borderWidth-tl-tablet: 0px; --xb0kc6-borderWidth-tl-mobile: 0px; --xb0kc6-borderWidth-tr: 0px; --xb0kc6-borderWidth-tr-tablet: 0px; --xb0kc6-borderWidth-tr-mobile: 0px; --xb0kc6-borderWidth-bl: 0px; --xb0kc6-borderWidth-bl-tablet: 0px; --xb0kc6-borderWidth-bl-mobile: 0px; --xb0kc6-borderWidth-br: 1px; --xb0kc6-borderWidth-br-tablet: 1px; --xb0kc6-borderWidth-br-mobile: 1px; --xb0kc6-borderColor: #DACDBE; --xb0kc6-borderColor-tablet: #DACDBE; --xb0kc6-borderColor-mobile: #DACDBE; --xb0kc6-align-items: center; --xb0kc6-align-items-tablet: center; --xb0kc6-align-items-mobile: center; }[data-bnode="beae-xb0kc6"] { padding-top: var(--xb0kc6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xb0kc6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xb0kc6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xb0kc6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xb0kc6-padding-top-tablet, var(--xb0kc6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xb0kc6-padding-right-tablet, var(--xb0kc6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xb0kc6-padding-bottom-tablet, var(--xb0kc6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xb0kc6-padding-left-tablet, var(--xb0kc6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xb0kc6-padding-top-mobile, var(--xb0kc6-padding-top-tablet, var(--xb0kc6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xb0kc6-padding-right-mobile, var(--xb0kc6-padding-right-tablet, var(--xb0kc6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xb0kc6-padding-bottom-mobile, var(--xb0kc6-padding-bottom-tablet, var(--xb0kc6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xb0kc6-padding-left-mobile, var(--xb0kc6-padding-left-tablet, var(--xb0kc6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--xb0kc6-padding-left, var(--beae-slot-padding-x, 0px)) - var(--xb0kc6-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(--xb0kc6-background-imageRatio, auto); background: var(--xb0kc6-background-color,transparent); border-style: var(--xb0kc6-borderStyle,solid); border-color: var(--xb0kc6-borderColor,#000000); border-width: var(--xb0kc6-borderWidth-tl,0px) var(--xb0kc6-borderWidth-tr,0px) var(--xb0kc6-borderWidth-br,0px) var(--xb0kc6-borderWidth-bl,0px); border-radius: var(--xb0kc6-borderRadius-tl,0px) var(--xb0kc6-borderRadius-tr,0px) var(--xb0kc6-borderRadius-br,0px) var(--xb0kc6-borderRadius-bl,0px); box-shadow: if(style(--xb0kc6-enableShadow: true): var(--xb0kc6-shadowHorizontal,0) var(--xb0kc6-shadowVertical,0) var(--xb0kc6-shadowBlur,0) 1px var(--xb0kc6-shadowColor,#000000); else: none); max-width: var(--xb0kc6-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--xb0kc6-background-imageRatio-tablet, var(--xb0kc6-background-imageRatio, auto)); border-width: var(--xb0kc6-borderWidth-tl-tablet,0px) var(--xb0kc6-borderWidth-tr-tablet,0px) var(--xb0kc6-borderWidth-br-tablet,0px) var(--xb0kc6-borderWidth-bl-tablet,0px); border-radius: var(--xb0kc6-borderRadius-tl-tablet,0px) var(--xb0kc6-borderRadius-tr-tablet,0px) var(--xb0kc6-borderRadius-br-tablet,0px) var(--xb0kc6-borderRadius-bl-tablet,0px); max-width: var(--xb0kc6-max-width-tablet, var(--xb0kc6-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--xb0kc6-background-imageRatio-mobile, var(--xb0kc6-background-imageRatio, auto)); border-width: var(--xb0kc6-borderWidth-tl-mobile,0px) var(--xb0kc6-borderWidth-tr-mobile,0px) var(--xb0kc6-borderWidth-br-mobile,0px) var(--xb0kc6-borderWidth-bl-mobile,0px); border-radius: var(--xb0kc6-borderRadius-tl-mobile,0px) var(--xb0kc6-borderRadius-tr-mobile,0px) var(--xb0kc6-borderRadius-br-mobile,0px) var(--xb0kc6-borderRadius-bl-mobile,0px); max-width: var(--xb0kc6-max-width-mobile, var(--xb0kc6-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xb0kc6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--xb0kc6-gap,var(--beae-card-gap)); padding-top: var(--xb0kc6-padding-top,var(--beae-card-padding)); padding-right: var(--xb0kc6-padding-right,var(--beae-card-padding)); padding-bottom: var(--xb0kc6-padding-bottom,var(--beae-card-padding)); padding-left: var(--xb0kc6-padding-left,var(--beae-card-padding)); border-width: var(--xb0kc6-borderWidth,var(--beae-card-border-width)); border-width: var(--xb0kc6-borderWidth-tl,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-tr,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-br,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xb0kc6-borderRadius-tl,var(--beae-card-border-radius)) var(--xb0kc6-borderRadius-tr,var(--beae-card-border-radius)) var(--xb0kc6-borderRadius-br,var(--beae-card-border-radius)) var(--xb0kc6-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(--xb0kc6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xb0kc6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xb0kc6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xb0kc6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xb0kc6-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--xb0kc6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xb0kc6-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--xb0kc6-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--xb0kc6-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--xb0kc6-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--xb0kc6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xb0kc6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xb0kc6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xb0kc6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xb0kc6-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--xb0kc6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xb0kc6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xb0kc6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xb0kc6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xb0kc6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xb0kc6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xb0kc6-background-color,var(--beae-card-featured-background)); border-color: var(--xb0kc6-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--xb0kc6-enableShadow: true): var(--xb0kc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xb0kc6-shadowVertical, var(--beae-card-shadow-y)) var(--xb0kc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xb0kc6-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--xb0kc6-background-color,var(--beae-card-prod-background)); border-color: var(--xb0kc6-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--xb0kc6-enableShadow: true): var(--xb0kc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xb0kc6-shadowVertical, var(--beae-card-shadow-y)) var(--xb0kc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xb0kc6-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--xb0kc6-background-color,var(--beae-card-pricing-background)); border-color: var(--xb0kc6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--xb0kc6-enableShadow: true): var(--xb0kc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xb0kc6-shadowVertical, var(--beae-card-shadow-y)) var(--xb0kc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xb0kc6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--xb0kc6-background-color,var(--beae-card-cta-background)); border-color: var(--xb0kc6-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--xb0kc6-enableShadow: true): var(--xb0kc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xb0kc6-shadowVertical, var(--beae-card-shadow-y)) var(--xb0kc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xb0kc6-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--xb0kc6-background-color,var(--beae-card-media-background)); border-color: var(--xb0kc6-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--xb0kc6-enableShadow: true): var(--xb0kc6-shadowHorizontal, var(--beae-card-shadow-x)) var(--xb0kc6-shadowVertical, var(--beae-card-shadow-y)) var(--xb0kc6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xb0kc6-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-xb0kc6"] {     display: flex;     flex-direction: var(--xb0kc6-direction, column);     flex-wrap: nowrap;     justify-content: var(--xb0kc6-justify-content);     align-items: var(--xb0kc6-align-items);     gap: var(--xb0kc6-gap, var(--xb0kc6-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xb0kc6"] {                            gap: var(--xb0kc6-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(--xb0kc6-padding-right-tablet, 0px) - var(--xb0kc6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xb0kc6"] {                            gap: var(--xb0kc6-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(--xb0kc6-padding-right-mobile, 0px) - var(--xb0kc6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-8z41ga"] { --8z41ga-typography: p; --8z41ga-typography-tablet: p; --8z41ga-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-8z41ga"] { margin-top: var(--8z41ga-margin-top, 0px); margin-right: var(--8z41ga-margin-right, 0px); margin-bottom: var(--8z41ga-margin-bottom, 0px); margin-left: var(--8z41ga-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8z41ga-margin-top-tablet, 0px); margin-right: var(--8z41ga-margin-right-tablet, 0px); margin-bottom: var(--8z41ga-margin-bottom-tablet, 0px); margin-left: var(--8z41ga-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8z41ga-margin-top-mobile, 0px); margin-right: var(--8z41ga-margin-right-mobile, 0px); margin-bottom: var(--8z41ga-margin-bottom-mobile, 0px); margin-left: var(--8z41ga-margin-left-mobile, 0px); } }[data-bnode="beae-ye4u6t"] { --ye4u6t-typography: p; --ye4u6t-typography-tablet: p; --ye4u6t-typography-mobile: p; --ye4u6t-borderRadius: 0px; --ye4u6t-borderRadius-tablet: 0px; --ye4u6t-borderRadius-mobile: 0px; --ye4u6t-borderStyle: none; --ye4u6t-borderStyle-tablet: none; --ye4u6t-borderStyle-mobile: none; --ye4u6t-borderWidth: 0px; --ye4u6t-borderWidth-tablet: 0px; --ye4u6t-borderWidth-mobile: 0px; --ye4u6t-borderColor: #000000; --ye4u6t-borderColor-tablet: #000000; --ye4u6t-borderColor-mobile: #000000; --ye4u6t-enableShadow: false; --ye4u6t-enableShadow-tablet: false; --ye4u6t-enableShadow-mobile: false; --ye4u6t-shadowBlur: 0px; --ye4u6t-shadowBlur-tablet: 0px; --ye4u6t-shadowBlur-mobile: 0px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-color: #100d09; --beae-p-font-size: 16px; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-text-transform: none; --beae-p-letter-spacing-tablet: -0.3px; }[data-bnode="beae-ye4u6t"] { margin-top: var(--ye4u6t-margin-top, 0px); margin-right: var(--ye4u6t-margin-right, 0px); margin-bottom: var(--ye4u6t-margin-bottom, 0px); margin-left: var(--ye4u6t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ye4u6t-margin-top-tablet, 0px); margin-right: var(--ye4u6t-margin-right-tablet, 0px); margin-bottom: var(--ye4u6t-margin-bottom-tablet, 0px); margin-left: var(--ye4u6t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ye4u6t-margin-top-mobile, 0px); margin-right: var(--ye4u6t-margin-right-mobile, 0px); margin-bottom: var(--ye4u6t-margin-bottom-mobile, 0px); margin-left: var(--ye4u6t-margin-left-mobile, 0px); } &.beae-metafield { border-style: var(--ye4u6t-borderStyle); border-color: var(--ye4u6t-borderColor); border-width: var(--ye4u6t-borderWidth, 0px); border-radius: var(--ye4u6t-borderRadius, 20px); box-shadow: if(style(--ye4u6t-enableShadow: true): var(--ye4u6t-shadowHorizontal, 0) var(--ye4u6t-shadowVertical, 0) var(--ye4u6t-shadowBlur, 0) 1px var(--ye4u6t-shadowColor, #000000); else: none); overflow: hidden; p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.beae-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="beae-a5xm0n"] { --a5xm0n-direction: row; --a5xm0n-direction-tablet: row; --a5xm0n-direction-mobile: row; --a5xm0n-structure: auto; --a5xm0n-structure-tablet: auto; --a5xm0n-structure-mobile: auto; --a5xm0n-justify-content: space-between; --a5xm0n-justify-content-tablet: space-between; --a5xm0n-justify-content-mobile: space-between; --a5xm0n-gap: 16px; --a5xm0n-gap-tablet: 16px; --a5xm0n-gap-mobile: 16px; --a5xm0n-padding-top: 12px; --a5xm0n-padding-top-tablet: 12px; --a5xm0n-padding-top-mobile: 12px; --a5xm0n-padding-right: 0px; --a5xm0n-padding-right-tablet: 0px; --a5xm0n-padding-right-mobile: 0px; --a5xm0n-padding-bottom: 11px; --a5xm0n-padding-bottom-tablet: 11px; --a5xm0n-padding-bottom-mobile: 11px; --a5xm0n-padding-left: 0px; --a5xm0n-padding-left-tablet: 0px; --a5xm0n-padding-left-mobile: 0px; --a5xm0n-borderStyle: solid; --a5xm0n-borderStyle-tablet: solid; --a5xm0n-borderStyle-mobile: solid; --a5xm0n-borderWidth-tl: 0px; --a5xm0n-borderWidth-tl-tablet: 0px; --a5xm0n-borderWidth-tl-mobile: 0px; --a5xm0n-borderWidth-tr: 0px; --a5xm0n-borderWidth-tr-tablet: 0px; --a5xm0n-borderWidth-tr-mobile: 0px; --a5xm0n-borderWidth-bl: 0px; --a5xm0n-borderWidth-bl-tablet: 0px; --a5xm0n-borderWidth-bl-mobile: 0px; --a5xm0n-borderWidth-br: 1px; --a5xm0n-borderWidth-br-tablet: 1px; --a5xm0n-borderWidth-br-mobile: 1px; --a5xm0n-borderColor: #DACDBE; --a5xm0n-borderColor-tablet: #DACDBE; --a5xm0n-borderColor-mobile: #DACDBE; --a5xm0n-align-items: center; --a5xm0n-align-items-tablet: center; --a5xm0n-align-items-mobile: center; }[data-bnode="beae-a5xm0n"] { padding-top: var(--a5xm0n-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--a5xm0n-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--a5xm0n-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--a5xm0n-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--a5xm0n-padding-top-tablet, var(--a5xm0n-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--a5xm0n-padding-right-tablet, var(--a5xm0n-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--a5xm0n-padding-bottom-tablet, var(--a5xm0n-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--a5xm0n-padding-left-tablet, var(--a5xm0n-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--a5xm0n-padding-top-mobile, var(--a5xm0n-padding-top-tablet, var(--a5xm0n-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--a5xm0n-padding-right-mobile, var(--a5xm0n-padding-right-tablet, var(--a5xm0n-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--a5xm0n-padding-bottom-mobile, var(--a5xm0n-padding-bottom-tablet, var(--a5xm0n-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--a5xm0n-padding-left-mobile, var(--a5xm0n-padding-left-tablet, var(--a5xm0n-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--a5xm0n-padding-left, var(--beae-slot-padding-x, 0px)) - var(--a5xm0n-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(--a5xm0n-background-imageRatio, auto); background: var(--a5xm0n-background-color,transparent); border-style: var(--a5xm0n-borderStyle,solid); border-color: var(--a5xm0n-borderColor,#000000); border-width: var(--a5xm0n-borderWidth-tl,0px) var(--a5xm0n-borderWidth-tr,0px) var(--a5xm0n-borderWidth-br,0px) var(--a5xm0n-borderWidth-bl,0px); border-radius: var(--a5xm0n-borderRadius-tl,0px) var(--a5xm0n-borderRadius-tr,0px) var(--a5xm0n-borderRadius-br,0px) var(--a5xm0n-borderRadius-bl,0px); box-shadow: if(style(--a5xm0n-enableShadow: true): var(--a5xm0n-shadowHorizontal,0) var(--a5xm0n-shadowVertical,0) var(--a5xm0n-shadowBlur,0) 1px var(--a5xm0n-shadowColor,#000000); else: none); max-width: var(--a5xm0n-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--a5xm0n-background-imageRatio-tablet, var(--a5xm0n-background-imageRatio, auto)); border-width: var(--a5xm0n-borderWidth-tl-tablet,0px) var(--a5xm0n-borderWidth-tr-tablet,0px) var(--a5xm0n-borderWidth-br-tablet,0px) var(--a5xm0n-borderWidth-bl-tablet,0px); border-radius: var(--a5xm0n-borderRadius-tl-tablet,0px) var(--a5xm0n-borderRadius-tr-tablet,0px) var(--a5xm0n-borderRadius-br-tablet,0px) var(--a5xm0n-borderRadius-bl-tablet,0px); max-width: var(--a5xm0n-max-width-tablet, var(--a5xm0n-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--a5xm0n-background-imageRatio-mobile, var(--a5xm0n-background-imageRatio, auto)); border-width: var(--a5xm0n-borderWidth-tl-mobile,0px) var(--a5xm0n-borderWidth-tr-mobile,0px) var(--a5xm0n-borderWidth-br-mobile,0px) var(--a5xm0n-borderWidth-bl-mobile,0px); border-radius: var(--a5xm0n-borderRadius-tl-mobile,0px) var(--a5xm0n-borderRadius-tr-mobile,0px) var(--a5xm0n-borderRadius-br-mobile,0px) var(--a5xm0n-borderRadius-bl-mobile,0px); max-width: var(--a5xm0n-max-width-mobile, var(--a5xm0n-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--a5xm0n-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--a5xm0n-gap,var(--beae-card-gap)); padding-top: var(--a5xm0n-padding-top,var(--beae-card-padding)); padding-right: var(--a5xm0n-padding-right,var(--beae-card-padding)); padding-bottom: var(--a5xm0n-padding-bottom,var(--beae-card-padding)); padding-left: var(--a5xm0n-padding-left,var(--beae-card-padding)); border-width: var(--a5xm0n-borderWidth,var(--beae-card-border-width)); border-width: var(--a5xm0n-borderWidth-tl,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-tr,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-br,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--a5xm0n-borderRadius-tl,var(--beae-card-border-radius)) var(--a5xm0n-borderRadius-tr,var(--beae-card-border-radius)) var(--a5xm0n-borderRadius-br,var(--beae-card-border-radius)) var(--a5xm0n-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(--a5xm0n-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--a5xm0n-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--a5xm0n-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--a5xm0n-padding-left-tablet,var(--beae-card-padding)); border-width: var(--a5xm0n-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--a5xm0n-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-br-desktop,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--a5xm0n-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--a5xm0n-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--a5xm0n-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--a5xm0n-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--a5xm0n-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--a5xm0n-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--a5xm0n-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--a5xm0n-padding-left-mobile,var(--beae-card-padding)); border-width: var(--a5xm0n-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--a5xm0n-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-br-mobile,var(--beae-card-border-width)) var(--a5xm0n-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--a5xm0n-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--a5xm0n-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--a5xm0n-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--a5xm0n-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--a5xm0n-background-color,var(--beae-card-featured-background)); border-color: var(--a5xm0n-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--a5xm0n-enableShadow: true): var(--a5xm0n-shadowHorizontal, var(--beae-card-shadow-x)) var(--a5xm0n-shadowVertical, var(--beae-card-shadow-y)) var(--a5xm0n-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a5xm0n-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--a5xm0n-background-color,var(--beae-card-prod-background)); border-color: var(--a5xm0n-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--a5xm0n-enableShadow: true): var(--a5xm0n-shadowHorizontal, var(--beae-card-shadow-x)) var(--a5xm0n-shadowVertical, var(--beae-card-shadow-y)) var(--a5xm0n-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a5xm0n-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--a5xm0n-background-color,var(--beae-card-pricing-background)); border-color: var(--a5xm0n-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--a5xm0n-enableShadow: true): var(--a5xm0n-shadowHorizontal, var(--beae-card-shadow-x)) var(--a5xm0n-shadowVertical, var(--beae-card-shadow-y)) var(--a5xm0n-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a5xm0n-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--a5xm0n-background-color,var(--beae-card-cta-background)); border-color: var(--a5xm0n-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--a5xm0n-enableShadow: true): var(--a5xm0n-shadowHorizontal, var(--beae-card-shadow-x)) var(--a5xm0n-shadowVertical, var(--beae-card-shadow-y)) var(--a5xm0n-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a5xm0n-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--a5xm0n-background-color,var(--beae-card-media-background)); border-color: var(--a5xm0n-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--a5xm0n-enableShadow: true): var(--a5xm0n-shadowHorizontal, var(--beae-card-shadow-x)) var(--a5xm0n-shadowVertical, var(--beae-card-shadow-y)) var(--a5xm0n-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--a5xm0n-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-a5xm0n"] {     display: flex;     flex-direction: var(--a5xm0n-direction, column);     flex-wrap: nowrap;     justify-content: var(--a5xm0n-justify-content);     align-items: var(--a5xm0n-align-items);     gap: var(--a5xm0n-gap, var(--a5xm0n-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-a5xm0n"] {                            gap: var(--a5xm0n-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(--a5xm0n-padding-right-tablet, 0px) - var(--a5xm0n-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-a5xm0n"] {                            gap: var(--a5xm0n-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(--a5xm0n-padding-right-mobile, 0px) - var(--a5xm0n-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-l1drje"] { --l1drje-typography: p; --l1drje-typography-tablet: p; --l1drje-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-l1drje"] { margin-top: var(--l1drje-margin-top, 0px); margin-right: var(--l1drje-margin-right, 0px); margin-bottom: var(--l1drje-margin-bottom, 0px); margin-left: var(--l1drje-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--l1drje-margin-top-tablet, 0px); margin-right: var(--l1drje-margin-right-tablet, 0px); margin-bottom: var(--l1drje-margin-bottom-tablet, 0px); margin-left: var(--l1drje-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--l1drje-margin-top-mobile, 0px); margin-right: var(--l1drje-margin-right-mobile, 0px); margin-bottom: var(--l1drje-margin-bottom-mobile, 0px); margin-left: var(--l1drje-margin-left-mobile, 0px); } }[data-bnode="beae-q3qr3z"] { --q3qr3z-typography: p; --q3qr3z-typography-tablet: p; --q3qr3z-typography-mobile: p; --q3qr3z-borderRadius: 0px; --q3qr3z-borderRadius-tablet: 0px; --q3qr3z-borderRadius-mobile: 0px; --q3qr3z-borderStyle: none; --q3qr3z-borderStyle-tablet: none; --q3qr3z-borderStyle-mobile: none; --q3qr3z-borderWidth: 0px; --q3qr3z-borderWidth-tablet: 0px; --q3qr3z-borderWidth-mobile: 0px; --q3qr3z-borderColor: #000000; --q3qr3z-borderColor-tablet: #000000; --q3qr3z-borderColor-mobile: #000000; --q3qr3z-enableShadow: false; --q3qr3z-enableShadow-tablet: false; --q3qr3z-enableShadow-mobile: false; --q3qr3z-shadowBlur: 0px; --q3qr3z-shadowBlur-tablet: 0px; --q3qr3z-shadowBlur-mobile: 0px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-color: #100d09; --beae-p-font-size: 16px; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-text-transform: none; --beae-p-letter-spacing-tablet: -0.3px; }[data-bnode="beae-q3qr3z"] { margin-top: var(--q3qr3z-margin-top, 0px); margin-right: var(--q3qr3z-margin-right, 0px); margin-bottom: var(--q3qr3z-margin-bottom, 0px); margin-left: var(--q3qr3z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q3qr3z-margin-top-tablet, 0px); margin-right: var(--q3qr3z-margin-right-tablet, 0px); margin-bottom: var(--q3qr3z-margin-bottom-tablet, 0px); margin-left: var(--q3qr3z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q3qr3z-margin-top-mobile, 0px); margin-right: var(--q3qr3z-margin-right-mobile, 0px); margin-bottom: var(--q3qr3z-margin-bottom-mobile, 0px); margin-left: var(--q3qr3z-margin-left-mobile, 0px); } &.beae-metafield { border-style: var(--q3qr3z-borderStyle); border-color: var(--q3qr3z-borderColor); border-width: var(--q3qr3z-borderWidth, 0px); border-radius: var(--q3qr3z-borderRadius, 20px); box-shadow: if(style(--q3qr3z-enableShadow: true): var(--q3qr3z-shadowHorizontal, 0) var(--q3qr3z-shadowVertical, 0) var(--q3qr3z-shadowBlur, 0) 1px var(--q3qr3z-shadowColor, #000000); else: none); overflow: hidden; p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.beae-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="beae-irecum"] { --irecum-direction: row; --irecum-direction-tablet: row; --irecum-direction-mobile: row; --irecum-structure: auto; --irecum-structure-tablet: auto; --irecum-structure-mobile: auto; --irecum-justify-content: space-between; --irecum-justify-content-tablet: space-between; --irecum-justify-content-mobile: space-between; --irecum-gap: 16px; --irecum-gap-tablet: 16px; --irecum-gap-mobile: 16px; --irecum-padding-top: 12px; --irecum-padding-top-tablet: 12px; --irecum-padding-top-mobile: 12px; --irecum-padding-right: 0px; --irecum-padding-right-tablet: 0px; --irecum-padding-right-mobile: 0px; --irecum-padding-bottom: 11px; --irecum-padding-bottom-tablet: 11px; --irecum-padding-bottom-mobile: 11px; --irecum-padding-left: 0px; --irecum-padding-left-tablet: 0px; --irecum-padding-left-mobile: 0px; --irecum-borderStyle: solid; --irecum-borderStyle-tablet: solid; --irecum-borderStyle-mobile: solid; --irecum-borderWidth-tl: 0px; --irecum-borderWidth-tl-tablet: 0px; --irecum-borderWidth-tl-mobile: 0px; --irecum-borderWidth-tr: 0px; --irecum-borderWidth-tr-tablet: 0px; --irecum-borderWidth-tr-mobile: 0px; --irecum-borderWidth-bl: 0px; --irecum-borderWidth-bl-tablet: 0px; --irecum-borderWidth-bl-mobile: 0px; --irecum-borderWidth-br: 1px; --irecum-borderWidth-br-tablet: 1px; --irecum-borderWidth-br-mobile: 1px; --irecum-borderColor: #DACDBE; --irecum-borderColor-tablet: #DACDBE; --irecum-borderColor-mobile: #DACDBE; --irecum-align-items: center; --irecum-align-items-tablet: center; --irecum-align-items-mobile: center; }[data-bnode="beae-irecum"] { padding-top: var(--irecum-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--irecum-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--irecum-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--irecum-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--irecum-padding-top-tablet, var(--irecum-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--irecum-padding-right-tablet, var(--irecum-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--irecum-padding-bottom-tablet, var(--irecum-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--irecum-padding-left-tablet, var(--irecum-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--irecum-padding-top-mobile, var(--irecum-padding-top-tablet, var(--irecum-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--irecum-padding-right-mobile, var(--irecum-padding-right-tablet, var(--irecum-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--irecum-padding-bottom-mobile, var(--irecum-padding-bottom-tablet, var(--irecum-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--irecum-padding-left-mobile, var(--irecum-padding-left-tablet, var(--irecum-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--irecum-padding-left, var(--beae-slot-padding-x, 0px)) - var(--irecum-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(--irecum-background-imageRatio, auto); background: var(--irecum-background-color,transparent); border-style: var(--irecum-borderStyle,solid); border-color: var(--irecum-borderColor,#000000); border-width: var(--irecum-borderWidth-tl,0px) var(--irecum-borderWidth-tr,0px) var(--irecum-borderWidth-br,0px) var(--irecum-borderWidth-bl,0px); border-radius: var(--irecum-borderRadius-tl,0px) var(--irecum-borderRadius-tr,0px) var(--irecum-borderRadius-br,0px) var(--irecum-borderRadius-bl,0px); box-shadow: if(style(--irecum-enableShadow: true): var(--irecum-shadowHorizontal,0) var(--irecum-shadowVertical,0) var(--irecum-shadowBlur,0) 1px var(--irecum-shadowColor,#000000); else: none); max-width: var(--irecum-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--irecum-background-imageRatio-tablet, var(--irecum-background-imageRatio, auto)); border-width: var(--irecum-borderWidth-tl-tablet,0px) var(--irecum-borderWidth-tr-tablet,0px) var(--irecum-borderWidth-br-tablet,0px) var(--irecum-borderWidth-bl-tablet,0px); border-radius: var(--irecum-borderRadius-tl-tablet,0px) var(--irecum-borderRadius-tr-tablet,0px) var(--irecum-borderRadius-br-tablet,0px) var(--irecum-borderRadius-bl-tablet,0px); max-width: var(--irecum-max-width-tablet, var(--irecum-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--irecum-background-imageRatio-mobile, var(--irecum-background-imageRatio, auto)); border-width: var(--irecum-borderWidth-tl-mobile,0px) var(--irecum-borderWidth-tr-mobile,0px) var(--irecum-borderWidth-br-mobile,0px) var(--irecum-borderWidth-bl-mobile,0px); border-radius: var(--irecum-borderRadius-tl-mobile,0px) var(--irecum-borderRadius-tr-mobile,0px) var(--irecum-borderRadius-br-mobile,0px) var(--irecum-borderRadius-bl-mobile,0px); max-width: var(--irecum-max-width-mobile, var(--irecum-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--irecum-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--irecum-gap,var(--beae-card-gap)); padding-top: var(--irecum-padding-top,var(--beae-card-padding)); padding-right: var(--irecum-padding-right,var(--beae-card-padding)); padding-bottom: var(--irecum-padding-bottom,var(--beae-card-padding)); padding-left: var(--irecum-padding-left,var(--beae-card-padding)); border-width: var(--irecum-borderWidth,var(--beae-card-border-width)); border-width: var(--irecum-borderWidth-tl,var(--beae-card-border-width)) var(--irecum-borderWidth-tr,var(--beae-card-border-width)) var(--irecum-borderWidth-br,var(--beae-card-border-width)) var(--irecum-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--irecum-borderRadius-tl,var(--beae-card-border-radius)) var(--irecum-borderRadius-tr,var(--beae-card-border-radius)) var(--irecum-borderRadius-br,var(--beae-card-border-radius)) var(--irecum-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(--irecum-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--irecum-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--irecum-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--irecum-padding-left-tablet,var(--beae-card-padding)); border-width: var(--irecum-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--irecum-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--irecum-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--irecum-borderWidth-br-desktop,var(--beae-card-border-width)) var(--irecum-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--irecum-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--irecum-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--irecum-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--irecum-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--irecum-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--irecum-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--irecum-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--irecum-padding-left-mobile,var(--beae-card-padding)); border-width: var(--irecum-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--irecum-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--irecum-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--irecum-borderWidth-br-mobile,var(--beae-card-border-width)) var(--irecum-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--irecum-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--irecum-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--irecum-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--irecum-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--irecum-background-color,var(--beae-card-featured-background)); border-color: var(--irecum-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--irecum-enableShadow: true): var(--irecum-shadowHorizontal, var(--beae-card-shadow-x)) var(--irecum-shadowVertical, var(--beae-card-shadow-y)) var(--irecum-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--irecum-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--irecum-background-color,var(--beae-card-prod-background)); border-color: var(--irecum-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--irecum-enableShadow: true): var(--irecum-shadowHorizontal, var(--beae-card-shadow-x)) var(--irecum-shadowVertical, var(--beae-card-shadow-y)) var(--irecum-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--irecum-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--irecum-background-color,var(--beae-card-pricing-background)); border-color: var(--irecum-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--irecum-enableShadow: true): var(--irecum-shadowHorizontal, var(--beae-card-shadow-x)) var(--irecum-shadowVertical, var(--beae-card-shadow-y)) var(--irecum-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--irecum-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--irecum-background-color,var(--beae-card-cta-background)); border-color: var(--irecum-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--irecum-enableShadow: true): var(--irecum-shadowHorizontal, var(--beae-card-shadow-x)) var(--irecum-shadowVertical, var(--beae-card-shadow-y)) var(--irecum-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--irecum-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--irecum-background-color,var(--beae-card-media-background)); border-color: var(--irecum-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--irecum-enableShadow: true): var(--irecum-shadowHorizontal, var(--beae-card-shadow-x)) var(--irecum-shadowVertical, var(--beae-card-shadow-y)) var(--irecum-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--irecum-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-irecum"] {     display: flex;     flex-direction: var(--irecum-direction, column);     flex-wrap: nowrap;     justify-content: var(--irecum-justify-content);     align-items: var(--irecum-align-items);     gap: var(--irecum-gap, var(--irecum-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-irecum"] {                            gap: var(--irecum-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(--irecum-padding-right-tablet, 0px) - var(--irecum-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-irecum"] {                            gap: var(--irecum-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(--irecum-padding-right-mobile, 0px) - var(--irecum-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-d9nyh2"] { --d9nyh2-typography: p; --d9nyh2-typography-tablet: p; --d9nyh2-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-d9nyh2"] { margin-top: var(--d9nyh2-margin-top, 0px); margin-right: var(--d9nyh2-margin-right, 0px); margin-bottom: var(--d9nyh2-margin-bottom, 0px); margin-left: var(--d9nyh2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d9nyh2-margin-top-tablet, 0px); margin-right: var(--d9nyh2-margin-right-tablet, 0px); margin-bottom: var(--d9nyh2-margin-bottom-tablet, 0px); margin-left: var(--d9nyh2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d9nyh2-margin-top-mobile, 0px); margin-right: var(--d9nyh2-margin-right-mobile, 0px); margin-bottom: var(--d9nyh2-margin-bottom-mobile, 0px); margin-left: var(--d9nyh2-margin-left-mobile, 0px); } }[data-bnode="beae-wcqsiw"] { --wcqsiw-typography: p; --wcqsiw-typography-tablet: p; --wcqsiw-typography-mobile: p; --wcqsiw-borderRadius: 0px; --wcqsiw-borderRadius-tablet: 0px; --wcqsiw-borderRadius-mobile: 0px; --wcqsiw-borderStyle: none; --wcqsiw-borderStyle-tablet: none; --wcqsiw-borderStyle-mobile: none; --wcqsiw-borderWidth: 0px; --wcqsiw-borderWidth-tablet: 0px; --wcqsiw-borderWidth-mobile: 0px; --wcqsiw-borderColor: #000000; --wcqsiw-borderColor-tablet: #000000; --wcqsiw-borderColor-mobile: #000000; --wcqsiw-enableShadow: false; --wcqsiw-enableShadow-tablet: false; --wcqsiw-enableShadow-mobile: false; --wcqsiw-shadowBlur: 0px; --wcqsiw-shadowBlur-tablet: 0px; --wcqsiw-shadowBlur-mobile: 0px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-mobile: 1.5; --beae-p-font-size: 16px; --beae-p-line-height: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-color: #100d09; --beae-p-font-size-tablet: 16px; --beae-p-font-weight: 400; --beae-p-line-height-tablet: 1.5; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-text-transform: none; --beae-p-letter-spacing-mobile: -0.3px; }[data-bnode="beae-wcqsiw"] { margin-top: var(--wcqsiw-margin-top, 0px); margin-right: var(--wcqsiw-margin-right, 0px); margin-bottom: var(--wcqsiw-margin-bottom, 0px); margin-left: var(--wcqsiw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wcqsiw-margin-top-tablet, 0px); margin-right: var(--wcqsiw-margin-right-tablet, 0px); margin-bottom: var(--wcqsiw-margin-bottom-tablet, 0px); margin-left: var(--wcqsiw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wcqsiw-margin-top-mobile, 0px); margin-right: var(--wcqsiw-margin-right-mobile, 0px); margin-bottom: var(--wcqsiw-margin-bottom-mobile, 0px); margin-left: var(--wcqsiw-margin-left-mobile, 0px); } &.beae-metafield { border-style: var(--wcqsiw-borderStyle); border-color: var(--wcqsiw-borderColor); border-width: var(--wcqsiw-borderWidth, 0px); border-radius: var(--wcqsiw-borderRadius, 20px); box-shadow: if(style(--wcqsiw-enableShadow: true): var(--wcqsiw-shadowHorizontal, 0) var(--wcqsiw-shadowVertical, 0) var(--wcqsiw-shadowBlur, 0) 1px var(--wcqsiw-shadowColor, #000000); else: none); overflow: hidden; p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.beae-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="beae-wrsadu"] { --wrsadu-direction: row; --wrsadu-direction-tablet: row; --wrsadu-direction-mobile: row; --wrsadu-structure: auto; --wrsadu-structure-tablet: auto; --wrsadu-structure-mobile: auto; --wrsadu-justify-content: space-between; --wrsadu-justify-content-tablet: space-between; --wrsadu-justify-content-mobile: space-between; --wrsadu-gap: 16px; --wrsadu-gap-tablet: 16px; --wrsadu-gap-mobile: 16px; --wrsadu-padding-top: 12px; --wrsadu-padding-top-tablet: 12px; --wrsadu-padding-top-mobile: 12px; --wrsadu-padding-right: 0px; --wrsadu-padding-right-tablet: 0px; --wrsadu-padding-right-mobile: 0px; --wrsadu-padding-bottom: 12px; --wrsadu-padding-bottom-tablet: 12px; --wrsadu-padding-bottom-mobile: 12px; --wrsadu-padding-left: 0px; --wrsadu-padding-left-tablet: 0px; --wrsadu-padding-left-mobile: 0px; --wrsadu-borderStyle: none; --wrsadu-borderStyle-tablet: none; --wrsadu-borderStyle-mobile: none; --wrsadu-borderWidth-tl: 0px; --wrsadu-borderWidth-tl-tablet: 0px; --wrsadu-borderWidth-tl-mobile: 0px; --wrsadu-borderWidth-tr: 0px; --wrsadu-borderWidth-tr-tablet: 0px; --wrsadu-borderWidth-tr-mobile: 0px; --wrsadu-borderWidth-bl: 0px; --wrsadu-borderWidth-bl-tablet: 0px; --wrsadu-borderWidth-bl-mobile: 0px; --wrsadu-borderWidth-br: 1px; --wrsadu-borderWidth-br-tablet: 1px; --wrsadu-borderWidth-br-mobile: 1px; --wrsadu-borderColor: #DACDBE; --wrsadu-borderColor-tablet: #DACDBE; --wrsadu-borderColor-mobile: #DACDBE; --wrsadu-align-items: center; --wrsadu-align-items-tablet: center; --wrsadu-align-items-mobile: center; }[data-bnode="beae-wrsadu"] { padding-top: var(--wrsadu-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--wrsadu-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--wrsadu-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--wrsadu-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--wrsadu-padding-top-tablet, var(--wrsadu-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--wrsadu-padding-right-tablet, var(--wrsadu-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--wrsadu-padding-bottom-tablet, var(--wrsadu-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--wrsadu-padding-left-tablet, var(--wrsadu-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--wrsadu-padding-top-mobile, var(--wrsadu-padding-top-tablet, var(--wrsadu-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--wrsadu-padding-right-mobile, var(--wrsadu-padding-right-tablet, var(--wrsadu-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--wrsadu-padding-bottom-mobile, var(--wrsadu-padding-bottom-tablet, var(--wrsadu-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--wrsadu-padding-left-mobile, var(--wrsadu-padding-left-tablet, var(--wrsadu-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--wrsadu-padding-left, var(--beae-slot-padding-x, 0px)) - var(--wrsadu-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(--wrsadu-background-imageRatio, auto); background: var(--wrsadu-background-color,transparent); border-style: var(--wrsadu-borderStyle,solid); border-color: var(--wrsadu-borderColor,#000000); border-width: var(--wrsadu-borderWidth-tl,0px) var(--wrsadu-borderWidth-tr,0px) var(--wrsadu-borderWidth-br,0px) var(--wrsadu-borderWidth-bl,0px); border-radius: var(--wrsadu-borderRadius-tl,0px) var(--wrsadu-borderRadius-tr,0px) var(--wrsadu-borderRadius-br,0px) var(--wrsadu-borderRadius-bl,0px); box-shadow: if(style(--wrsadu-enableShadow: true): var(--wrsadu-shadowHorizontal,0) var(--wrsadu-shadowVertical,0) var(--wrsadu-shadowBlur,0) 1px var(--wrsadu-shadowColor,#000000); else: none); max-width: var(--wrsadu-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--wrsadu-background-imageRatio-tablet, var(--wrsadu-background-imageRatio, auto)); border-width: var(--wrsadu-borderWidth-tl-tablet,0px) var(--wrsadu-borderWidth-tr-tablet,0px) var(--wrsadu-borderWidth-br-tablet,0px) var(--wrsadu-borderWidth-bl-tablet,0px); border-radius: var(--wrsadu-borderRadius-tl-tablet,0px) var(--wrsadu-borderRadius-tr-tablet,0px) var(--wrsadu-borderRadius-br-tablet,0px) var(--wrsadu-borderRadius-bl-tablet,0px); max-width: var(--wrsadu-max-width-tablet, var(--wrsadu-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--wrsadu-background-imageRatio-mobile, var(--wrsadu-background-imageRatio, auto)); border-width: var(--wrsadu-borderWidth-tl-mobile,0px) var(--wrsadu-borderWidth-tr-mobile,0px) var(--wrsadu-borderWidth-br-mobile,0px) var(--wrsadu-borderWidth-bl-mobile,0px); border-radius: var(--wrsadu-borderRadius-tl-mobile,0px) var(--wrsadu-borderRadius-tr-mobile,0px) var(--wrsadu-borderRadius-br-mobile,0px) var(--wrsadu-borderRadius-bl-mobile,0px); max-width: var(--wrsadu-max-width-mobile, var(--wrsadu-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--wrsadu-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--wrsadu-gap,var(--beae-card-gap)); padding-top: var(--wrsadu-padding-top,var(--beae-card-padding)); padding-right: var(--wrsadu-padding-right,var(--beae-card-padding)); padding-bottom: var(--wrsadu-padding-bottom,var(--beae-card-padding)); padding-left: var(--wrsadu-padding-left,var(--beae-card-padding)); border-width: var(--wrsadu-borderWidth,var(--beae-card-border-width)); border-width: var(--wrsadu-borderWidth-tl,var(--beae-card-border-width)) var(--wrsadu-borderWidth-tr,var(--beae-card-border-width)) var(--wrsadu-borderWidth-br,var(--beae-card-border-width)) var(--wrsadu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--wrsadu-borderRadius-tl,var(--beae-card-border-radius)) var(--wrsadu-borderRadius-tr,var(--beae-card-border-radius)) var(--wrsadu-borderRadius-br,var(--beae-card-border-radius)) var(--wrsadu-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(--wrsadu-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--wrsadu-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--wrsadu-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--wrsadu-padding-left-tablet,var(--beae-card-padding)); border-width: var(--wrsadu-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--wrsadu-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--wrsadu-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--wrsadu-borderWidth-br-desktop,var(--beae-card-border-width)) var(--wrsadu-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--wrsadu-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--wrsadu-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--wrsadu-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--wrsadu-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--wrsadu-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--wrsadu-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--wrsadu-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--wrsadu-padding-left-mobile,var(--beae-card-padding)); border-width: var(--wrsadu-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--wrsadu-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--wrsadu-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--wrsadu-borderWidth-br-mobile,var(--beae-card-border-width)) var(--wrsadu-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--wrsadu-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--wrsadu-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--wrsadu-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--wrsadu-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--wrsadu-background-color,var(--beae-card-featured-background)); border-color: var(--wrsadu-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--wrsadu-enableShadow: true): var(--wrsadu-shadowHorizontal, var(--beae-card-shadow-x)) var(--wrsadu-shadowVertical, var(--beae-card-shadow-y)) var(--wrsadu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wrsadu-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--wrsadu-background-color,var(--beae-card-prod-background)); border-color: var(--wrsadu-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--wrsadu-enableShadow: true): var(--wrsadu-shadowHorizontal, var(--beae-card-shadow-x)) var(--wrsadu-shadowVertical, var(--beae-card-shadow-y)) var(--wrsadu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wrsadu-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--wrsadu-background-color,var(--beae-card-pricing-background)); border-color: var(--wrsadu-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--wrsadu-enableShadow: true): var(--wrsadu-shadowHorizontal, var(--beae-card-shadow-x)) var(--wrsadu-shadowVertical, var(--beae-card-shadow-y)) var(--wrsadu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wrsadu-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--wrsadu-background-color,var(--beae-card-cta-background)); border-color: var(--wrsadu-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--wrsadu-enableShadow: true): var(--wrsadu-shadowHorizontal, var(--beae-card-shadow-x)) var(--wrsadu-shadowVertical, var(--beae-card-shadow-y)) var(--wrsadu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wrsadu-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--wrsadu-background-color,var(--beae-card-media-background)); border-color: var(--wrsadu-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--wrsadu-enableShadow: true): var(--wrsadu-shadowHorizontal, var(--beae-card-shadow-x)) var(--wrsadu-shadowVertical, var(--beae-card-shadow-y)) var(--wrsadu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--wrsadu-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-wrsadu"] {     display: flex;     flex-direction: var(--wrsadu-direction, column);     flex-wrap: nowrap;     justify-content: var(--wrsadu-justify-content);     align-items: var(--wrsadu-align-items);     gap: var(--wrsadu-gap, var(--wrsadu-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-wrsadu"] {                            gap: var(--wrsadu-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(--wrsadu-padding-right-tablet, 0px) - var(--wrsadu-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-wrsadu"] {                            gap: var(--wrsadu-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(--wrsadu-padding-right-mobile, 0px) - var(--wrsadu-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-zt0dkf"] { --zt0dkf-typography: p; --zt0dkf-typography-tablet: p; --zt0dkf-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-zt0dkf"] { margin-top: var(--zt0dkf-margin-top, 0px); margin-right: var(--zt0dkf-margin-right, 0px); margin-bottom: var(--zt0dkf-margin-bottom, 0px); margin-left: var(--zt0dkf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zt0dkf-margin-top-tablet, 0px); margin-right: var(--zt0dkf-margin-right-tablet, 0px); margin-bottom: var(--zt0dkf-margin-bottom-tablet, 0px); margin-left: var(--zt0dkf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zt0dkf-margin-top-mobile, 0px); margin-right: var(--zt0dkf-margin-right-mobile, 0px); margin-bottom: var(--zt0dkf-margin-bottom-mobile, 0px); margin-left: var(--zt0dkf-margin-left-mobile, 0px); } }[data-bnode="beae-mbr9ys"] { --mbr9ys-typography: p; --mbr9ys-typography-tablet: p; --mbr9ys-typography-mobile: p; --mbr9ys-borderRadius: 0px; --mbr9ys-borderRadius-tablet: 0px; --mbr9ys-borderRadius-mobile: 0px; --mbr9ys-borderStyle: none; --mbr9ys-borderStyle-tablet: none; --mbr9ys-borderStyle-mobile: none; --mbr9ys-borderWidth: 0px; --mbr9ys-borderWidth-tablet: 0px; --mbr9ys-borderWidth-mobile: 0px; --mbr9ys-borderColor: #000000; --mbr9ys-borderColor-tablet: #000000; --mbr9ys-borderColor-mobile: #000000; --mbr9ys-enableShadow: false; --mbr9ys-enableShadow-tablet: false; --mbr9ys-enableShadow-mobile: false; --mbr9ys-shadowBlur: 0px; --mbr9ys-shadowBlur-tablet: 0px; --mbr9ys-shadowBlur-mobile: 0px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-color: #100d09; --beae-p-font-size: 16px; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-text-transform: none; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; }[data-bnode="beae-mbr9ys"] { margin-top: var(--mbr9ys-margin-top, 0px); margin-right: var(--mbr9ys-margin-right, 0px); margin-bottom: var(--mbr9ys-margin-bottom, 0px); margin-left: var(--mbr9ys-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mbr9ys-margin-top-tablet, 0px); margin-right: var(--mbr9ys-margin-right-tablet, 0px); margin-bottom: var(--mbr9ys-margin-bottom-tablet, 0px); margin-left: var(--mbr9ys-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mbr9ys-margin-top-mobile, 0px); margin-right: var(--mbr9ys-margin-right-mobile, 0px); margin-bottom: var(--mbr9ys-margin-bottom-mobile, 0px); margin-left: var(--mbr9ys-margin-left-mobile, 0px); } &.beae-metafield { border-style: var(--mbr9ys-borderStyle); border-color: var(--mbr9ys-borderColor); border-width: var(--mbr9ys-borderWidth, 0px); border-radius: var(--mbr9ys-borderRadius, 20px); box-shadow: if(style(--mbr9ys-enableShadow: true): var(--mbr9ys-shadowHorizontal, 0) var(--mbr9ys-shadowVertical, 0) var(--mbr9ys-shadowBlur, 0) 1px var(--mbr9ys-shadowColor, #000000); else: none); overflow: hidden; p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.beae-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="beae-quzowi"] { --quzowi-direction: column; --quzowi-direction-tablet: column; --quzowi-direction-mobile: column; --quzowi-gap: 16px; --quzowi-gap-tablet: 16px; --quzowi-gap-mobile: 16px; --quzowi-padding-top: 0px; --quzowi-padding-top-tablet: 0px; --quzowi-padding-top-mobile: 0px; --quzowi-padding-right: 24px; --quzowi-padding-right-tablet: 24px; --quzowi-padding-right-mobile: 20px; --quzowi-padding-bottom: 20px; --quzowi-padding-bottom-tablet: 20px; --quzowi-padding-bottom-mobile: 20px; --quzowi-padding-left: 24px; --quzowi-padding-left-tablet: 24px; --quzowi-padding-left-mobile: 20px; --quzowi-background-type: color; --quzowi-background-type-tablet: color; --quzowi-background-type-mobile: color; --quzowi-background-color: #F6F2EF; --quzowi-background-color-tablet: #F6F2EF; --quzowi-background-color-mobile: #F6F2EF; }[data-bnode="beae-quzowi"] { padding-top: var(--quzowi-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--quzowi-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--quzowi-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--quzowi-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--quzowi-padding-top-tablet, var(--quzowi-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--quzowi-padding-right-tablet, var(--quzowi-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--quzowi-padding-bottom-tablet, var(--quzowi-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--quzowi-padding-left-tablet, var(--quzowi-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--quzowi-padding-top-mobile, var(--quzowi-padding-top-tablet, var(--quzowi-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--quzowi-padding-right-mobile, var(--quzowi-padding-right-tablet, var(--quzowi-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--quzowi-padding-bottom-mobile, var(--quzowi-padding-bottom-tablet, var(--quzowi-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--quzowi-padding-left-mobile, var(--quzowi-padding-left-tablet, var(--quzowi-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--quzowi-padding-left, var(--beae-slot-padding-x, 0px)) - var(--quzowi-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(--quzowi-background-imageRatio, auto); background: var(--quzowi-background-color,transparent); border-style: var(--quzowi-borderStyle,solid); border-color: var(--quzowi-borderColor,#000000); border-width: var(--quzowi-borderWidth-tl,0px) var(--quzowi-borderWidth-tr,0px) var(--quzowi-borderWidth-br,0px) var(--quzowi-borderWidth-bl,0px); border-radius: var(--quzowi-borderRadius-tl,0px) var(--quzowi-borderRadius-tr,0px) var(--quzowi-borderRadius-br,0px) var(--quzowi-borderRadius-bl,0px); box-shadow: if(style(--quzowi-enableShadow: true): var(--quzowi-shadowHorizontal,0) var(--quzowi-shadowVertical,0) var(--quzowi-shadowBlur,0) 1px var(--quzowi-shadowColor,#000000); else: none); max-width: var(--quzowi-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--quzowi-background-imageRatio-tablet, var(--quzowi-background-imageRatio, auto)); border-width: var(--quzowi-borderWidth-tl-tablet,0px) var(--quzowi-borderWidth-tr-tablet,0px) var(--quzowi-borderWidth-br-tablet,0px) var(--quzowi-borderWidth-bl-tablet,0px); border-radius: var(--quzowi-borderRadius-tl-tablet,0px) var(--quzowi-borderRadius-tr-tablet,0px) var(--quzowi-borderRadius-br-tablet,0px) var(--quzowi-borderRadius-bl-tablet,0px); max-width: var(--quzowi-max-width-tablet, var(--quzowi-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--quzowi-background-imageRatio-mobile, var(--quzowi-background-imageRatio, auto)); border-width: var(--quzowi-borderWidth-tl-mobile,0px) var(--quzowi-borderWidth-tr-mobile,0px) var(--quzowi-borderWidth-br-mobile,0px) var(--quzowi-borderWidth-bl-mobile,0px); border-radius: var(--quzowi-borderRadius-tl-mobile,0px) var(--quzowi-borderRadius-tr-mobile,0px) var(--quzowi-borderRadius-br-mobile,0px) var(--quzowi-borderRadius-bl-mobile,0px); max-width: var(--quzowi-max-width-mobile, var(--quzowi-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--quzowi-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--quzowi-gap,var(--beae-card-gap)); padding-top: var(--quzowi-padding-top,var(--beae-card-padding)); padding-right: var(--quzowi-padding-right,var(--beae-card-padding)); padding-bottom: var(--quzowi-padding-bottom,var(--beae-card-padding)); padding-left: var(--quzowi-padding-left,var(--beae-card-padding)); border-width: var(--quzowi-borderWidth,var(--beae-card-border-width)); border-width: var(--quzowi-borderWidth-tl,var(--beae-card-border-width)) var(--quzowi-borderWidth-tr,var(--beae-card-border-width)) var(--quzowi-borderWidth-br,var(--beae-card-border-width)) var(--quzowi-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--quzowi-borderRadius-tl,var(--beae-card-border-radius)) var(--quzowi-borderRadius-tr,var(--beae-card-border-radius)) var(--quzowi-borderRadius-br,var(--beae-card-border-radius)) var(--quzowi-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(--quzowi-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--quzowi-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--quzowi-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--quzowi-padding-left-tablet,var(--beae-card-padding)); border-width: var(--quzowi-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--quzowi-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--quzowi-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--quzowi-borderWidth-br-desktop,var(--beae-card-border-width)) var(--quzowi-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--quzowi-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--quzowi-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--quzowi-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--quzowi-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--quzowi-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--quzowi-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--quzowi-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--quzowi-padding-left-mobile,var(--beae-card-padding)); border-width: var(--quzowi-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--quzowi-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--quzowi-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--quzowi-borderWidth-br-mobile,var(--beae-card-border-width)) var(--quzowi-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--quzowi-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--quzowi-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--quzowi-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--quzowi-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--quzowi-background-color,var(--beae-card-featured-background)); border-color: var(--quzowi-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--quzowi-enableShadow: true): var(--quzowi-shadowHorizontal, var(--beae-card-shadow-x)) var(--quzowi-shadowVertical, var(--beae-card-shadow-y)) var(--quzowi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--quzowi-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--quzowi-background-color,var(--beae-card-prod-background)); border-color: var(--quzowi-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--quzowi-enableShadow: true): var(--quzowi-shadowHorizontal, var(--beae-card-shadow-x)) var(--quzowi-shadowVertical, var(--beae-card-shadow-y)) var(--quzowi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--quzowi-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--quzowi-background-color,var(--beae-card-pricing-background)); border-color: var(--quzowi-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--quzowi-enableShadow: true): var(--quzowi-shadowHorizontal, var(--beae-card-shadow-x)) var(--quzowi-shadowVertical, var(--beae-card-shadow-y)) var(--quzowi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--quzowi-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--quzowi-background-color,var(--beae-card-cta-background)); border-color: var(--quzowi-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--quzowi-enableShadow: true): var(--quzowi-shadowHorizontal, var(--beae-card-shadow-x)) var(--quzowi-shadowVertical, var(--beae-card-shadow-y)) var(--quzowi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--quzowi-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--quzowi-background-color,var(--beae-card-media-background)); border-color: var(--quzowi-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--quzowi-enableShadow: true): var(--quzowi-shadowHorizontal, var(--beae-card-shadow-x)) var(--quzowi-shadowVertical, var(--beae-card-shadow-y)) var(--quzowi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--quzowi-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-quzowi"] {     display: flex;     flex-direction: var(--quzowi-direction, column);     flex-wrap: nowrap;     justify-content: var(--quzowi-justify-content);     align-items: var(--quzowi-align-items);     gap: var(--quzowi-gap, var(--quzowi-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-quzowi"] {                            gap: var(--quzowi-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(--quzowi-padding-right-tablet, 0px) - var(--quzowi-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-quzowi"] {                            gap: var(--quzowi-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(--quzowi-padding-right-mobile, 0px) - var(--quzowi-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-m6883d"] { --m6883d-typography: p; --m6883d-typography-tablet: p; --m6883d-typography-mobile: p; --m6883d-borderRadius: 0px; --m6883d-borderRadius-tablet: 0px; --m6883d-borderRadius-mobile: 0px; --m6883d-borderStyle: none; --m6883d-borderStyle-tablet: none; --m6883d-borderStyle-mobile: none; --m6883d-borderWidth: 0px; --m6883d-borderWidth-tablet: 0px; --m6883d-borderWidth-mobile: 0px; --m6883d-borderColor: #000000; --m6883d-borderColor-tablet: #000000; --m6883d-borderColor-mobile: #000000; --m6883d-enableShadow: false; --m6883d-enableShadow-tablet: false; --m6883d-enableShadow-mobile: false; --m6883d-shadowBlur: 0px; --m6883d-shadowBlur-tablet: 0px; --m6883d-shadowBlur-mobile: 0px; --beae-p2-font-size-tablet: 13px; --beae-p2-font-size-mobile: 13px; --beae-p2-line-height-tablet: 1.82; --beae-p2-line-height-mobile: 1.82; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #100D09; --beae-p-font-weight: 400; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --beae-p-letter-spacing: -0.3px; --beae-p-line-height: 1.5; }[data-bnode="beae-m6883d"] { margin-top: var(--m6883d-margin-top, 0px); margin-right: var(--m6883d-margin-right, 0px); margin-bottom: var(--m6883d-margin-bottom, 0px); margin-left: var(--m6883d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--m6883d-margin-top-tablet, 0px); margin-right: var(--m6883d-margin-right-tablet, 0px); margin-bottom: var(--m6883d-margin-bottom-tablet, 0px); margin-left: var(--m6883d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--m6883d-margin-top-mobile, 0px); margin-right: var(--m6883d-margin-right-mobile, 0px); margin-bottom: var(--m6883d-margin-bottom-mobile, 0px); margin-left: var(--m6883d-margin-left-mobile, 0px); } &.beae-metafield { border-style: var(--m6883d-borderStyle,solid); border-color: var(--m6883d-borderColor,#000000); border-width: var(--m6883d-borderWidth-tl,0px) var(--m6883d-borderWidth-tr,0px) var(--m6883d-borderWidth-br,0px) var(--m6883d-borderWidth-bl,0px); border-radius: var(--m6883d-borderRadius-tl,0px) var(--m6883d-borderRadius-tr,0px) var(--m6883d-borderRadius-br,0px) var(--m6883d-borderRadius-bl,0px); box-shadow: if(style(--m6883d-enableShadow: true): var(--m6883d-shadowHorizontal, 0) var(--m6883d-shadowVertical, 0) var(--m6883d-shadowBlur, 0) 1px var(--m6883d-shadowColor, #000000); else: none); overflow: hidden; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--m6883d-borderWidth-tl-tablet,0px) var(--m6883d-borderWidth-tr-tablet,0px) var(--m6883d-borderWidth-br-tablet,0px) var(--m6883d-borderWidth-bl-tablet,0px); border-radius: var(--m6883d-borderRadius-tl-tablet,0px) var(--m6883d-borderRadius-tr-tablet,0px) var(--m6883d-borderRadius-br-tablet,0px) var(--m6883d-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--m6883d-borderWidth-tl-mobile,0px) var(--m6883d-borderWidth-tr-mobile,0px) var(--m6883d-borderWidth-br-mobile,0px) var(--m6883d-borderWidth-bl-mobile,0px); border-radius: var(--m6883d-borderRadius-tl-mobile,0px) var(--m6883d-borderRadius-tr-mobile,0px) var(--m6883d-borderRadius-br-mobile,0px) var(--m6883d-borderRadius-bl-mobile,0px); } p:first-child { margin-top: 0; padding-top: 0; } p:last-child { margin-bottom: 0; padding-bottom: 0; } p:only-child { margin: 0; padding: 0; } } &.beae-metafield-nodata { display: flex; flex-direction: column; flex-wrap: nowrap; align-content: center; justify-content: center; align-items: center; opacity: 0.5; position: relative; border: 2px dashed #dedede; padding: 6px; text-align: center; strong { color: red; } } }[data-bnode="beae-yr77mt"] { --yr77mt-direction: row; --yr77mt-direction-tablet: column; --yr77mt-direction-mobile: column; --yr77mt-structure: auto; --yr77mt-structure-tablet: auto; --yr77mt-structure-mobile: auto; --yr77mt-align-items: center; --yr77mt-align-items-tablet: flex-start; --yr77mt-align-items-mobile: flex-start; --yr77mt-gap: 12px; --yr77mt-gap-tablet: 12px; --yr77mt-gap-mobile: 12px; --yr77mt-padding-top: 0px; --yr77mt-padding-top-tablet: 0px; --yr77mt-padding-top-mobile: 0px; --yr77mt-padding-right: 0px; --yr77mt-padding-right-tablet: 0px; --yr77mt-padding-right-mobile: 0px; --yr77mt-padding-bottom: 0px; --yr77mt-padding-bottom-tablet: 0px; --yr77mt-padding-bottom-mobile: 0px; --yr77mt-padding-left: 0px; --yr77mt-padding-left-tablet: 0px; --yr77mt-padding-left-mobile: 0px; }[data-bnode="beae-yr77mt"] { padding-top: var(--yr77mt-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--yr77mt-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--yr77mt-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--yr77mt-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--yr77mt-padding-top-tablet, var(--yr77mt-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--yr77mt-padding-right-tablet, var(--yr77mt-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--yr77mt-padding-bottom-tablet, var(--yr77mt-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--yr77mt-padding-left-tablet, var(--yr77mt-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--yr77mt-padding-top-mobile, var(--yr77mt-padding-top-tablet, var(--yr77mt-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--yr77mt-padding-right-mobile, var(--yr77mt-padding-right-tablet, var(--yr77mt-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--yr77mt-padding-bottom-mobile, var(--yr77mt-padding-bottom-tablet, var(--yr77mt-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--yr77mt-padding-left-mobile, var(--yr77mt-padding-left-tablet, var(--yr77mt-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--yr77mt-padding-left, var(--beae-slot-padding-x, 0px)) - var(--yr77mt-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(--yr77mt-background-imageRatio, auto); background: var(--yr77mt-background-color,transparent); border-style: var(--yr77mt-borderStyle,solid); border-color: var(--yr77mt-borderColor,#000000); border-width: var(--yr77mt-borderWidth-tl,0px) var(--yr77mt-borderWidth-tr,0px) var(--yr77mt-borderWidth-br,0px) var(--yr77mt-borderWidth-bl,0px); border-radius: var(--yr77mt-borderRadius-tl,0px) var(--yr77mt-borderRadius-tr,0px) var(--yr77mt-borderRadius-br,0px) var(--yr77mt-borderRadius-bl,0px); box-shadow: if(style(--yr77mt-enableShadow: true): var(--yr77mt-shadowHorizontal,0) var(--yr77mt-shadowVertical,0) var(--yr77mt-shadowBlur,0) 1px var(--yr77mt-shadowColor,#000000); else: none); max-width: var(--yr77mt-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--yr77mt-background-imageRatio-tablet, var(--yr77mt-background-imageRatio, auto)); border-width: var(--yr77mt-borderWidth-tl-tablet,0px) var(--yr77mt-borderWidth-tr-tablet,0px) var(--yr77mt-borderWidth-br-tablet,0px) var(--yr77mt-borderWidth-bl-tablet,0px); border-radius: var(--yr77mt-borderRadius-tl-tablet,0px) var(--yr77mt-borderRadius-tr-tablet,0px) var(--yr77mt-borderRadius-br-tablet,0px) var(--yr77mt-borderRadius-bl-tablet,0px); max-width: var(--yr77mt-max-width-tablet, var(--yr77mt-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--yr77mt-background-imageRatio-mobile, var(--yr77mt-background-imageRatio, auto)); border-width: var(--yr77mt-borderWidth-tl-mobile,0px) var(--yr77mt-borderWidth-tr-mobile,0px) var(--yr77mt-borderWidth-br-mobile,0px) var(--yr77mt-borderWidth-bl-mobile,0px); border-radius: var(--yr77mt-borderRadius-tl-mobile,0px) var(--yr77mt-borderRadius-tr-mobile,0px) var(--yr77mt-borderRadius-br-mobile,0px) var(--yr77mt-borderRadius-bl-mobile,0px); max-width: var(--yr77mt-max-width-mobile, var(--yr77mt-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--yr77mt-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--yr77mt-gap,var(--beae-card-gap)); padding-top: var(--yr77mt-padding-top,var(--beae-card-padding)); padding-right: var(--yr77mt-padding-right,var(--beae-card-padding)); padding-bottom: var(--yr77mt-padding-bottom,var(--beae-card-padding)); padding-left: var(--yr77mt-padding-left,var(--beae-card-padding)); border-width: var(--yr77mt-borderWidth,var(--beae-card-border-width)); border-width: var(--yr77mt-borderWidth-tl,var(--beae-card-border-width)) var(--yr77mt-borderWidth-tr,var(--beae-card-border-width)) var(--yr77mt-borderWidth-br,var(--beae-card-border-width)) var(--yr77mt-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--yr77mt-borderRadius-tl,var(--beae-card-border-radius)) var(--yr77mt-borderRadius-tr,var(--beae-card-border-radius)) var(--yr77mt-borderRadius-br,var(--beae-card-border-radius)) var(--yr77mt-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(--yr77mt-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--yr77mt-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--yr77mt-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--yr77mt-padding-left-tablet,var(--beae-card-padding)); border-width: var(--yr77mt-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--yr77mt-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--yr77mt-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--yr77mt-borderWidth-br-desktop,var(--beae-card-border-width)) var(--yr77mt-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--yr77mt-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--yr77mt-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--yr77mt-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--yr77mt-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--yr77mt-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--yr77mt-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--yr77mt-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--yr77mt-padding-left-mobile,var(--beae-card-padding)); border-width: var(--yr77mt-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--yr77mt-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--yr77mt-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--yr77mt-borderWidth-br-mobile,var(--beae-card-border-width)) var(--yr77mt-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--yr77mt-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--yr77mt-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--yr77mt-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--yr77mt-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--yr77mt-background-color,var(--beae-card-featured-background)); border-color: var(--yr77mt-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--yr77mt-enableShadow: true): var(--yr77mt-shadowHorizontal, var(--beae-card-shadow-x)) var(--yr77mt-shadowVertical, var(--beae-card-shadow-y)) var(--yr77mt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yr77mt-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--yr77mt-background-color,var(--beae-card-prod-background)); border-color: var(--yr77mt-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--yr77mt-enableShadow: true): var(--yr77mt-shadowHorizontal, var(--beae-card-shadow-x)) var(--yr77mt-shadowVertical, var(--beae-card-shadow-y)) var(--yr77mt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yr77mt-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--yr77mt-background-color,var(--beae-card-pricing-background)); border-color: var(--yr77mt-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--yr77mt-enableShadow: true): var(--yr77mt-shadowHorizontal, var(--beae-card-shadow-x)) var(--yr77mt-shadowVertical, var(--beae-card-shadow-y)) var(--yr77mt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yr77mt-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--yr77mt-background-color,var(--beae-card-cta-background)); border-color: var(--yr77mt-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--yr77mt-enableShadow: true): var(--yr77mt-shadowHorizontal, var(--beae-card-shadow-x)) var(--yr77mt-shadowVertical, var(--beae-card-shadow-y)) var(--yr77mt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yr77mt-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--yr77mt-background-color,var(--beae-card-media-background)); border-color: var(--yr77mt-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--yr77mt-enableShadow: true): var(--yr77mt-shadowHorizontal, var(--beae-card-shadow-x)) var(--yr77mt-shadowVertical, var(--beae-card-shadow-y)) var(--yr77mt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yr77mt-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-yr77mt"] {     display: flex;     flex-direction: var(--yr77mt-direction, column);     flex-wrap: nowrap;     justify-content: var(--yr77mt-justify-content);     align-items: var(--yr77mt-align-items);     gap: var(--yr77mt-gap, var(--yr77mt-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-yr77mt"] {      flex-direction: var(--yr77mt-direction-tablet, column);                 align-items: var(--yr77mt-align-items-tablet, inherit);      gap: var(--yr77mt-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-yr77mt"] {      flex-direction: var(--yr77mt-direction-mobile, column);                 align-items: var(--yr77mt-align-items-mobile, inherit);      gap: var(--yr77mt-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-4dllm1"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #413425; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --4dllm1-typography: p; --4dllm1-typography-tablet: p; --4dllm1-typography-mobile: p; }[data-bnode="beae-4dllm1"] { margin-top: var(--4dllm1-margin-top, 0px); margin-right: var(--4dllm1-margin-right, 0px); margin-bottom: var(--4dllm1-margin-bottom, 0px); margin-left: var(--4dllm1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4dllm1-margin-top-tablet, 0px); margin-right: var(--4dllm1-margin-right-tablet, 0px); margin-bottom: var(--4dllm1-margin-bottom-tablet, 0px); margin-left: var(--4dllm1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4dllm1-margin-top-mobile, 0px); margin-right: var(--4dllm1-margin-right-mobile, 0px); margin-bottom: var(--4dllm1-margin-bottom-mobile, 0px); margin-left: var(--4dllm1-margin-left-mobile, 0px); } }[data-bnode="beae-hpfl8h"] { --hpfl8h-typography: p; --hpfl8h-typography-tablet: p; --hpfl8h-typography-mobile: p; --hpfl8h-iconSize: 38; --hpfl8h-iconSize-tablet: 38; --hpfl8h-iconSize-mobile: 38; --hpfl8h-maxWidth: auto; --hpfl8h-maxWidth-tablet: auto; --hpfl8h-maxWidth-mobile: auto; }[data-bnode="beae-hpfl8h"] { margin-top: var(--hpfl8h-margin-top, 0px); margin-right: var(--hpfl8h-margin-right, 0px); margin-bottom: var(--hpfl8h-margin-bottom, 0px); margin-left: var(--hpfl8h-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hpfl8h-margin-top-tablet, 0px); margin-right: var(--hpfl8h-margin-right-tablet, 0px); margin-bottom: var(--hpfl8h-margin-bottom-tablet, 0px); margin-left: var(--hpfl8h-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hpfl8h-margin-top-mobile, 0px); margin-right: var(--hpfl8h-margin-right-mobile, 0px); margin-bottom: var(--hpfl8h-margin-bottom-mobile, 0px); margin-left: var(--hpfl8h-margin-left-mobile, 0px); } & { display: flex; gap: 10px; list-style: none; padding: 0; .beae-pro-spm-item { display: flex; align-items: center; justify-content: center; height: fit-content; width: fit-content; } } }[data-bnode="beae-uc17kz"] { --uc17kz-width: 1600px; --uc17kz-width-tablet: 1600px; --uc17kz-width-mobile: 1600px; --uc17kz-height: fit-content; --uc17kz-height-tablet: fit-content; --uc17kz-height-mobile: fit-content; --uc17kz-padding-top: 112px; --uc17kz-padding-top-tablet: 80px; --uc17kz-padding-top-mobile: 56px; --uc17kz-padding-bottom: 112px; --uc17kz-padding-bottom-tablet: 80px; --uc17kz-padding-bottom-mobile: 56px; --uc17kz-padding-right: 32px; --uc17kz-padding-right-tablet: 30px; --uc17kz-padding-right-mobile: 16px; --uc17kz-padding-left: 32px; --uc17kz-padding-left-tablet: 30px; --uc17kz-padding-left-mobile: 16px; --uc17kz-background-type: color; --uc17kz-background-type-tablet: color; --uc17kz-background-type-mobile: color; --uc17kz-background-color: #F6F2EF; --uc17kz-background-color-tablet: #F6F2EF; --uc17kz-background-color-mobile: #F6F2EF; --uc17kz-direction: column; --uc17kz-direction-tablet: column; --uc17kz-direction-mobile: column; --uc17kz-gap: 48px; --uc17kz-gap-tablet: 40px; --uc17kz-gap-mobile: 32px; }[data-bnode="beae-uc17kz"] { padding-top: var(--uc17kz-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--uc17kz-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--uc17kz-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--uc17kz-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uc17kz-padding-top-tablet, var(--uc17kz-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--uc17kz-padding-right-tablet, var(--uc17kz-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--uc17kz-padding-bottom-tablet, var(--uc17kz-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--uc17kz-padding-left-tablet, var(--uc17kz-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uc17kz-padding-top-mobile, var(--uc17kz-padding-top-tablet, var(--uc17kz-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--uc17kz-padding-right-mobile, var(--uc17kz-padding-right-tablet, var(--uc17kz-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--uc17kz-padding-bottom-mobile, var(--uc17kz-padding-bottom-tablet, var(--uc17kz-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--uc17kz-padding-left-mobile, var(--uc17kz-padding-left-tablet, var(--uc17kz-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--uc17kz-padding-left, var(--beae-section-padding-x, 0px)) - var(--uc17kz-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--uc17kz-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--uc17kz-height); width: 100%; max-width: var(--uc17kz-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(--uc17kz-height-tablet, auto); width: 100%; max-width: var(--uc17kz-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--uc17kz-height-mobile, auto); width: 100%; max-width: var(--uc17kz-width-mobile, 100%); } } } }[data-bnode="beae-uc17kz"] > .beae-section-container{     display: flex;     flex-direction: var(--uc17kz-direction, column);     flex-wrap: nowrap;     justify-content: var(--uc17kz-justify-content);     align-items: var(--uc17kz-align-items);     gap: var(--uc17kz-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uc17kz"] > .beae-section-container{                            gap: var(--uc17kz-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uc17kz-padding-right-tablet, 0px) - var(--uc17kz-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-uc17kz"] > .beae-section-container{                            gap: var(--uc17kz-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--uc17kz-padding-right-mobile, 0px) - var(--uc17kz-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0zri4h"] { --0zri4h-direction: column; --0zri4h-direction-tablet: column; --0zri4h-direction-mobile: column; --0zri4h-align-items: center; --0zri4h-align-items-tablet: center; --0zri4h-align-items-mobile: center; --0zri4h-gap: 20px; --0zri4h-gap-tablet: 20px; --0zri4h-gap-mobile: 16px; }[data-bnode="beae-0zri4h"] { padding-top: var(--0zri4h-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--0zri4h-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--0zri4h-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--0zri4h-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--0zri4h-padding-top-tablet, var(--0zri4h-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--0zri4h-padding-right-tablet, var(--0zri4h-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--0zri4h-padding-bottom-tablet, var(--0zri4h-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--0zri4h-padding-left-tablet, var(--0zri4h-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--0zri4h-padding-top-mobile, var(--0zri4h-padding-top-tablet, var(--0zri4h-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--0zri4h-padding-right-mobile, var(--0zri4h-padding-right-tablet, var(--0zri4h-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--0zri4h-padding-bottom-mobile, var(--0zri4h-padding-bottom-tablet, var(--0zri4h-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--0zri4h-padding-left-mobile, var(--0zri4h-padding-left-tablet, var(--0zri4h-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--0zri4h-padding-left, var(--beae-slot-padding-x, 0px)) - var(--0zri4h-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(--0zri4h-background-imageRatio, auto); background: var(--0zri4h-background-color,transparent); border-style: var(--0zri4h-borderStyle,solid); border-color: var(--0zri4h-borderColor,#000000); border-width: var(--0zri4h-borderWidth-tl,0px) var(--0zri4h-borderWidth-tr,0px) var(--0zri4h-borderWidth-br,0px) var(--0zri4h-borderWidth-bl,0px); border-radius: var(--0zri4h-borderRadius-tl,0px) var(--0zri4h-borderRadius-tr,0px) var(--0zri4h-borderRadius-br,0px) var(--0zri4h-borderRadius-bl,0px); box-shadow: if(style(--0zri4h-enableShadow: true): var(--0zri4h-shadowHorizontal,0) var(--0zri4h-shadowVertical,0) var(--0zri4h-shadowBlur,0) 1px var(--0zri4h-shadowColor,#000000); else: none); max-width: var(--0zri4h-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--0zri4h-background-imageRatio-tablet, var(--0zri4h-background-imageRatio, auto)); border-width: var(--0zri4h-borderWidth-tl-tablet,0px) var(--0zri4h-borderWidth-tr-tablet,0px) var(--0zri4h-borderWidth-br-tablet,0px) var(--0zri4h-borderWidth-bl-tablet,0px); border-radius: var(--0zri4h-borderRadius-tl-tablet,0px) var(--0zri4h-borderRadius-tr-tablet,0px) var(--0zri4h-borderRadius-br-tablet,0px) var(--0zri4h-borderRadius-bl-tablet,0px); max-width: var(--0zri4h-max-width-tablet, var(--0zri4h-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--0zri4h-background-imageRatio-mobile, var(--0zri4h-background-imageRatio, auto)); border-width: var(--0zri4h-borderWidth-tl-mobile,0px) var(--0zri4h-borderWidth-tr-mobile,0px) var(--0zri4h-borderWidth-br-mobile,0px) var(--0zri4h-borderWidth-bl-mobile,0px); border-radius: var(--0zri4h-borderRadius-tl-mobile,0px) var(--0zri4h-borderRadius-tr-mobile,0px) var(--0zri4h-borderRadius-br-mobile,0px) var(--0zri4h-borderRadius-bl-mobile,0px); max-width: var(--0zri4h-max-width-mobile, var(--0zri4h-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--0zri4h-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--0zri4h-gap,var(--beae-card-gap)); padding-top: var(--0zri4h-padding-top,var(--beae-card-padding)); padding-right: var(--0zri4h-padding-right,var(--beae-card-padding)); padding-bottom: var(--0zri4h-padding-bottom,var(--beae-card-padding)); padding-left: var(--0zri4h-padding-left,var(--beae-card-padding)); border-width: var(--0zri4h-borderWidth,var(--beae-card-border-width)); border-width: var(--0zri4h-borderWidth-tl,var(--beae-card-border-width)) var(--0zri4h-borderWidth-tr,var(--beae-card-border-width)) var(--0zri4h-borderWidth-br,var(--beae-card-border-width)) var(--0zri4h-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--0zri4h-borderRadius-tl,var(--beae-card-border-radius)) var(--0zri4h-borderRadius-tr,var(--beae-card-border-radius)) var(--0zri4h-borderRadius-br,var(--beae-card-border-radius)) var(--0zri4h-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(--0zri4h-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--0zri4h-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--0zri4h-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--0zri4h-padding-left-tablet,var(--beae-card-padding)); border-width: var(--0zri4h-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--0zri4h-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--0zri4h-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--0zri4h-borderWidth-br-desktop,var(--beae-card-border-width)) var(--0zri4h-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--0zri4h-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--0zri4h-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--0zri4h-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--0zri4h-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--0zri4h-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--0zri4h-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--0zri4h-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--0zri4h-padding-left-mobile,var(--beae-card-padding)); border-width: var(--0zri4h-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--0zri4h-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--0zri4h-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--0zri4h-borderWidth-br-mobile,var(--beae-card-border-width)) var(--0zri4h-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--0zri4h-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--0zri4h-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--0zri4h-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--0zri4h-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--0zri4h-background-color,var(--beae-card-featured-background)); border-color: var(--0zri4h-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--0zri4h-enableShadow: true): var(--0zri4h-shadowHorizontal, var(--beae-card-shadow-x)) var(--0zri4h-shadowVertical, var(--beae-card-shadow-y)) var(--0zri4h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0zri4h-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--0zri4h-background-color,var(--beae-card-prod-background)); border-color: var(--0zri4h-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--0zri4h-enableShadow: true): var(--0zri4h-shadowHorizontal, var(--beae-card-shadow-x)) var(--0zri4h-shadowVertical, var(--beae-card-shadow-y)) var(--0zri4h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0zri4h-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--0zri4h-background-color,var(--beae-card-pricing-background)); border-color: var(--0zri4h-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--0zri4h-enableShadow: true): var(--0zri4h-shadowHorizontal, var(--beae-card-shadow-x)) var(--0zri4h-shadowVertical, var(--beae-card-shadow-y)) var(--0zri4h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0zri4h-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--0zri4h-background-color,var(--beae-card-cta-background)); border-color: var(--0zri4h-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--0zri4h-enableShadow: true): var(--0zri4h-shadowHorizontal, var(--beae-card-shadow-x)) var(--0zri4h-shadowVertical, var(--beae-card-shadow-y)) var(--0zri4h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0zri4h-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--0zri4h-background-color,var(--beae-card-media-background)); border-color: var(--0zri4h-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--0zri4h-enableShadow: true): var(--0zri4h-shadowHorizontal, var(--beae-card-shadow-x)) var(--0zri4h-shadowVertical, var(--beae-card-shadow-y)) var(--0zri4h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0zri4h-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-0zri4h"] {     display: flex;     flex-direction: var(--0zri4h-direction, column);     flex-wrap: nowrap;     justify-content: var(--0zri4h-justify-content);     align-items: var(--0zri4h-align-items);     gap: var(--0zri4h-gap, var(--0zri4h-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-0zri4h"] {                            gap: var(--0zri4h-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(--0zri4h-padding-right-tablet, 0px) - var(--0zri4h-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-0zri4h"] {                            gap: var(--0zri4h-gap-mobile, var(--0zri4h-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(--0zri4h-padding-right-mobile, 0px) - var(--0zri4h-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-lv7w60"] { --lv7w60-direction: row; --lv7w60-direction-tablet: row; --lv7w60-direction-mobile: row; --lv7w60-structure: columns; --lv7w60-structure-tablet: columns; --lv7w60-structure-mobile: columns; --lv7w60-max-width: fit-content; --lv7w60-max-width-tablet: fit-content; --lv7w60-max-width-mobile: fit-content; --lv7w60-padding-top: 6px; --lv7w60-padding-top-tablet: 6px; --lv7w60-padding-top-mobile: 6px; --lv7w60-padding-right: 12px; --lv7w60-padding-right-tablet: 12px; --lv7w60-padding-right-mobile: 12px; --lv7w60-padding-bottom: 6px; --lv7w60-padding-bottom-tablet: 6px; --lv7w60-padding-bottom-mobile: 6px; --lv7w60-padding-left: 12px; --lv7w60-padding-left-tablet: 12px; --lv7w60-padding-left-mobile: 12px; --lv7w60-background-type: color; --lv7w60-background-type-tablet: color; --lv7w60-background-type-mobile: color; --lv7w60-background-color: #b59b7d; --lv7w60-background-color-tablet: #b59b7d; --lv7w60-background-color-mobile: #b59b7d; --lv7w60-borderRadius-tl: 9999px; --lv7w60-borderRadius-tl-tablet: 9999px; --lv7w60-borderRadius-tl-mobile: 9999px; --lv7w60-borderRadius-tr: 9999px; --lv7w60-borderRadius-tr-tablet: 9999px; --lv7w60-borderRadius-tr-mobile: 9999px; --lv7w60-borderRadius-bl: 9999px; --lv7w60-borderRadius-bl-tablet: 9999px; --lv7w60-borderRadius-bl-mobile: 9999px; --lv7w60-borderRadius-br: 9999px; --lv7w60-borderRadius-br-tablet: 9999px; --lv7w60-borderRadius-br-mobile: 9999px; }[data-bnode="beae-lv7w60"] { padding-top: var(--lv7w60-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lv7w60-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lv7w60-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lv7w60-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lv7w60-padding-top-tablet, var(--lv7w60-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lv7w60-padding-right-tablet, var(--lv7w60-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lv7w60-padding-bottom-tablet, var(--lv7w60-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lv7w60-padding-left-tablet, var(--lv7w60-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lv7w60-padding-top-mobile, var(--lv7w60-padding-top-tablet, var(--lv7w60-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lv7w60-padding-right-mobile, var(--lv7w60-padding-right-tablet, var(--lv7w60-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lv7w60-padding-bottom-mobile, var(--lv7w60-padding-bottom-tablet, var(--lv7w60-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lv7w60-padding-left-mobile, var(--lv7w60-padding-left-tablet, var(--lv7w60-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lv7w60-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lv7w60-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(--lv7w60-background-imageRatio, auto); background: var(--lv7w60-background-color,transparent); border-style: var(--lv7w60-borderStyle,solid); border-color: var(--lv7w60-borderColor,#000000); border-width: var(--lv7w60-borderWidth-tl,0px) var(--lv7w60-borderWidth-tr,0px) var(--lv7w60-borderWidth-br,0px) var(--lv7w60-borderWidth-bl,0px); border-radius: var(--lv7w60-borderRadius-tl,0px) var(--lv7w60-borderRadius-tr,0px) var(--lv7w60-borderRadius-br,0px) var(--lv7w60-borderRadius-bl,0px); box-shadow: if(style(--lv7w60-enableShadow: true): var(--lv7w60-shadowHorizontal,0) var(--lv7w60-shadowVertical,0) var(--lv7w60-shadowBlur,0) 1px var(--lv7w60-shadowColor,#000000); else: none); max-width: var(--lv7w60-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lv7w60-background-imageRatio-tablet, var(--lv7w60-background-imageRatio, auto)); border-width: var(--lv7w60-borderWidth-tl-tablet,0px) var(--lv7w60-borderWidth-tr-tablet,0px) var(--lv7w60-borderWidth-br-tablet,0px) var(--lv7w60-borderWidth-bl-tablet,0px); border-radius: var(--lv7w60-borderRadius-tl-tablet,0px) var(--lv7w60-borderRadius-tr-tablet,0px) var(--lv7w60-borderRadius-br-tablet,0px) var(--lv7w60-borderRadius-bl-tablet,0px); max-width: var(--lv7w60-max-width-tablet, var(--lv7w60-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lv7w60-background-imageRatio-mobile, var(--lv7w60-background-imageRatio, auto)); border-width: var(--lv7w60-borderWidth-tl-mobile,0px) var(--lv7w60-borderWidth-tr-mobile,0px) var(--lv7w60-borderWidth-br-mobile,0px) var(--lv7w60-borderWidth-bl-mobile,0px); border-radius: var(--lv7w60-borderRadius-tl-mobile,0px) var(--lv7w60-borderRadius-tr-mobile,0px) var(--lv7w60-borderRadius-br-mobile,0px) var(--lv7w60-borderRadius-bl-mobile,0px); max-width: var(--lv7w60-max-width-mobile, var(--lv7w60-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lv7w60-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lv7w60-gap,var(--beae-card-gap)); padding-top: var(--lv7w60-padding-top,var(--beae-card-padding)); padding-right: var(--lv7w60-padding-right,var(--beae-card-padding)); padding-bottom: var(--lv7w60-padding-bottom,var(--beae-card-padding)); padding-left: var(--lv7w60-padding-left,var(--beae-card-padding)); border-width: var(--lv7w60-borderWidth,var(--beae-card-border-width)); border-width: var(--lv7w60-borderWidth-tl,var(--beae-card-border-width)) var(--lv7w60-borderWidth-tr,var(--beae-card-border-width)) var(--lv7w60-borderWidth-br,var(--beae-card-border-width)) var(--lv7w60-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lv7w60-borderRadius-tl,var(--beae-card-border-radius)) var(--lv7w60-borderRadius-tr,var(--beae-card-border-radius)) var(--lv7w60-borderRadius-br,var(--beae-card-border-radius)) var(--lv7w60-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(--lv7w60-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lv7w60-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lv7w60-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lv7w60-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lv7w60-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lv7w60-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lv7w60-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lv7w60-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lv7w60-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lv7w60-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lv7w60-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lv7w60-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lv7w60-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lv7w60-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lv7w60-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lv7w60-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lv7w60-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lv7w60-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lv7w60-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lv7w60-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lv7w60-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lv7w60-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lv7w60-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lv7w60-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lv7w60-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lv7w60-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lv7w60-background-color,var(--beae-card-featured-background)); border-color: var(--lv7w60-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lv7w60-enableShadow: true): var(--lv7w60-shadowHorizontal, var(--beae-card-shadow-x)) var(--lv7w60-shadowVertical, var(--beae-card-shadow-y)) var(--lv7w60-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lv7w60-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lv7w60-background-color,var(--beae-card-prod-background)); border-color: var(--lv7w60-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lv7w60-enableShadow: true): var(--lv7w60-shadowHorizontal, var(--beae-card-shadow-x)) var(--lv7w60-shadowVertical, var(--beae-card-shadow-y)) var(--lv7w60-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lv7w60-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lv7w60-background-color,var(--beae-card-pricing-background)); border-color: var(--lv7w60-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lv7w60-enableShadow: true): var(--lv7w60-shadowHorizontal, var(--beae-card-shadow-x)) var(--lv7w60-shadowVertical, var(--beae-card-shadow-y)) var(--lv7w60-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lv7w60-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lv7w60-background-color,var(--beae-card-cta-background)); border-color: var(--lv7w60-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lv7w60-enableShadow: true): var(--lv7w60-shadowHorizontal, var(--beae-card-shadow-x)) var(--lv7w60-shadowVertical, var(--beae-card-shadow-y)) var(--lv7w60-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lv7w60-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lv7w60-background-color,var(--beae-card-media-background)); border-color: var(--lv7w60-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lv7w60-enableShadow: true): var(--lv7w60-shadowHorizontal, var(--beae-card-shadow-x)) var(--lv7w60-shadowVertical, var(--beae-card-shadow-y)) var(--lv7w60-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lv7w60-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-lv7w60"] {     display: flex;     flex-direction: var(--lv7w60-direction, column);     flex-wrap: nowrap;     justify-content: var(--lv7w60-justify-content);     align-items: var(--lv7w60-align-items);     gap: var(--lv7w60-gap, var(--lv7w60-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--lv7w60-padding-right, 0px) - var(--lv7w60-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-lv7w60"] {                            gap: var(--lv7w60-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(--lv7w60-padding-right-tablet, 0px) - var(--lv7w60-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-lv7w60"] {                            gap: var(--lv7w60-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(--lv7w60-padding-right-mobile, 0px) - var(--lv7w60-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-kg63oi"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #ffffff; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --kg63oi-typography: p; --kg63oi-typography-tablet: p; --kg63oi-typography-mobile: p; --kg63oi-margin-top: 0px; --kg63oi-margin-top-tablet: 0px; --kg63oi-margin-top-mobile: 0px; --kg63oi-margin-right: 0px; --kg63oi-margin-right-tablet: 0px; --kg63oi-margin-right-mobile: 0px; --kg63oi-margin-bottom: 0px; --kg63oi-margin-bottom-tablet: 0px; --kg63oi-margin-bottom-mobile: 0px; --kg63oi-margin-left: 0px; --kg63oi-margin-left-tablet: 0px; --kg63oi-margin-left-mobile: 0px; }[data-bnode="beae-kg63oi"] { margin-top: var(--kg63oi-margin-top, 0px); margin-right: var(--kg63oi-margin-right, 0px); margin-bottom: var(--kg63oi-margin-bottom, 0px); margin-left: var(--kg63oi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kg63oi-margin-top-tablet, 0px); margin-right: var(--kg63oi-margin-right-tablet, 0px); margin-bottom: var(--kg63oi-margin-bottom-tablet, 0px); margin-left: var(--kg63oi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kg63oi-margin-top-mobile, 0px); margin-right: var(--kg63oi-margin-right-mobile, 0px); margin-bottom: var(--kg63oi-margin-bottom-mobile, 0px); margin-left: var(--kg63oi-margin-left-mobile, 0px); } }[data-bnode="beae-6wz4kx"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #100D09; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --6wz4kx-typography: h2; --6wz4kx-typography-tablet: h2; --6wz4kx-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-6wz4kx"] { margin-top: var(--6wz4kx-margin-top, 0px); margin-right: var(--6wz4kx-margin-right, 0px); margin-bottom: var(--6wz4kx-margin-bottom, 0px); margin-left: var(--6wz4kx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6wz4kx-margin-top-tablet, 0px); margin-right: var(--6wz4kx-margin-right-tablet, 0px); margin-bottom: var(--6wz4kx-margin-bottom-tablet, 0px); margin-left: var(--6wz4kx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6wz4kx-margin-top-mobile, 0px); margin-right: var(--6wz4kx-margin-right-mobile, 0px); margin-bottom: var(--6wz4kx-margin-bottom-mobile, 0px); margin-left: var(--6wz4kx-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--6wz4kx-highlightColor,var(--beae-p-color)); top: var(--6wz4kx-highlightTop, 100%); } }[data-bnode="beae-usj11h"] { --usj11h-columns: 5; --usj11h-columns-tablet: 3; --usj11h-columns-mobile: 1; --usj11h-gap: 36px; --usj11h-gap-tablet: 16px; --usj11h-gap-mobile: 16px; --usj11h-navType: true; --usj11h-navType-tablet: true; --usj11h-navType-mobile: true; --usj11h-pagiType: true; --usj11h-pagiType-tablet: true; --usj11h-pagiType-mobile: true; --usj11h-listType: slider; --usj11h-listType-tablet: slider; --usj11h-listType-mobile: slider; --usj11h-stateNavigation: normal; --usj11h-stateNavigation-tablet: normal; --usj11h-stateNavigation-mobile: normal; --usj11h-statePagination: hover; --usj11h-statePagination-tablet: hover; --usj11h-statePagination-mobile: hover; --usj11h-stateNavigtion: normal; --usj11h-stateNavigtion-tablet: normal; --usj11h-stateNavigtion-mobile: normal; --usj11h-pagiBg: #DACDBE; --usj11h-pagiBg-tablet: #DACDBE; --usj11h-pagiBg-mobile: #DACDBE; --usj11h-pagiBgActive: #100D09; --usj11h-pagiBgActive-tablet: #100D09; --usj11h-pagiBgActive-mobile: #100D09; --usj11h-pagiBgHover: #DACDBE; --usj11h-pagiBgHover-tablet: #DACDBE; --usj11h-pagiBgHover-mobile: #DACDBE; --usj11h-navIconSize: 24px; --usj11h-navIconSize-tablet: 24px; --usj11h-navIconSize-mobile: 24px; --usj11h-navPadding: 0px; --usj11h-navPadding-tablet: 0px; --usj11h-navPadding-mobile: 0px; --usj11h-navBg: #F5F5F500; --usj11h-navBg-tablet: #F5F5F500; --usj11h-navBg-mobile: #F5F5F500; --usj11h-navBgHover: #CCCCCC00; --usj11h-navBgHover-tablet: #CCCCCC00; --usj11h-navBgHover-mobile: #CCCCCC00; --usj11h-navColorHover: #100D09; --usj11h-navColorHover-tablet: #100D09; --usj11h-navColorHover-mobile: #100D09; --usj11h-navColor: #100D09; --usj11h-navColor-tablet: #100D09; --usj11h-navColor-mobile: #100D09; --usj11h-columnsMobile-mobile: 1; } [data-bnode="beae-usj11h"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-usj11h"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-usj11h"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-usj11h"] [data-bnode="beae-yfhgue"] { --yfhgue-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #413425; --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; --beae-p-text-align: center; --yfhgue-margin-top-tablet: 0px; --yfhgue-margin-right-tablet: 0px; --yfhgue-margin-bottom-tablet: 0px; --yfhgue-margin-left-tablet: 0px; } [data-bnode="beae-usj11h"] [data-bnode="beae-mrrq5i"] { --mrrq5i-height: 260px; --mrrq5i-direction: column; --mrrq5i-justify-content: center; --mrrq5i-padding-top: 24px; --mrrq5i-padding-right: 24px; --mrrq5i-padding-bottom: 24px; --mrrq5i-padding-left: 24px; --mrrq5i-height-tablet: 260px; --mrrq5i-padding-top-tablet: 24px; --mrrq5i-padding-right-tablet: 24px; --mrrq5i-padding-bottom-tablet: 24px; --mrrq5i-padding-left-tablet: 24px; --mrrq5i-height-mobile: 200px; --mrrq5i-padding-top-mobile: 20px; --mrrq5i-padding-right-mobile: 16px; --mrrq5i-padding-bottom-mobile: 20px; --mrrq5i-padding-left-mobile: 16px; } [data-bnode="beae-usj11h"] [data-bnode="beae-0zri4h"] { --0zri4h-direction: column; --0zri4h-structure: columns; --0zri4h-gap: 20px; --0zri4h-align-items: center; --0zri4h-gap-mobile: 16px; } [data-bnode="beae-usj11h"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: row; --be-ctl-item-direction-tablet: row; --be-ctl-item-direction-mobile: row; --be-ctl-item-gap: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; --be-ctl-item-padding-top: 0px; --be-ctl-item-padding-top-tablet: 0px; --be-ctl-item-padding-top-mobile: 0px; --be-ctl-item-padding-right: 0px; --be-ctl-item-padding-right-tablet: 0px; --be-ctl-item-padding-right-mobile: 0px; --be-ctl-item-padding-bottom: 0px; --be-ctl-item-padding-bottom-tablet: 0px; --be-ctl-item-padding-bottom-mobile: 0px; --be-ctl-item-padding-left: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-borderRadius-tl: 16px; --be-ctl-item-borderRadius-tl-tablet: 16px; --be-ctl-item-borderRadius-tl-mobile: 16px; --be-ctl-item-borderRadius-tr: 16px; --be-ctl-item-borderRadius-tr-tablet: 16px; --be-ctl-item-borderRadius-tr-mobile: 16px; --be-ctl-item-borderRadius-bl: 16px; --be-ctl-item-borderRadius-bl-tablet: 16px; --be-ctl-item-borderRadius-bl-mobile: 16px; --be-ctl-item-borderRadius-br: 16px; --be-ctl-item-borderRadius-br-tablet: 16px; --be-ctl-item-borderRadius-br-mobile: 16px; --be-ctl-item-background-type: color; --be-ctl-item-background-type-tablet: color; --be-ctl-item-background-type-mobile: color; --be-ctl-item-background-color: #ECE6DF; --be-ctl-item-background-color-tablet: #ECE6DF; --be-ctl-item-background-color-mobile: #ECE6DF; --be-ctl-item-height: 250px; --be-ctl-item-height-tablet: 250px; --be-ctl-item-height-mobile: 250px; --be-ctl-item-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; }[data-bnode="beae-usj11h"] { margin-top: var(--usj11h-margin-top, 0px); margin-right: var(--usj11h-margin-right, 0px); margin-bottom: var(--usj11h-margin-bottom, 0px); margin-left: var(--usj11h-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--usj11h-margin-top-tablet, 0px); margin-right: var(--usj11h-margin-right-tablet, 0px); margin-bottom: var(--usj11h-margin-bottom-tablet, 0px); margin-left: var(--usj11h-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--usj11h-margin-top-mobile, 0px); margin-right: var(--usj11h-margin-right-mobile, 0px); margin-bottom: var(--usj11h-margin-bottom-mobile, 0px); margin-left: var(--usj11h-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--usj11h-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--usj11h-gap, 20px) * (var(--usj11h-columns, 3) - 1) + 1px) / var(--usj11h-columns, 3)); &:last-child { margin-right: var(--usj11h-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="slider"][data-de-layout-special="true"] { .beae-slider-items { will-change: transform; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); gap: var(--usj11h-gap, 20px); } .beae-slider-item { flex: 0 0 calc((100% - (var(--usj11h-columns, 3) * var(--usj11h-gap, 20px))) / (var(--usj11h-columns, 3) + 1)); &.active-main { flex: 0 0 calc(((100% - (var(--usj11h-columns, 3) * var(--usj11h-gap, 20px))) / (var(--usj11h-columns, 3) + 1)) * 2 + var(--usj11h-gap, 20px)); } &:last-child { margin-right: var(--usj11h-gap, 20px); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--usj11h-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--usj11h-columns) - 1) * var(--usj11h-gap, 20px)) / var(--usj11h-columns)); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--usj11h-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--usj11h-gap-tablet, 20px) * (var(--usj11h-columns-tablet, 3) - 1)) / var(--usj11h-columns-tablet, 3)); &:last-child { margin-right: var(--usj11h-gap-tablet, 20px); } } } } .beae-slider-wrapper [data-desktop-layout='slider'][data-de-layout-special='true'] { .beae-slider-items { will-change: transform; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); gap: var(--usj11h-gap, 20px); } .beae-slider-item { flex: 0 0 calc(100% / (var(--usj11h-data-item, 1) + 1)); &.active-main { flex: 0 0 calc(100% / (var(--usj11h-data-item, 1) + 1) * 2 - 0.1%); } &:last-child { margin-right: var(--usj11h-gap, 20px); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--usj11h-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--usj11h-columns-tablet) - 1) * var(--usj11h-gap-tablet, 20px)) / var(--usj11h-columns-tablet)); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--usj11h-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--usj11h-gap-mobile, 20px) * (var(--usj11h-columnsMobile-mobile, 1) - 1)) / var(--usj11h-columnsMobile-mobile, 1)); &:last-child { margin-right: var(--usj11h-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--usj11h-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (var(--usj11h-columnsMobile-mobile) - 1) * var(--usj11h-gap-mobile, 20px)) / var(--usj11h-columnsMobile-mobile)); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--usj11h-navPadding, 12px); background: var(--usj11h-navBg, #F5F5F5); color: var(--usj11h-navColor, #333333); box-shadow: unset; cursor: pointer; &:hover { background: var(--usj11h-navBgHover, #CCCCCC); color: var(--usj11h-navColorHover, #333333); } svg { width: var(--usj11h-navIconSize, 20px); height: var(--usj11h-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--usj11h-pagiBg, #E6E6E6); &.active { background: var(--usj11h-pagiBgActive, #181818); } &:not(.active):hover { background: var(--usj11h-pagiBgHover, #CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"]+.beae-slider-controls .beae-slider-pagination { color: var(--usj11h-pagiColor, #e6e6e6); &.active { color: var(--usj11h-pagiColorActive, #181818); } &:not(.active):hover { color: var(--usj11h-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"]+.beae-slider-controls .beae-slider-pagination-total { color: var(--usj11h-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"]+.beae-slider-controls .beae-slider-pagination { background: var(--usj11h-pagiBg, #E6E6E6); &.active { background: var(--usj11h-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--usj11h-pagiBgHover, #CCCCCC); } } & .beae-slider-controls .beae-progress-pagination { width: 100%; display: flex; justify-content: center; align-items: center; gap: 16px; .beae-slider-nav-left, .beae-slider-nav-right { position: relative; transform: unset; left: unset; right: unset; opacity: 1; cursor: pointer; } .beae-slider-pagination-progress { max-width: 120px; border-radius: 12px; overflow: hidden; background-color: var(--usj11h-pagiBg, #E6E6E6); &:hover { background: var(--usj11h-pagiBgHover, #CCCCCC); } span { background-color: var(--usj11h-pagiBgActive, #181818); } } } .beae-slider-pagination-wrp { margin-top: 48px; @media (min-width: 767.79px) and (max-width: 1180px) { margin-top: 40px; } @media (max-width: 767px) { margin-top: 32px; } } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-usj11h"] [data-bnode="beae-mrrq5i"] { padding-top: var(--mrrq5i-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--mrrq5i-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--mrrq5i-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--mrrq5i-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mrrq5i-padding-top-tablet, var(--mrrq5i-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--mrrq5i-padding-right-tablet, var(--mrrq5i-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--mrrq5i-padding-bottom-tablet, var(--mrrq5i-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--mrrq5i-padding-left-tablet, var(--mrrq5i-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mrrq5i-padding-top-mobile, var(--mrrq5i-padding-top-tablet, var(--mrrq5i-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--mrrq5i-padding-right-mobile, var(--mrrq5i-padding-right-tablet, var(--mrrq5i-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--mrrq5i-padding-bottom-mobile, var(--mrrq5i-padding-bottom-tablet, var(--mrrq5i-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--mrrq5i-padding-left-mobile, var(--mrrq5i-padding-left-tablet, var(--mrrq5i-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--mrrq5i-padding-left, var(--beae-slot-padding-x, 0px)) - var(--mrrq5i-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(--mrrq5i-background-imageRatio, auto); background: var(--mrrq5i-background-color); border-style: var(--mrrq5i-borderStyle, solid); border-color: var(--mrrq5i-borderColor, #000000); border-width: var(--mrrq5i-borderWidth-tl, 0px) var(--mrrq5i-borderWidth-tr, 0px) var(--mrrq5i-borderWidth-br, 0px) var(--mrrq5i-borderWidth-bl, 0px); border-radius: var(--mrrq5i-borderRadius-tl, 0px) var(--mrrq5i-borderRadius-tr, 0px) var(--mrrq5i-borderRadius-br, 0px) var(--mrrq5i-borderRadius-bl, 0px); box-shadow: if(style(--mrrq5i-enableShadow: true): var(--mrrq5i-shadowHorizontal, 0) var(--mrrq5i-shadowVertical, 0) var(--mrrq5i-shadowBlur, 0) 1px var(--mrrq5i-shadowColor, #000000); else: none); max-width: var(--mrrq5i-max-width, 100%); height: var(--mrrq5i-height, fit-content); @media(min-width: 767.79px) and (max-width: 1180px) { max-height: var(--mrrq5i-height-tablet, fit-content) !important; height: var(--mrrq5i-height-tablet, fit-content); aspect-ratio: var(--mrrq5i-background-imageRatio-tablet, var(--mrrq5i-background-imageRatio, auto)); border-width: var(--mrrq5i-borderWidth-tl-tablet, 0px) var(--mrrq5i-borderWidth-tr-tablet, 0px) var(--mrrq5i-borderWidth-br-tablet, 0px) var(--mrrq5i-borderWidth-bl-tablet, 0px); border-radius: var(--mrrq5i-borderRadius-tl-tablet, 0px) var(--mrrq5i-borderRadius-tr-tablet, 0px) var(--mrrq5i-borderRadius-br-tablet, 0px) var(--mrrq5i-borderRadius-bl-tablet, 0px); max-width: var(--mrrq5i-max-width-tablet, var(--mrrq5i-max-width, 100%)); } @media(max-width: 767px) { max-height: var(--mrrq5i-height-mobile, fit-content) !important; height: var(--mrrq5i-height-mobile, fit-content); aspect-ratio: var(--mrrq5i-background-imageRatio-mobile, var(--mrrq5i-background-imageRatio, auto)); border-width: var(--mrrq5i-borderWidth-tl-mobile, 0px) var(--mrrq5i-borderWidth-tr-mobile, 0px) var(--mrrq5i-borderWidth-br-mobile, 0px) var(--mrrq5i-borderWidth-bl-mobile, 0px); border-radius: var(--mrrq5i-borderRadius-tl-mobile, 0px) var(--mrrq5i-borderRadius-tr-mobile, 0px) var(--mrrq5i-borderRadius-br-mobile, 0px) var(--mrrq5i-borderRadius-bl-mobile, 0px); max-width: var(--mrrq5i-max-width-mobile, var(--mrrq5i-max-width, 100%)); } >* { position: relative; z-index: 1; } >.beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-usj11h"] [data-bnode="beae-yfhgue"] { margin-top: var(--yfhgue-margin-top, 0px); margin-right: var(--yfhgue-margin-right, 0px); margin-bottom: var(--yfhgue-margin-bottom, 0px); margin-left: var(--yfhgue-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yfhgue-margin-top-tablet, 0px); margin-right: var(--yfhgue-margin-right-tablet, 0px); margin-bottom: var(--yfhgue-margin-bottom-tablet, 0px); margin-left: var(--yfhgue-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yfhgue-margin-top-mobile, 0px); margin-right: var(--yfhgue-margin-right-mobile, 0px); margin-bottom: var(--yfhgue-margin-bottom-mobile, 0px); margin-left: var(--yfhgue-margin-left-mobile, 0px); } } [data-bnode="beae-usj11h"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-usj11h"] [data-bnode="be-ctl-item"] {     display: flex;     flex-direction: var(--be-ctl-item-direction, column);     flex-wrap: nowrap;     justify-content: var(--be-ctl-item-justify-content);     align-items: var(--be-ctl-item-align-items);     gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-usj11h"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-usj11h"] [data-bnode="be-ctl-item"] {                            gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mrrq5i"] {     display: flex;     flex-direction: var(--mrrq5i-direction, column);     flex-wrap: nowrap;     justify-content: var(--mrrq5i-justify-content);     align-items: var(--mrrq5i-align-items);     gap: var(--mrrq5i-gap, var(--mrrq5i-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-mrrq5i"] {                            gap: var(--mrrq5i-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(--mrrq5i-padding-right-tablet, 0px) - var(--mrrq5i-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-mrrq5i"] {                            gap: var(--mrrq5i-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(--mrrq5i-padding-right-mobile, 0px) - var(--mrrq5i-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-x34jt7"] { --x34jt7-width: 1600px; --x34jt7-width-tablet: 1600px; --x34jt7-width-mobile: 1600px; --x34jt7-height: fit-content; --x34jt7-height-tablet: fit-content; --x34jt7-height-mobile: fit-content; --x34jt7-padding-top: 112px; --x34jt7-padding-top-tablet: 80px; --x34jt7-padding-top-mobile: 56px; --x34jt7-padding-bottom: 112px; --x34jt7-padding-bottom-tablet: 80px; --x34jt7-padding-bottom-mobile: 56px; --x34jt7-padding-right: 32px; --x34jt7-padding-right-tablet: 30px; --x34jt7-padding-right-mobile: 16px; --x34jt7-padding-left: 32px; --x34jt7-padding-left-tablet: 30px; --x34jt7-padding-left-mobile: 16px; --x34jt7-gap: 48px; --x34jt7-gap-tablet: 40px; --x34jt7-gap-mobile: 32px; --x34jt7-direction: column; --x34jt7-direction-tablet: column; --x34jt7-direction-mobile: column; --x34jt7-align-items: center; --x34jt7-align-items-tablet: center; --x34jt7-align-items-mobile: center; --x34jt7-background-type: color; --x34jt7-background-type-tablet: color; --x34jt7-background-type-mobile: color; --x34jt7-background-color: #201A13; --x34jt7-background-color-tablet: #201A13; --x34jt7-background-color-mobile: #201A13; }[data-bnode="beae-x34jt7"] { padding-top: var(--x34jt7-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--x34jt7-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--x34jt7-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--x34jt7-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--x34jt7-padding-top-tablet, var(--x34jt7-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--x34jt7-padding-right-tablet, var(--x34jt7-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--x34jt7-padding-bottom-tablet, var(--x34jt7-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--x34jt7-padding-left-tablet, var(--x34jt7-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--x34jt7-padding-top-mobile, var(--x34jt7-padding-top-tablet, var(--x34jt7-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--x34jt7-padding-right-mobile, var(--x34jt7-padding-right-tablet, var(--x34jt7-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--x34jt7-padding-bottom-mobile, var(--x34jt7-padding-bottom-tablet, var(--x34jt7-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--x34jt7-padding-left-mobile, var(--x34jt7-padding-left-tablet, var(--x34jt7-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--x34jt7-padding-left, var(--beae-section-padding-x, 0px)) - var(--x34jt7-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--x34jt7-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--x34jt7-height); width: 100%; max-width: var(--x34jt7-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(--x34jt7-height-tablet, auto); width: 100%; max-width: var(--x34jt7-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--x34jt7-height-mobile, auto); width: 100%; max-width: var(--x34jt7-width-mobile, 100%); } } } }[data-bnode="beae-x34jt7"] > .beae-section-container{     display: flex;     flex-direction: var(--x34jt7-direction, column);     flex-wrap: nowrap;     justify-content: var(--x34jt7-justify-content);     align-items: var(--x34jt7-align-items);     gap: var(--x34jt7-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-x34jt7"] > .beae-section-container{                            gap: var(--x34jt7-gap-tablet, var(--beae-grid-gap-tablet, 4px));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--x34jt7-padding-right-tablet, 0px) - var(--x34jt7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-x34jt7"] > .beae-section-container{                            gap: var(--x34jt7-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;          max-height: max-content;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--x34jt7-padding-right-mobile, 0px) - var(--x34jt7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-z0j03j"] { --z0j03j-direction: column; --z0j03j-direction-tablet: column; --z0j03j-direction-mobile: column; --z0j03j-structure: columns; --z0j03j-structure-tablet: columns; --z0j03j-structure-mobile: columns; --z0j03j-gap: 16px; --z0j03j-gap-tablet: 16px; --z0j03j-gap-mobile: 12px; --z0j03j-align-items: center; --z0j03j-align-items-tablet: center; --z0j03j-align-items-mobile: center; --z0j03j-max-width: 768px; --z0j03j-max-width-tablet: 768px; --z0j03j-max-width-mobile: 768px; }[data-bnode="beae-z0j03j"] { padding-top: var(--z0j03j-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--z0j03j-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--z0j03j-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--z0j03j-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--z0j03j-padding-top-tablet, var(--z0j03j-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--z0j03j-padding-right-tablet, var(--z0j03j-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--z0j03j-padding-bottom-tablet, var(--z0j03j-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--z0j03j-padding-left-tablet, var(--z0j03j-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--z0j03j-padding-top-mobile, var(--z0j03j-padding-top-tablet, var(--z0j03j-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--z0j03j-padding-right-mobile, var(--z0j03j-padding-right-tablet, var(--z0j03j-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--z0j03j-padding-bottom-mobile, var(--z0j03j-padding-bottom-tablet, var(--z0j03j-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--z0j03j-padding-left-mobile, var(--z0j03j-padding-left-tablet, var(--z0j03j-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--z0j03j-padding-left, var(--beae-slot-padding-x, 0px)) - var(--z0j03j-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(--z0j03j-background-imageRatio, auto); background: var(--z0j03j-background-color,transparent); border-style: var(--z0j03j-borderStyle,solid); border-color: var(--z0j03j-borderColor,#000000); border-width: var(--z0j03j-borderWidth-tl,0px) var(--z0j03j-borderWidth-tr,0px) var(--z0j03j-borderWidth-br,0px) var(--z0j03j-borderWidth-bl,0px); border-radius: var(--z0j03j-borderRadius-tl,0px) var(--z0j03j-borderRadius-tr,0px) var(--z0j03j-borderRadius-br,0px) var(--z0j03j-borderRadius-bl,0px); box-shadow: if(style(--z0j03j-enableShadow: true): var(--z0j03j-shadowHorizontal,0) var(--z0j03j-shadowVertical,0) var(--z0j03j-shadowBlur,0) 1px var(--z0j03j-shadowColor,#000000); else: none); max-width: var(--z0j03j-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--z0j03j-background-imageRatio-tablet, var(--z0j03j-background-imageRatio, auto)); border-width: var(--z0j03j-borderWidth-tl-tablet,0px) var(--z0j03j-borderWidth-tr-tablet,0px) var(--z0j03j-borderWidth-br-tablet,0px) var(--z0j03j-borderWidth-bl-tablet,0px); border-radius: var(--z0j03j-borderRadius-tl-tablet,0px) var(--z0j03j-borderRadius-tr-tablet,0px) var(--z0j03j-borderRadius-br-tablet,0px) var(--z0j03j-borderRadius-bl-tablet,0px); max-width: var(--z0j03j-max-width-tablet, var(--z0j03j-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--z0j03j-background-imageRatio-mobile, var(--z0j03j-background-imageRatio, auto)); border-width: var(--z0j03j-borderWidth-tl-mobile,0px) var(--z0j03j-borderWidth-tr-mobile,0px) var(--z0j03j-borderWidth-br-mobile,0px) var(--z0j03j-borderWidth-bl-mobile,0px); border-radius: var(--z0j03j-borderRadius-tl-mobile,0px) var(--z0j03j-borderRadius-tr-mobile,0px) var(--z0j03j-borderRadius-br-mobile,0px) var(--z0j03j-borderRadius-bl-mobile,0px); max-width: var(--z0j03j-max-width-mobile, var(--z0j03j-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--z0j03j-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--z0j03j-gap,var(--beae-card-gap)); padding-top: var(--z0j03j-padding-top,var(--beae-card-padding)); padding-right: var(--z0j03j-padding-right,var(--beae-card-padding)); padding-bottom: var(--z0j03j-padding-bottom,var(--beae-card-padding)); padding-left: var(--z0j03j-padding-left,var(--beae-card-padding)); border-width: var(--z0j03j-borderWidth,var(--beae-card-border-width)); border-width: var(--z0j03j-borderWidth-tl,var(--beae-card-border-width)) var(--z0j03j-borderWidth-tr,var(--beae-card-border-width)) var(--z0j03j-borderWidth-br,var(--beae-card-border-width)) var(--z0j03j-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--z0j03j-borderRadius-tl,var(--beae-card-border-radius)) var(--z0j03j-borderRadius-tr,var(--beae-card-border-radius)) var(--z0j03j-borderRadius-br,var(--beae-card-border-radius)) var(--z0j03j-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(--z0j03j-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--z0j03j-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--z0j03j-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--z0j03j-padding-left-tablet,var(--beae-card-padding)); border-width: var(--z0j03j-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--z0j03j-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--z0j03j-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--z0j03j-borderWidth-br-desktop,var(--beae-card-border-width)) var(--z0j03j-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--z0j03j-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--z0j03j-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--z0j03j-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--z0j03j-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--z0j03j-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--z0j03j-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--z0j03j-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--z0j03j-padding-left-mobile,var(--beae-card-padding)); border-width: var(--z0j03j-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--z0j03j-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--z0j03j-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--z0j03j-borderWidth-br-mobile,var(--beae-card-border-width)) var(--z0j03j-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--z0j03j-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--z0j03j-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--z0j03j-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--z0j03j-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--z0j03j-background-color,var(--beae-card-featured-background)); border-color: var(--z0j03j-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--z0j03j-enableShadow: true): var(--z0j03j-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0j03j-shadowVertical, var(--beae-card-shadow-y)) var(--z0j03j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0j03j-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--z0j03j-background-color,var(--beae-card-prod-background)); border-color: var(--z0j03j-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--z0j03j-enableShadow: true): var(--z0j03j-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0j03j-shadowVertical, var(--beae-card-shadow-y)) var(--z0j03j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0j03j-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--z0j03j-background-color,var(--beae-card-pricing-background)); border-color: var(--z0j03j-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--z0j03j-enableShadow: true): var(--z0j03j-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0j03j-shadowVertical, var(--beae-card-shadow-y)) var(--z0j03j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0j03j-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--z0j03j-background-color,var(--beae-card-cta-background)); border-color: var(--z0j03j-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--z0j03j-enableShadow: true): var(--z0j03j-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0j03j-shadowVertical, var(--beae-card-shadow-y)) var(--z0j03j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0j03j-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--z0j03j-background-color,var(--beae-card-media-background)); border-color: var(--z0j03j-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--z0j03j-enableShadow: true): var(--z0j03j-shadowHorizontal, var(--beae-card-shadow-x)) var(--z0j03j-shadowVertical, var(--beae-card-shadow-y)) var(--z0j03j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--z0j03j-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-z0j03j"] {     display: flex;     flex-direction: var(--z0j03j-direction, column);     flex-wrap: nowrap;     justify-content: var(--z0j03j-justify-content);     align-items: var(--z0j03j-align-items);     gap: var(--z0j03j-gap, var(--z0j03j-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-z0j03j"] {                            gap: var(--z0j03j-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(--z0j03j-padding-right-tablet, 0px) - var(--z0j03j-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-z0j03j"] {                            gap: var(--z0j03j-gap-mobile, var(--z0j03j-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(--z0j03j-padding-right-mobile, 0px) - var(--z0j03j-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-njswc0"] { --njswc0-direction: row; --njswc0-direction-tablet: row; --njswc0-direction-mobile: row; --njswc0-structure: columns; --njswc0-structure-tablet: columns; --njswc0-structure-mobile: columns; --njswc0-max-width: fit-content; --njswc0-max-width-tablet: fit-content; --njswc0-max-width-mobile: fit-content; --njswc0-padding-top: 6px; --njswc0-padding-top-tablet: 6px; --njswc0-padding-top-mobile: 6px; --njswc0-padding-right: 12px; --njswc0-padding-right-tablet: 12px; --njswc0-padding-right-mobile: 12px; --njswc0-padding-bottom: 6px; --njswc0-padding-bottom-tablet: 6px; --njswc0-padding-bottom-mobile: 6px; --njswc0-padding-left: 12px; --njswc0-padding-left-tablet: 12px; --njswc0-padding-left-mobile: 12px; --njswc0-background-type: color; --njswc0-background-type-tablet: color; --njswc0-background-type-mobile: color; --njswc0-background-color: #FFDC83; --njswc0-background-color-tablet: #FFDC83; --njswc0-background-color-mobile: #FFDC83; --njswc0-borderRadius-tl: 9999px; --njswc0-borderRadius-tl-tablet: 9999px; --njswc0-borderRadius-tl-mobile: 9999px; --njswc0-borderRadius-tr: 9999px; --njswc0-borderRadius-tr-tablet: 9999px; --njswc0-borderRadius-tr-mobile: 9999px; --njswc0-borderRadius-bl: 9999px; --njswc0-borderRadius-bl-tablet: 9999px; --njswc0-borderRadius-bl-mobile: 9999px; --njswc0-borderRadius-br: 9999px; --njswc0-borderRadius-br-tablet: 9999px; --njswc0-borderRadius-br-mobile: 9999px; }[data-bnode="beae-njswc0"] { padding-top: var(--njswc0-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--njswc0-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--njswc0-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--njswc0-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--njswc0-padding-top-tablet, var(--njswc0-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--njswc0-padding-right-tablet, var(--njswc0-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--njswc0-padding-bottom-tablet, var(--njswc0-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--njswc0-padding-left-tablet, var(--njswc0-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--njswc0-padding-top-mobile, var(--njswc0-padding-top-tablet, var(--njswc0-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--njswc0-padding-right-mobile, var(--njswc0-padding-right-tablet, var(--njswc0-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--njswc0-padding-bottom-mobile, var(--njswc0-padding-bottom-tablet, var(--njswc0-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--njswc0-padding-left-mobile, var(--njswc0-padding-left-tablet, var(--njswc0-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--njswc0-padding-left, var(--beae-slot-padding-x, 0px)) - var(--njswc0-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(--njswc0-background-imageRatio, auto); background: var(--njswc0-background-color,transparent); border-style: var(--njswc0-borderStyle,solid); border-color: var(--njswc0-borderColor,#000000); border-width: var(--njswc0-borderWidth-tl,0px) var(--njswc0-borderWidth-tr,0px) var(--njswc0-borderWidth-br,0px) var(--njswc0-borderWidth-bl,0px); border-radius: var(--njswc0-borderRadius-tl,0px) var(--njswc0-borderRadius-tr,0px) var(--njswc0-borderRadius-br,0px) var(--njswc0-borderRadius-bl,0px); box-shadow: if(style(--njswc0-enableShadow: true): var(--njswc0-shadowHorizontal,0) var(--njswc0-shadowVertical,0) var(--njswc0-shadowBlur,0) 1px var(--njswc0-shadowColor,#000000); else: none); max-width: var(--njswc0-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--njswc0-background-imageRatio-tablet, var(--njswc0-background-imageRatio, auto)); border-width: var(--njswc0-borderWidth-tl-tablet,0px) var(--njswc0-borderWidth-tr-tablet,0px) var(--njswc0-borderWidth-br-tablet,0px) var(--njswc0-borderWidth-bl-tablet,0px); border-radius: var(--njswc0-borderRadius-tl-tablet,0px) var(--njswc0-borderRadius-tr-tablet,0px) var(--njswc0-borderRadius-br-tablet,0px) var(--njswc0-borderRadius-bl-tablet,0px); max-width: var(--njswc0-max-width-tablet, var(--njswc0-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--njswc0-background-imageRatio-mobile, var(--njswc0-background-imageRatio, auto)); border-width: var(--njswc0-borderWidth-tl-mobile,0px) var(--njswc0-borderWidth-tr-mobile,0px) var(--njswc0-borderWidth-br-mobile,0px) var(--njswc0-borderWidth-bl-mobile,0px); border-radius: var(--njswc0-borderRadius-tl-mobile,0px) var(--njswc0-borderRadius-tr-mobile,0px) var(--njswc0-borderRadius-br-mobile,0px) var(--njswc0-borderRadius-bl-mobile,0px); max-width: var(--njswc0-max-width-mobile, var(--njswc0-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--njswc0-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--njswc0-gap,var(--beae-card-gap)); padding-top: var(--njswc0-padding-top,var(--beae-card-padding)); padding-right: var(--njswc0-padding-right,var(--beae-card-padding)); padding-bottom: var(--njswc0-padding-bottom,var(--beae-card-padding)); padding-left: var(--njswc0-padding-left,var(--beae-card-padding)); border-width: var(--njswc0-borderWidth,var(--beae-card-border-width)); border-width: var(--njswc0-borderWidth-tl,var(--beae-card-border-width)) var(--njswc0-borderWidth-tr,var(--beae-card-border-width)) var(--njswc0-borderWidth-br,var(--beae-card-border-width)) var(--njswc0-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--njswc0-borderRadius-tl,var(--beae-card-border-radius)) var(--njswc0-borderRadius-tr,var(--beae-card-border-radius)) var(--njswc0-borderRadius-br,var(--beae-card-border-radius)) var(--njswc0-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(--njswc0-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--njswc0-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--njswc0-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--njswc0-padding-left-tablet,var(--beae-card-padding)); border-width: var(--njswc0-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--njswc0-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--njswc0-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--njswc0-borderWidth-br-desktop,var(--beae-card-border-width)) var(--njswc0-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--njswc0-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--njswc0-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--njswc0-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--njswc0-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--njswc0-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--njswc0-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--njswc0-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--njswc0-padding-left-mobile,var(--beae-card-padding)); border-width: var(--njswc0-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--njswc0-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--njswc0-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--njswc0-borderWidth-br-mobile,var(--beae-card-border-width)) var(--njswc0-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--njswc0-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--njswc0-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--njswc0-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--njswc0-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--njswc0-background-color,var(--beae-card-featured-background)); border-color: var(--njswc0-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--njswc0-enableShadow: true): var(--njswc0-shadowHorizontal, var(--beae-card-shadow-x)) var(--njswc0-shadowVertical, var(--beae-card-shadow-y)) var(--njswc0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njswc0-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--njswc0-background-color,var(--beae-card-prod-background)); border-color: var(--njswc0-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--njswc0-enableShadow: true): var(--njswc0-shadowHorizontal, var(--beae-card-shadow-x)) var(--njswc0-shadowVertical, var(--beae-card-shadow-y)) var(--njswc0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njswc0-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--njswc0-background-color,var(--beae-card-pricing-background)); border-color: var(--njswc0-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--njswc0-enableShadow: true): var(--njswc0-shadowHorizontal, var(--beae-card-shadow-x)) var(--njswc0-shadowVertical, var(--beae-card-shadow-y)) var(--njswc0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njswc0-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--njswc0-background-color,var(--beae-card-cta-background)); border-color: var(--njswc0-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--njswc0-enableShadow: true): var(--njswc0-shadowHorizontal, var(--beae-card-shadow-x)) var(--njswc0-shadowVertical, var(--beae-card-shadow-y)) var(--njswc0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njswc0-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--njswc0-background-color,var(--beae-card-media-background)); border-color: var(--njswc0-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--njswc0-enableShadow: true): var(--njswc0-shadowHorizontal, var(--beae-card-shadow-x)) var(--njswc0-shadowVertical, var(--beae-card-shadow-y)) var(--njswc0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--njswc0-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-njswc0"] {     display: flex;     flex-direction: var(--njswc0-direction, column);     flex-wrap: nowrap;     justify-content: var(--njswc0-justify-content);     align-items: var(--njswc0-align-items);     gap: var(--njswc0-gap, var(--njswc0-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--njswc0-padding-right, 0px) - var(--njswc0-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-njswc0"] {                            gap: var(--njswc0-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(--njswc0-padding-right-tablet, 0px) - var(--njswc0-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-njswc0"] {                            gap: var(--njswc0-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(--njswc0-padding-right-mobile, 0px) - var(--njswc0-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-78t88t"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #100D09; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --78t88t-typography: p; --78t88t-typography-tablet: p; --78t88t-typography-mobile: p; --78t88t-margin-top: 0px; --78t88t-margin-top-tablet: 0px; --78t88t-margin-top-mobile: 0px; --78t88t-margin-right: 0px; --78t88t-margin-right-tablet: 0px; --78t88t-margin-right-mobile: 0px; --78t88t-margin-bottom: 0px; --78t88t-margin-bottom-tablet: 0px; --78t88t-margin-bottom-mobile: 0px; --78t88t-margin-left: 0px; --78t88t-margin-left-tablet: 0px; --78t88t-margin-left-mobile: 0px; }[data-bnode="beae-78t88t"] { margin-top: var(--78t88t-margin-top, 0px); margin-right: var(--78t88t-margin-right, 0px); margin-bottom: var(--78t88t-margin-bottom, 0px); margin-left: var(--78t88t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--78t88t-margin-top-tablet, 0px); margin-right: var(--78t88t-margin-right-tablet, 0px); margin-bottom: var(--78t88t-margin-bottom-tablet, 0px); margin-left: var(--78t88t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--78t88t-margin-top-mobile, 0px); margin-right: var(--78t88t-margin-right-mobile, 0px); margin-bottom: var(--78t88t-margin-bottom-mobile, 0px); margin-left: var(--78t88t-margin-left-mobile, 0px); } }[data-bnode="beae-ti45z5"] { --ti45z5-typography: h2; --ti45z5-typography-tablet: h2; --ti45z5-typography-mobile: h2; --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #F6F2EF; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --beae-h2-text-align: center; --ti45z5-margin-top: 4px; --ti45z5-margin-top-tablet: 4px; --ti45z5-margin-top-mobile: 4px; --ti45z5-margin-right: 0px; --ti45z5-margin-right-tablet: 0px; --ti45z5-margin-right-mobile: 0px; --ti45z5-margin-bottom: 0px; --ti45z5-margin-bottom-tablet: 0px; --ti45z5-margin-bottom-mobile: 0px; --ti45z5-margin-left: 0px; --ti45z5-margin-left-tablet: 0px; --ti45z5-margin-left-mobile: 0px; }[data-bnode="beae-ti45z5"] { margin-top: var(--ti45z5-margin-top, 0px); margin-right: var(--ti45z5-margin-right, 0px); margin-bottom: var(--ti45z5-margin-bottom, 0px); margin-left: var(--ti45z5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ti45z5-margin-top-tablet, 0px); margin-right: var(--ti45z5-margin-right-tablet, 0px); margin-bottom: var(--ti45z5-margin-bottom-tablet, 0px); margin-left: var(--ti45z5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ti45z5-margin-top-mobile, 0px); margin-right: var(--ti45z5-margin-right-mobile, 0px); margin-bottom: var(--ti45z5-margin-bottom-mobile, 0px); margin-left: var(--ti45z5-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ti45z5-highlightColor,var(--beae-p-color)); top: var(--ti45z5-highlightTop, 100%); } }[data-bnode="beae-fwr0or"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --fwr0or-typography: p; --fwr0or-typography-tablet: p; --fwr0or-typography-mobile: p; --beae-p-text-align: center; }[data-bnode="beae-fwr0or"] { margin-top: var(--fwr0or-margin-top, 0px); margin-right: var(--fwr0or-margin-right, 0px); margin-bottom: var(--fwr0or-margin-bottom, 0px); margin-left: var(--fwr0or-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fwr0or-margin-top-tablet, 0px); margin-right: var(--fwr0or-margin-right-tablet, 0px); margin-bottom: var(--fwr0or-margin-bottom-tablet, 0px); margin-left: var(--fwr0or-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fwr0or-margin-top-mobile, 0px); margin-right: var(--fwr0or-margin-right-mobile, 0px); margin-bottom: var(--fwr0or-margin-bottom-mobile, 0px); margin-left: var(--fwr0or-margin-left-mobile, 0px); } }[data-bnode="beae-u34mzt"] { --u34mzt-width: fill; --u34mzt-width-tablet: fill; --u34mzt-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-border-radius: 50px; --beae-btn-se-label-color: #1E1E1E; --beae-btn-se-background-color: #ECE6DF; --beae-btn-text-transform: capitalize; --u34mzt-iconWidth: 20px; --u34mzt-iconWidth-tablet: 20px; --u34mzt-iconWidth-mobile: 20px; --u34mzt-iconGap: 5px; --u34mzt-iconGap-tablet: 5px; --u34mzt-iconGap-mobile: 5px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #614E38; --u34mzt-transform: capitalize; --u34mzt-transform-tablet: capitalize; --u34mzt-transform-mobile: capitalize; --u34mzt-button: se; --u34mzt-button-tablet: se; --u34mzt-button-mobile: se; --beae-btn-te-label-color: #121212; --u34mzt-margin-top: 16px; --u34mzt-margin-top-tablet: 16px; --u34mzt-margin-top-mobile: 12px; --u34mzt-margin-right: 0px; --u34mzt-margin-right-tablet: 0px; --u34mzt-margin-right-mobile: 0px; --u34mzt-margin-bottom: 0px; --u34mzt-margin-bottom-tablet: 0px; --u34mzt-margin-bottom-mobile: 0px; --u34mzt-margin-left: 0px; --u34mzt-margin-left-tablet: 0px; --u34mzt-margin-left-mobile: 0px; }[data-bnode="beae-u34mzt"] { margin-top: var(--u34mzt-margin-top, 0px); margin-right: var(--u34mzt-margin-right, 0px); margin-bottom: var(--u34mzt-margin-bottom, 0px); margin-left: var(--u34mzt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u34mzt-margin-top-tablet, 0px); margin-right: var(--u34mzt-margin-right-tablet, 0px); margin-bottom: var(--u34mzt-margin-bottom-tablet, 0px); margin-left: var(--u34mzt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u34mzt-margin-top-mobile, 0px); margin-right: var(--u34mzt-margin-right-mobile, 0px); margin-bottom: var(--u34mzt-margin-bottom-mobile, 0px); margin-left: var(--u34mzt-margin-left-mobile, 0px); } &{ gap:var(--u34mzt-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--u34mzt-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--u34mzt-bgBtnHover)) * 1%)); style(--u34mzt-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--u34mzt-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--u34mzt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--u34mzt-labelBtnHover)) * 1%)); style(--u34mzt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--u34mzt-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--u34mzt-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--u34mzt-borderBtnHover)) * 1%)); style(--u34mzt-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--u34mzt-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--u34mzt-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--u34mzt-bgBtnHover)) * 1%)); style(--u34mzt-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--u34mzt-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--u34mzt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--u34mzt-labelBtnHover)) * 1%)); style(--u34mzt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--u34mzt-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--u34mzt-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--u34mzt-borderBtnHover)) * 1%)); style(--u34mzt-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--u34mzt-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--u34mzt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--u34mzt-labelBtnHover)) * 1%)); style(--u34mzt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--u34mzt-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--u34mzt-iconWidth); } svg { width: var(--u34mzt-iconWidth,20px); min-width: var(--u34mzt-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--u34mzt-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--u34mzt-iconWidth-tablet, var(--u34mzt-iconWidth)); } svg { width: var(--u34mzt-iconWidth-tablet, var(--u34mzt-iconWidth)); min-width: var(--u34mzt-iconWidth-tablet, var(--u34mzt-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--u34mzt-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--u34mzt-iconWidth-mobile, var(--u34mzt-iconWidth)); } svg { width: var(--u34mzt-iconWidth-mobile, var(--u34mzt-iconWidth)); min-width: var(--u34mzt-iconWidth-mobile, var(--u34mzt-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-udr32y"] { --udr32y-direction: column; --udr32y-direction-tablet: column; --udr32y-direction-mobile: column; --udr32y-structure: columns; --udr32y-structure-tablet: columns; --udr32y-structure-mobile: columns; --udr32y-gap: 20px; --udr32y-gap-tablet: 20px; --udr32y-gap-mobile: 16px; --udr32y-align-items: center; --udr32y-align-items-tablet: center; --udr32y-align-items-mobile: center; --udr32y-max-width: 768px; --udr32y-max-width-tablet: 768px; --udr32y-max-width-mobile: 768px; }[data-bnode="beae-udr32y"] { padding-top: var(--udr32y-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--udr32y-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--udr32y-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--udr32y-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--udr32y-padding-top-tablet, var(--udr32y-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--udr32y-padding-right-tablet, var(--udr32y-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--udr32y-padding-bottom-tablet, var(--udr32y-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--udr32y-padding-left-tablet, var(--udr32y-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--udr32y-padding-top-mobile, var(--udr32y-padding-top-tablet, var(--udr32y-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--udr32y-padding-right-mobile, var(--udr32y-padding-right-tablet, var(--udr32y-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--udr32y-padding-bottom-mobile, var(--udr32y-padding-bottom-tablet, var(--udr32y-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--udr32y-padding-left-mobile, var(--udr32y-padding-left-tablet, var(--udr32y-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--udr32y-padding-left, var(--beae-slot-padding-x, 0px)) - var(--udr32y-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(--udr32y-background-imageRatio, auto); background: var(--udr32y-background-color,transparent); border-style: var(--udr32y-borderStyle,solid); border-color: var(--udr32y-borderColor,#000000); border-width: var(--udr32y-borderWidth-tl,0px) var(--udr32y-borderWidth-tr,0px) var(--udr32y-borderWidth-br,0px) var(--udr32y-borderWidth-bl,0px); border-radius: var(--udr32y-borderRadius-tl,0px) var(--udr32y-borderRadius-tr,0px) var(--udr32y-borderRadius-br,0px) var(--udr32y-borderRadius-bl,0px); box-shadow: if(style(--udr32y-enableShadow: true): var(--udr32y-shadowHorizontal,0) var(--udr32y-shadowVertical,0) var(--udr32y-shadowBlur,0) 1px var(--udr32y-shadowColor,#000000); else: none); max-width: var(--udr32y-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--udr32y-background-imageRatio-tablet, var(--udr32y-background-imageRatio, auto)); border-width: var(--udr32y-borderWidth-tl-tablet,0px) var(--udr32y-borderWidth-tr-tablet,0px) var(--udr32y-borderWidth-br-tablet,0px) var(--udr32y-borderWidth-bl-tablet,0px); border-radius: var(--udr32y-borderRadius-tl-tablet,0px) var(--udr32y-borderRadius-tr-tablet,0px) var(--udr32y-borderRadius-br-tablet,0px) var(--udr32y-borderRadius-bl-tablet,0px); max-width: var(--udr32y-max-width-tablet, var(--udr32y-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--udr32y-background-imageRatio-mobile, var(--udr32y-background-imageRatio, auto)); border-width: var(--udr32y-borderWidth-tl-mobile,0px) var(--udr32y-borderWidth-tr-mobile,0px) var(--udr32y-borderWidth-br-mobile,0px) var(--udr32y-borderWidth-bl-mobile,0px); border-radius: var(--udr32y-borderRadius-tl-mobile,0px) var(--udr32y-borderRadius-tr-mobile,0px) var(--udr32y-borderRadius-br-mobile,0px) var(--udr32y-borderRadius-bl-mobile,0px); max-width: var(--udr32y-max-width-mobile, var(--udr32y-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--udr32y-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--udr32y-gap,var(--beae-card-gap)); padding-top: var(--udr32y-padding-top,var(--beae-card-padding)); padding-right: var(--udr32y-padding-right,var(--beae-card-padding)); padding-bottom: var(--udr32y-padding-bottom,var(--beae-card-padding)); padding-left: var(--udr32y-padding-left,var(--beae-card-padding)); border-width: var(--udr32y-borderWidth,var(--beae-card-border-width)); border-width: var(--udr32y-borderWidth-tl,var(--beae-card-border-width)) var(--udr32y-borderWidth-tr,var(--beae-card-border-width)) var(--udr32y-borderWidth-br,var(--beae-card-border-width)) var(--udr32y-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--udr32y-borderRadius-tl,var(--beae-card-border-radius)) var(--udr32y-borderRadius-tr,var(--beae-card-border-radius)) var(--udr32y-borderRadius-br,var(--beae-card-border-radius)) var(--udr32y-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(--udr32y-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--udr32y-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--udr32y-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--udr32y-padding-left-tablet,var(--beae-card-padding)); border-width: var(--udr32y-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--udr32y-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--udr32y-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--udr32y-borderWidth-br-desktop,var(--beae-card-border-width)) var(--udr32y-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--udr32y-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--udr32y-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--udr32y-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--udr32y-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--udr32y-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--udr32y-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--udr32y-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--udr32y-padding-left-mobile,var(--beae-card-padding)); border-width: var(--udr32y-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--udr32y-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--udr32y-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--udr32y-borderWidth-br-mobile,var(--beae-card-border-width)) var(--udr32y-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--udr32y-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--udr32y-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--udr32y-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--udr32y-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--udr32y-background-color,var(--beae-card-featured-background)); border-color: var(--udr32y-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--udr32y-enableShadow: true): var(--udr32y-shadowHorizontal, var(--beae-card-shadow-x)) var(--udr32y-shadowVertical, var(--beae-card-shadow-y)) var(--udr32y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--udr32y-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--udr32y-background-color,var(--beae-card-prod-background)); border-color: var(--udr32y-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--udr32y-enableShadow: true): var(--udr32y-shadowHorizontal, var(--beae-card-shadow-x)) var(--udr32y-shadowVertical, var(--beae-card-shadow-y)) var(--udr32y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--udr32y-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--udr32y-background-color,var(--beae-card-pricing-background)); border-color: var(--udr32y-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--udr32y-enableShadow: true): var(--udr32y-shadowHorizontal, var(--beae-card-shadow-x)) var(--udr32y-shadowVertical, var(--beae-card-shadow-y)) var(--udr32y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--udr32y-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--udr32y-background-color,var(--beae-card-cta-background)); border-color: var(--udr32y-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--udr32y-enableShadow: true): var(--udr32y-shadowHorizontal, var(--beae-card-shadow-x)) var(--udr32y-shadowVertical, var(--beae-card-shadow-y)) var(--udr32y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--udr32y-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--udr32y-background-color,var(--beae-card-media-background)); border-color: var(--udr32y-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--udr32y-enableShadow: true): var(--udr32y-shadowHorizontal, var(--beae-card-shadow-x)) var(--udr32y-shadowVertical, var(--beae-card-shadow-y)) var(--udr32y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--udr32y-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-udr32y"] {     display: flex;     flex-direction: var(--udr32y-direction, column);     flex-wrap: nowrap;     justify-content: var(--udr32y-justify-content);     align-items: var(--udr32y-align-items);     gap: var(--udr32y-gap, var(--udr32y-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-udr32y"] {                            gap: var(--udr32y-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(--udr32y-padding-right-tablet, 0px) - var(--udr32y-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-udr32y"] {                            gap: var(--udr32y-gap-mobile, var(--udr32y-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(--udr32y-padding-right-mobile, 0px) - var(--udr32y-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-s1fj3i"] { --s1fj3i-headerState: active; --s1fj3i-headerState-tablet: active; --s1fj3i-headerState-mobile: active; --s1fj3i-colorActive: #F6F2EF; --s1fj3i-colorActive-tablet: #F6F2EF; --s1fj3i-colorActive-mobile: #F6F2EF; --s1fj3i-tabBgActive: #413425; --s1fj3i-tabBgActive-tablet: #413425; --s1fj3i-tabBgActive-mobile: #413425; --s1fj3i-paddingX: 24px; --s1fj3i-paddingX-tablet: 24px; --s1fj3i-paddingX-mobile: 20px; --s1fj3i-paddingY: 16px; --s1fj3i-paddingY-tablet: 16px; --s1fj3i-paddingY-mobile: 16px; --s1fj3i-borderStyle: none; --s1fj3i-borderStyle-tablet: none; --s1fj3i-borderStyle-mobile: none; --s1fj3i-tabBg: #413425; --s1fj3i-tabBg-tablet: #413425; --s1fj3i-tabBg-mobile: #413425; --s1fj3i-headingTypo: h5; --s1fj3i-headingTypo-tablet: h5; --s1fj3i-headingTypo-mobile: h5; --s1fj3i-borderWidth-tl: 1px; --s1fj3i-borderWidth-tl-tablet: 1px; --s1fj3i-borderWidth-tl-mobile: 1px; --s1fj3i-borderWidth-tr: 1px; --s1fj3i-borderWidth-tr-tablet: 1px; --s1fj3i-borderWidth-tr-mobile: 1px; --s1fj3i-borderWidth-bl: 1px; --s1fj3i-borderWidth-bl-tablet: 1px; --s1fj3i-borderWidth-bl-mobile: 1px; --s1fj3i-borderWidth-br: 1px; --s1fj3i-borderWidth-br-tablet: 1px; --s1fj3i-borderWidth-br-mobile: 1px; --s1fj3i-borderColor: #e6e6e6; --s1fj3i-borderColor-tablet: #e6e6e6; --s1fj3i-borderColor-mobile: #e6e6e6; --s1fj3i-tabBgHover: #413425; --s1fj3i-tabBgHover-tablet: #413425; --s1fj3i-tabBgHover-mobile: #413425; --s1fj3i-borderRadius-tl: 12px; --s1fj3i-borderRadius-tl-tablet: 12px; --s1fj3i-borderRadius-tl-mobile: 12px; --s1fj3i-borderRadius-tr: 12px; --s1fj3i-borderRadius-tr-tablet: 12px; --s1fj3i-borderRadius-tr-mobile: 12px; --s1fj3i-borderRadius-bl: 12px; --s1fj3i-borderRadius-bl-tablet: 12px; --s1fj3i-borderRadius-bl-mobile: 12px; --s1fj3i-borderRadius-br: 12px; --s1fj3i-borderRadius-br-tablet: 12px; --s1fj3i-borderRadius-br-mobile: 12px; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #F6F2EF; --beae-h5-font-weight: 700; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --s1fj3i-colorHover: #F6F2EF; --s1fj3i-colorHover-tablet: #F6F2EF; --s1fj3i-colorHover-mobile: #F6F2EF; --s1fj3i-gap: 12px; --s1fj3i-gap-tablet: 12px; --s1fj3i-gap-mobile: 12px; }[data-bnode="beae-s1fj3i"] { margin-top: var(--s1fj3i-margin-top, 0px); margin-right: var(--s1fj3i-margin-right, 0px); margin-bottom: var(--s1fj3i-margin-bottom, 0px); margin-left: var(--s1fj3i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s1fj3i-margin-top-tablet, 0px); margin-right: var(--s1fj3i-margin-right-tablet, 0px); margin-bottom: var(--s1fj3i-margin-bottom-tablet, 0px); margin-left: var(--s1fj3i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s1fj3i-margin-top-mobile, 0px); margin-right: var(--s1fj3i-margin-right-mobile, 0px); margin-bottom: var(--s1fj3i-margin-bottom-mobile, 0px); margin-left: var(--s1fj3i-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--s1fj3i-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--s1fj3i-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--s1fj3i-gap-mobile, 16px); } .beae-accordion-item { border-style: var(--s1fj3i-borderStyle,solid); border-color: var(--s1fj3i-borderColor,#000000); border-width: var(--s1fj3i-borderWidth-tl,0px) var(--s1fj3i-borderWidth-tr,0px) var(--s1fj3i-borderWidth-br,0px) var(--s1fj3i-borderWidth-bl,0px); border-radius: var(--s1fj3i-borderRadius-tl,0px) var(--s1fj3i-borderRadius-tr,0px) var(--s1fj3i-borderRadius-br,0px) var(--s1fj3i-borderRadius-bl,0px); box-shadow: if(style(--s1fj3i-enableShadow: true): var(--s1fj3i-shadowHorizontal,0) var(--s1fj3i-shadowVertical,0) var(--s1fj3i-shadowBlur,0) 1px var(--s1fj3i-shadowColor,#000000); else: none); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--s1fj3i-borderWidth-tl-tablet,0px) var(--s1fj3i-borderWidth-tr-tablet,0px) var(--s1fj3i-borderWidth-br-tablet,0px) var(--s1fj3i-borderWidth-bl-tablet,0px); border-radius: var(--s1fj3i-borderRadius-tl-tablet,0px) var(--s1fj3i-borderRadius-tr-tablet,0px) var(--s1fj3i-borderRadius-br-tablet,0px) var(--s1fj3i-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--s1fj3i-borderWidth-tl-mobile,0px) var(--s1fj3i-borderWidth-tr-mobile,0px) var(--s1fj3i-borderWidth-br-mobile,0px) var(--s1fj3i-borderWidth-bl-mobile,0px); border-radius: var(--s1fj3i-borderRadius-tl-mobile,0px) var(--s1fj3i-borderRadius-tr-mobile,0px) var(--s1fj3i-borderRadius-br-mobile,0px) var(--s1fj3i-borderRadius-bl-mobile,0px); } svg{ width:20px; height:20px; } .beae-accordion-icon{ flex-shrink: 0; svg, path{ transform: rotate(0); transform-origin: center; transition: transform .5s cubic-bezier(.3, 1, .3, 1); width: 100%; height: 100%; } } &[open] { .beae-accordion-summary { color: var(--s1fj3i-colorActive); background: var(--s1fj3i-tabBgActive); } .beae-accordion-content { opacity: 1; } .beae-accordion-icon { .beae-svg-plus{ .stroke-vertical{ transform: rotate(270deg); } } .beae-icon-chevron{ transform: rotate(180deg); } .beae-icon-arrow{ transform: rotate(90deg); } } } } .beae-accordion-title{ flex: auto; cursor: pointer; } .beae-accordion-summary { display: flex; flex-direction: var(--beae-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--s1fj3i-paddingX, 20px); padding-block: var(--s1fj3i-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--s1fj3i-tabBg); &:marker { display: none; } &:hover { background: var(--s1fj3i-tabBgHover); color: var(--s1fj3i-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--s1fj3i-paddingX-tablet, 20px); padding-block: var(--s1fj3i-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--s1fj3i-paddingX-mobile, 20px); padding-block: var(--s1fj3i-paddingY-mobile, 20px); } } .beae-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .beae-accordion-content { opacity: 0; animation: beaeSlideDown 0.3s ease-out; } .beae-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes beaeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="beae-jyxpta"] { --jyxpta-direction: column; --jyxpta-direction-tablet: column; --jyxpta-direction-mobile: column; --jyxpta-gap: 16px; --jyxpta-gap-tablet: 16px; --jyxpta-gap-mobile: 16px; --jyxpta-padding-top: 0px; --jyxpta-padding-top-tablet: 0px; --jyxpta-padding-top-mobile: 0px; --jyxpta-padding-bottom: 20px; --jyxpta-padding-bottom-tablet: 20px; --jyxpta-padding-bottom-mobile: 20px; --jyxpta-padding-left: 24px; --jyxpta-padding-left-tablet: 24px; --jyxpta-padding-left-mobile: 20px; --jyxpta-padding-right: 24px; --jyxpta-padding-right-tablet: 24px; --jyxpta-padding-right-mobile: 20px; --jyxpta-background-type: color; --jyxpta-background-type-tablet: color; --jyxpta-background-type-mobile: color; --jyxpta-background-color: #413425; --jyxpta-background-color-tablet: #413425; --jyxpta-background-color-mobile: #413425; --jyxpta-align-items: flex-start; --jyxpta-align-items-tablet: flex-start; --jyxpta-align-items-mobile: flex-start; }[data-bnode="beae-jyxpta"] { padding-top: var(--jyxpta-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jyxpta-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jyxpta-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jyxpta-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jyxpta-padding-top-tablet, var(--jyxpta-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jyxpta-padding-right-tablet, var(--jyxpta-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jyxpta-padding-bottom-tablet, var(--jyxpta-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jyxpta-padding-left-tablet, var(--jyxpta-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jyxpta-padding-top-mobile, var(--jyxpta-padding-top-tablet, var(--jyxpta-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jyxpta-padding-right-mobile, var(--jyxpta-padding-right-tablet, var(--jyxpta-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jyxpta-padding-bottom-mobile, var(--jyxpta-padding-bottom-tablet, var(--jyxpta-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jyxpta-padding-left-mobile, var(--jyxpta-padding-left-tablet, var(--jyxpta-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--jyxpta-padding-left, var(--beae-slot-padding-x, 0px)) - var(--jyxpta-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(--jyxpta-background-imageRatio, auto); background: var(--jyxpta-background-color,transparent); border-style: var(--jyxpta-borderStyle,solid); border-color: var(--jyxpta-borderColor,#000000); border-width: var(--jyxpta-borderWidth-tl,0px) var(--jyxpta-borderWidth-tr,0px) var(--jyxpta-borderWidth-br,0px) var(--jyxpta-borderWidth-bl,0px); border-radius: var(--jyxpta-borderRadius-tl,0px) var(--jyxpta-borderRadius-tr,0px) var(--jyxpta-borderRadius-br,0px) var(--jyxpta-borderRadius-bl,0px); box-shadow: if(style(--jyxpta-enableShadow: true): var(--jyxpta-shadowHorizontal,0) var(--jyxpta-shadowVertical,0) var(--jyxpta-shadowBlur,0) 1px var(--jyxpta-shadowColor,#000000); else: none); max-width: var(--jyxpta-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--jyxpta-background-imageRatio-tablet, var(--jyxpta-background-imageRatio, auto)); border-width: var(--jyxpta-borderWidth-tl-tablet,0px) var(--jyxpta-borderWidth-tr-tablet,0px) var(--jyxpta-borderWidth-br-tablet,0px) var(--jyxpta-borderWidth-bl-tablet,0px); border-radius: var(--jyxpta-borderRadius-tl-tablet,0px) var(--jyxpta-borderRadius-tr-tablet,0px) var(--jyxpta-borderRadius-br-tablet,0px) var(--jyxpta-borderRadius-bl-tablet,0px); max-width: var(--jyxpta-max-width-tablet, var(--jyxpta-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--jyxpta-background-imageRatio-mobile, var(--jyxpta-background-imageRatio, auto)); border-width: var(--jyxpta-borderWidth-tl-mobile,0px) var(--jyxpta-borderWidth-tr-mobile,0px) var(--jyxpta-borderWidth-br-mobile,0px) var(--jyxpta-borderWidth-bl-mobile,0px); border-radius: var(--jyxpta-borderRadius-tl-mobile,0px) var(--jyxpta-borderRadius-tr-mobile,0px) var(--jyxpta-borderRadius-br-mobile,0px) var(--jyxpta-borderRadius-bl-mobile,0px); max-width: var(--jyxpta-max-width-mobile, var(--jyxpta-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jyxpta-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--jyxpta-gap,var(--beae-card-gap)); padding-top: var(--jyxpta-padding-top,var(--beae-card-padding)); padding-right: var(--jyxpta-padding-right,var(--beae-card-padding)); padding-bottom: var(--jyxpta-padding-bottom,var(--beae-card-padding)); padding-left: var(--jyxpta-padding-left,var(--beae-card-padding)); border-width: var(--jyxpta-borderWidth,var(--beae-card-border-width)); border-width: var(--jyxpta-borderWidth-tl,var(--beae-card-border-width)) var(--jyxpta-borderWidth-tr,var(--beae-card-border-width)) var(--jyxpta-borderWidth-br,var(--beae-card-border-width)) var(--jyxpta-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jyxpta-borderRadius-tl,var(--beae-card-border-radius)) var(--jyxpta-borderRadius-tr,var(--beae-card-border-radius)) var(--jyxpta-borderRadius-br,var(--beae-card-border-radius)) var(--jyxpta-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(--jyxpta-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jyxpta-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jyxpta-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jyxpta-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jyxpta-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--jyxpta-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jyxpta-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jyxpta-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jyxpta-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jyxpta-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--jyxpta-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--jyxpta-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--jyxpta-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--jyxpta-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jyxpta-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jyxpta-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jyxpta-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jyxpta-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--jyxpta-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jyxpta-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jyxpta-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jyxpta-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jyxpta-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jyxpta-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jyxpta-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jyxpta-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jyxpta-background-color,var(--beae-card-featured-background)); border-color: var(--jyxpta-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--jyxpta-enableShadow: true): var(--jyxpta-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyxpta-shadowVertical, var(--beae-card-shadow-y)) var(--jyxpta-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyxpta-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--jyxpta-background-color,var(--beae-card-prod-background)); border-color: var(--jyxpta-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--jyxpta-enableShadow: true): var(--jyxpta-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyxpta-shadowVertical, var(--beae-card-shadow-y)) var(--jyxpta-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyxpta-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--jyxpta-background-color,var(--beae-card-pricing-background)); border-color: var(--jyxpta-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--jyxpta-enableShadow: true): var(--jyxpta-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyxpta-shadowVertical, var(--beae-card-shadow-y)) var(--jyxpta-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyxpta-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--jyxpta-background-color,var(--beae-card-cta-background)); border-color: var(--jyxpta-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--jyxpta-enableShadow: true): var(--jyxpta-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyxpta-shadowVertical, var(--beae-card-shadow-y)) var(--jyxpta-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyxpta-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--jyxpta-background-color,var(--beae-card-media-background)); border-color: var(--jyxpta-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--jyxpta-enableShadow: true): var(--jyxpta-shadowHorizontal, var(--beae-card-shadow-x)) var(--jyxpta-shadowVertical, var(--beae-card-shadow-y)) var(--jyxpta-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jyxpta-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-jyxpta"] {     display: flex;     flex-direction: var(--jyxpta-direction, column);     flex-wrap: nowrap;     justify-content: var(--jyxpta-justify-content);     align-items: var(--jyxpta-align-items);     gap: var(--jyxpta-gap, var(--jyxpta-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jyxpta"] {                            gap: var(--jyxpta-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(--jyxpta-padding-right-tablet, 0px) - var(--jyxpta-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-jyxpta"] {                            gap: var(--jyxpta-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(--jyxpta-padding-right-mobile, 0px) - var(--jyxpta-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-hzag7u"] { --hzag7u-typography: p; --hzag7u-typography-tablet: p; --hzag7u-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-hzag7u"] { margin-top: var(--hzag7u-margin-top, 0px); margin-right: var(--hzag7u-margin-right, 0px); margin-bottom: var(--hzag7u-margin-bottom, 0px); margin-left: var(--hzag7u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hzag7u-margin-top-tablet, 0px); margin-right: var(--hzag7u-margin-right-tablet, 0px); margin-bottom: var(--hzag7u-margin-bottom-tablet, 0px); margin-left: var(--hzag7u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hzag7u-margin-top-mobile, 0px); margin-right: var(--hzag7u-margin-right-mobile, 0px); margin-bottom: var(--hzag7u-margin-bottom-mobile, 0px); margin-left: var(--hzag7u-margin-left-mobile, 0px); } }[data-bnode="beae-tms05w"] { --tms05w-direction: column; --tms05w-direction-tablet: column; --tms05w-direction-mobile: column; --tms05w-gap: 16px; --tms05w-gap-tablet: 16px; --tms05w-gap-mobile: 16px; --tms05w-padding-top: 0px; --tms05w-padding-top-tablet: 0px; --tms05w-padding-top-mobile: 0px; --tms05w-padding-bottom: 20px; --tms05w-padding-bottom-tablet: 20px; --tms05w-padding-bottom-mobile: 20px; --tms05w-padding-left: 24px; --tms05w-padding-left-tablet: 24px; --tms05w-padding-left-mobile: 20px; --tms05w-padding-right: 24px; --tms05w-padding-right-tablet: 24px; --tms05w-padding-right-mobile: 20px; --tms05w-borderStyle: none; --tms05w-borderStyle-tablet: none; --tms05w-borderStyle-mobile: none; --tms05w-borderWidth-tl: 0px; --tms05w-borderWidth-tl-tablet: 0px; --tms05w-borderWidth-tl-mobile: 0px; --tms05w-borderWidth-tr: 1px; --tms05w-borderWidth-tr-tablet: 1px; --tms05w-borderWidth-tr-mobile: 1px; --tms05w-borderWidth-bl: 1px; --tms05w-borderWidth-bl-tablet: 1px; --tms05w-borderWidth-bl-mobile: 1px; --tms05w-borderWidth-br: 1px; --tms05w-borderWidth-br-tablet: 1px; --tms05w-borderWidth-br-mobile: 1px; --tms05w-borderColor: #e6e6e6; --tms05w-borderColor-tablet: #e6e6e6; --tms05w-borderColor-mobile: #e6e6e6; --tms05w-background-type: color; --tms05w-background-type-tablet: color; --tms05w-background-type-mobile: color; --tms05w-background-color: #413425; --tms05w-background-color-tablet: #413425; --tms05w-background-color-mobile: #413425; }[data-bnode="beae-tms05w"] { padding-top: var(--tms05w-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--tms05w-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--tms05w-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--tms05w-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--tms05w-padding-top-tablet, var(--tms05w-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--tms05w-padding-right-tablet, var(--tms05w-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--tms05w-padding-bottom-tablet, var(--tms05w-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--tms05w-padding-left-tablet, var(--tms05w-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--tms05w-padding-top-mobile, var(--tms05w-padding-top-tablet, var(--tms05w-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--tms05w-padding-right-mobile, var(--tms05w-padding-right-tablet, var(--tms05w-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--tms05w-padding-bottom-mobile, var(--tms05w-padding-bottom-tablet, var(--tms05w-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--tms05w-padding-left-mobile, var(--tms05w-padding-left-tablet, var(--tms05w-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--tms05w-padding-left, var(--beae-slot-padding-x, 0px)) - var(--tms05w-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(--tms05w-background-imageRatio, auto); background: var(--tms05w-background-color,transparent); border-style: var(--tms05w-borderStyle,solid); border-color: var(--tms05w-borderColor,#000000); border-width: var(--tms05w-borderWidth-tl,0px) var(--tms05w-borderWidth-tr,0px) var(--tms05w-borderWidth-br,0px) var(--tms05w-borderWidth-bl,0px); border-radius: var(--tms05w-borderRadius-tl,0px) var(--tms05w-borderRadius-tr,0px) var(--tms05w-borderRadius-br,0px) var(--tms05w-borderRadius-bl,0px); box-shadow: if(style(--tms05w-enableShadow: true): var(--tms05w-shadowHorizontal,0) var(--tms05w-shadowVertical,0) var(--tms05w-shadowBlur,0) 1px var(--tms05w-shadowColor,#000000); else: none); max-width: var(--tms05w-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--tms05w-background-imageRatio-tablet, var(--tms05w-background-imageRatio, auto)); border-width: var(--tms05w-borderWidth-tl-tablet,0px) var(--tms05w-borderWidth-tr-tablet,0px) var(--tms05w-borderWidth-br-tablet,0px) var(--tms05w-borderWidth-bl-tablet,0px); border-radius: var(--tms05w-borderRadius-tl-tablet,0px) var(--tms05w-borderRadius-tr-tablet,0px) var(--tms05w-borderRadius-br-tablet,0px) var(--tms05w-borderRadius-bl-tablet,0px); max-width: var(--tms05w-max-width-tablet, var(--tms05w-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--tms05w-background-imageRatio-mobile, var(--tms05w-background-imageRatio, auto)); border-width: var(--tms05w-borderWidth-tl-mobile,0px) var(--tms05w-borderWidth-tr-mobile,0px) var(--tms05w-borderWidth-br-mobile,0px) var(--tms05w-borderWidth-bl-mobile,0px); border-radius: var(--tms05w-borderRadius-tl-mobile,0px) var(--tms05w-borderRadius-tr-mobile,0px) var(--tms05w-borderRadius-br-mobile,0px) var(--tms05w-borderRadius-bl-mobile,0px); max-width: var(--tms05w-max-width-mobile, var(--tms05w-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--tms05w-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--tms05w-gap,var(--beae-card-gap)); padding-top: var(--tms05w-padding-top,var(--beae-card-padding)); padding-right: var(--tms05w-padding-right,var(--beae-card-padding)); padding-bottom: var(--tms05w-padding-bottom,var(--beae-card-padding)); padding-left: var(--tms05w-padding-left,var(--beae-card-padding)); border-width: var(--tms05w-borderWidth,var(--beae-card-border-width)); border-width: var(--tms05w-borderWidth-tl,var(--beae-card-border-width)) var(--tms05w-borderWidth-tr,var(--beae-card-border-width)) var(--tms05w-borderWidth-br,var(--beae-card-border-width)) var(--tms05w-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--tms05w-borderRadius-tl,var(--beae-card-border-radius)) var(--tms05w-borderRadius-tr,var(--beae-card-border-radius)) var(--tms05w-borderRadius-br,var(--beae-card-border-radius)) var(--tms05w-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(--tms05w-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--tms05w-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--tms05w-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--tms05w-padding-left-tablet,var(--beae-card-padding)); border-width: var(--tms05w-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--tms05w-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--tms05w-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--tms05w-borderWidth-br-desktop,var(--beae-card-border-width)) var(--tms05w-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--tms05w-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--tms05w-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--tms05w-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--tms05w-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--tms05w-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--tms05w-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--tms05w-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--tms05w-padding-left-mobile,var(--beae-card-padding)); border-width: var(--tms05w-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--tms05w-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--tms05w-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--tms05w-borderWidth-br-mobile,var(--beae-card-border-width)) var(--tms05w-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--tms05w-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--tms05w-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--tms05w-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--tms05w-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--tms05w-background-color,var(--beae-card-featured-background)); border-color: var(--tms05w-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--tms05w-enableShadow: true): var(--tms05w-shadowHorizontal, var(--beae-card-shadow-x)) var(--tms05w-shadowVertical, var(--beae-card-shadow-y)) var(--tms05w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tms05w-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--tms05w-background-color,var(--beae-card-prod-background)); border-color: var(--tms05w-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--tms05w-enableShadow: true): var(--tms05w-shadowHorizontal, var(--beae-card-shadow-x)) var(--tms05w-shadowVertical, var(--beae-card-shadow-y)) var(--tms05w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tms05w-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--tms05w-background-color,var(--beae-card-pricing-background)); border-color: var(--tms05w-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--tms05w-enableShadow: true): var(--tms05w-shadowHorizontal, var(--beae-card-shadow-x)) var(--tms05w-shadowVertical, var(--beae-card-shadow-y)) var(--tms05w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tms05w-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--tms05w-background-color,var(--beae-card-cta-background)); border-color: var(--tms05w-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--tms05w-enableShadow: true): var(--tms05w-shadowHorizontal, var(--beae-card-shadow-x)) var(--tms05w-shadowVertical, var(--beae-card-shadow-y)) var(--tms05w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tms05w-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--tms05w-background-color,var(--beae-card-media-background)); border-color: var(--tms05w-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--tms05w-enableShadow: true): var(--tms05w-shadowHorizontal, var(--beae-card-shadow-x)) var(--tms05w-shadowVertical, var(--beae-card-shadow-y)) var(--tms05w-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tms05w-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-tms05w"] {     display: flex;     flex-direction: var(--tms05w-direction, column);     flex-wrap: nowrap;     justify-content: var(--tms05w-justify-content);     align-items: var(--tms05w-align-items);     gap: var(--tms05w-gap, var(--tms05w-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-tms05w"] {                            gap: var(--tms05w-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(--tms05w-padding-right-tablet, 0px) - var(--tms05w-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-tms05w"] {                            gap: var(--tms05w-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(--tms05w-padding-right-mobile, 0px) - var(--tms05w-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0bibcz"] { --0bibcz-typography: p; --0bibcz-typography-tablet: p; --0bibcz-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-0bibcz"] { margin-top: var(--0bibcz-margin-top, 0px); margin-right: var(--0bibcz-margin-right, 0px); margin-bottom: var(--0bibcz-margin-bottom, 0px); margin-left: var(--0bibcz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0bibcz-margin-top-tablet, 0px); margin-right: var(--0bibcz-margin-right-tablet, 0px); margin-bottom: var(--0bibcz-margin-bottom-tablet, 0px); margin-left: var(--0bibcz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0bibcz-margin-top-mobile, 0px); margin-right: var(--0bibcz-margin-right-mobile, 0px); margin-bottom: var(--0bibcz-margin-bottom-mobile, 0px); margin-left: var(--0bibcz-margin-left-mobile, 0px); } }[data-bnode="beae-eiyqse"] { --eiyqse-direction: column; --eiyqse-direction-tablet: column; --eiyqse-direction-mobile: column; --eiyqse-gap: 16px; --eiyqse-gap-tablet: 16px; --eiyqse-gap-mobile: 16px; --eiyqse-padding-top: 0px; --eiyqse-padding-top-tablet: 0px; --eiyqse-padding-top-mobile: 0px; --eiyqse-padding-right: 24px; --eiyqse-padding-right-tablet: 24px; --eiyqse-padding-right-mobile: 20px; --eiyqse-padding-bottom: 20px; --eiyqse-padding-bottom-tablet: 20px; --eiyqse-padding-bottom-mobile: 20px; --eiyqse-padding-left: 24px; --eiyqse-padding-left-tablet: 24px; --eiyqse-padding-left-mobile: 20px; --eiyqse-background-type: color; --eiyqse-background-type-tablet: color; --eiyqse-background-type-mobile: color; --eiyqse-background-color: #413425; --eiyqse-background-color-tablet: #413425; --eiyqse-background-color-mobile: #413425; }[data-bnode="beae-eiyqse"] { padding-top: var(--eiyqse-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--eiyqse-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--eiyqse-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--eiyqse-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--eiyqse-padding-top-tablet, var(--eiyqse-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--eiyqse-padding-right-tablet, var(--eiyqse-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--eiyqse-padding-bottom-tablet, var(--eiyqse-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--eiyqse-padding-left-tablet, var(--eiyqse-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--eiyqse-padding-top-mobile, var(--eiyqse-padding-top-tablet, var(--eiyqse-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--eiyqse-padding-right-mobile, var(--eiyqse-padding-right-tablet, var(--eiyqse-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--eiyqse-padding-bottom-mobile, var(--eiyqse-padding-bottom-tablet, var(--eiyqse-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--eiyqse-padding-left-mobile, var(--eiyqse-padding-left-tablet, var(--eiyqse-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--eiyqse-padding-left, var(--beae-slot-padding-x, 0px)) - var(--eiyqse-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(--eiyqse-background-imageRatio, auto); background: var(--eiyqse-background-color,transparent); border-style: var(--eiyqse-borderStyle,solid); border-color: var(--eiyqse-borderColor,#000000); border-width: var(--eiyqse-borderWidth-tl,0px) var(--eiyqse-borderWidth-tr,0px) var(--eiyqse-borderWidth-br,0px) var(--eiyqse-borderWidth-bl,0px); border-radius: var(--eiyqse-borderRadius-tl,0px) var(--eiyqse-borderRadius-tr,0px) var(--eiyqse-borderRadius-br,0px) var(--eiyqse-borderRadius-bl,0px); box-shadow: if(style(--eiyqse-enableShadow: true): var(--eiyqse-shadowHorizontal,0) var(--eiyqse-shadowVertical,0) var(--eiyqse-shadowBlur,0) 1px var(--eiyqse-shadowColor,#000000); else: none); max-width: var(--eiyqse-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--eiyqse-background-imageRatio-tablet, var(--eiyqse-background-imageRatio, auto)); border-width: var(--eiyqse-borderWidth-tl-tablet,0px) var(--eiyqse-borderWidth-tr-tablet,0px) var(--eiyqse-borderWidth-br-tablet,0px) var(--eiyqse-borderWidth-bl-tablet,0px); border-radius: var(--eiyqse-borderRadius-tl-tablet,0px) var(--eiyqse-borderRadius-tr-tablet,0px) var(--eiyqse-borderRadius-br-tablet,0px) var(--eiyqse-borderRadius-bl-tablet,0px); max-width: var(--eiyqse-max-width-tablet, var(--eiyqse-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--eiyqse-background-imageRatio-mobile, var(--eiyqse-background-imageRatio, auto)); border-width: var(--eiyqse-borderWidth-tl-mobile,0px) var(--eiyqse-borderWidth-tr-mobile,0px) var(--eiyqse-borderWidth-br-mobile,0px) var(--eiyqse-borderWidth-bl-mobile,0px); border-radius: var(--eiyqse-borderRadius-tl-mobile,0px) var(--eiyqse-borderRadius-tr-mobile,0px) var(--eiyqse-borderRadius-br-mobile,0px) var(--eiyqse-borderRadius-bl-mobile,0px); max-width: var(--eiyqse-max-width-mobile, var(--eiyqse-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--eiyqse-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--eiyqse-gap,var(--beae-card-gap)); padding-top: var(--eiyqse-padding-top,var(--beae-card-padding)); padding-right: var(--eiyqse-padding-right,var(--beae-card-padding)); padding-bottom: var(--eiyqse-padding-bottom,var(--beae-card-padding)); padding-left: var(--eiyqse-padding-left,var(--beae-card-padding)); border-width: var(--eiyqse-borderWidth,var(--beae-card-border-width)); border-width: var(--eiyqse-borderWidth-tl,var(--beae-card-border-width)) var(--eiyqse-borderWidth-tr,var(--beae-card-border-width)) var(--eiyqse-borderWidth-br,var(--beae-card-border-width)) var(--eiyqse-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--eiyqse-borderRadius-tl,var(--beae-card-border-radius)) var(--eiyqse-borderRadius-tr,var(--beae-card-border-radius)) var(--eiyqse-borderRadius-br,var(--beae-card-border-radius)) var(--eiyqse-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(--eiyqse-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--eiyqse-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--eiyqse-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--eiyqse-padding-left-tablet,var(--beae-card-padding)); border-width: var(--eiyqse-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--eiyqse-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--eiyqse-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--eiyqse-borderWidth-br-desktop,var(--beae-card-border-width)) var(--eiyqse-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--eiyqse-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--eiyqse-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--eiyqse-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--eiyqse-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--eiyqse-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--eiyqse-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--eiyqse-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--eiyqse-padding-left-mobile,var(--beae-card-padding)); border-width: var(--eiyqse-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--eiyqse-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--eiyqse-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--eiyqse-borderWidth-br-mobile,var(--beae-card-border-width)) var(--eiyqse-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--eiyqse-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--eiyqse-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--eiyqse-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--eiyqse-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--eiyqse-background-color,var(--beae-card-featured-background)); border-color: var(--eiyqse-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--eiyqse-enableShadow: true): var(--eiyqse-shadowHorizontal, var(--beae-card-shadow-x)) var(--eiyqse-shadowVertical, var(--beae-card-shadow-y)) var(--eiyqse-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--eiyqse-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--eiyqse-background-color,var(--beae-card-prod-background)); border-color: var(--eiyqse-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--eiyqse-enableShadow: true): var(--eiyqse-shadowHorizontal, var(--beae-card-shadow-x)) var(--eiyqse-shadowVertical, var(--beae-card-shadow-y)) var(--eiyqse-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--eiyqse-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--eiyqse-background-color,var(--beae-card-pricing-background)); border-color: var(--eiyqse-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--eiyqse-enableShadow: true): var(--eiyqse-shadowHorizontal, var(--beae-card-shadow-x)) var(--eiyqse-shadowVertical, var(--beae-card-shadow-y)) var(--eiyqse-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--eiyqse-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--eiyqse-background-color,var(--beae-card-cta-background)); border-color: var(--eiyqse-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--eiyqse-enableShadow: true): var(--eiyqse-shadowHorizontal, var(--beae-card-shadow-x)) var(--eiyqse-shadowVertical, var(--beae-card-shadow-y)) var(--eiyqse-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--eiyqse-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--eiyqse-background-color,var(--beae-card-media-background)); border-color: var(--eiyqse-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--eiyqse-enableShadow: true): var(--eiyqse-shadowHorizontal, var(--beae-card-shadow-x)) var(--eiyqse-shadowVertical, var(--beae-card-shadow-y)) var(--eiyqse-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--eiyqse-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-eiyqse"] {     display: flex;     flex-direction: var(--eiyqse-direction, column);     flex-wrap: nowrap;     justify-content: var(--eiyqse-justify-content);     align-items: var(--eiyqse-align-items);     gap: var(--eiyqse-gap, var(--eiyqse-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-eiyqse"] {                            gap: var(--eiyqse-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(--eiyqse-padding-right-tablet, 0px) - var(--eiyqse-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-eiyqse"] {                            gap: var(--eiyqse-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(--eiyqse-padding-right-mobile, 0px) - var(--eiyqse-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-bflxac"] { --bflxac-typography: p; --bflxac-typography-tablet: p; --bflxac-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-bflxac"] { margin-top: var(--bflxac-margin-top, 0px); margin-right: var(--bflxac-margin-right, 0px); margin-bottom: var(--bflxac-margin-bottom, 0px); margin-left: var(--bflxac-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bflxac-margin-top-tablet, 0px); margin-right: var(--bflxac-margin-right-tablet, 0px); margin-bottom: var(--bflxac-margin-bottom-tablet, 0px); margin-left: var(--bflxac-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bflxac-margin-top-mobile, 0px); margin-right: var(--bflxac-margin-right-mobile, 0px); margin-bottom: var(--bflxac-margin-bottom-mobile, 0px); margin-left: var(--bflxac-margin-left-mobile, 0px); } }[data-bnode="beae-9r1rey"] { --9r1rey-direction: column; --9r1rey-direction-tablet: column; --9r1rey-direction-mobile: column; --9r1rey-gap: 16px; --9r1rey-gap-tablet: 16px; --9r1rey-gap-mobile: 16px; --9r1rey-padding-top: 0px; --9r1rey-padding-top-tablet: 0px; --9r1rey-padding-top-mobile: 0px; --9r1rey-padding-right: 24px; --9r1rey-padding-right-tablet: 24px; --9r1rey-padding-right-mobile: 20px; --9r1rey-padding-bottom: 20px; --9r1rey-padding-bottom-tablet: 20px; --9r1rey-padding-bottom-mobile: 20px; --9r1rey-padding-left: 24px; --9r1rey-padding-left-tablet: 24px; --9r1rey-padding-left-mobile: 20px; --9r1rey-background-type: color; --9r1rey-background-type-tablet: color; --9r1rey-background-type-mobile: color; --9r1rey-background-color: #413425; --9r1rey-background-color-tablet: #413425; --9r1rey-background-color-mobile: #413425; }[data-bnode="beae-9r1rey"] { padding-top: var(--9r1rey-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9r1rey-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9r1rey-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9r1rey-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9r1rey-padding-top-tablet, var(--9r1rey-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9r1rey-padding-right-tablet, var(--9r1rey-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9r1rey-padding-bottom-tablet, var(--9r1rey-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9r1rey-padding-left-tablet, var(--9r1rey-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9r1rey-padding-top-mobile, var(--9r1rey-padding-top-tablet, var(--9r1rey-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9r1rey-padding-right-mobile, var(--9r1rey-padding-right-tablet, var(--9r1rey-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9r1rey-padding-bottom-mobile, var(--9r1rey-padding-bottom-tablet, var(--9r1rey-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9r1rey-padding-left-mobile, var(--9r1rey-padding-left-tablet, var(--9r1rey-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--9r1rey-padding-left, var(--beae-slot-padding-x, 0px)) - var(--9r1rey-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(--9r1rey-background-imageRatio, auto); background: var(--9r1rey-background-color,transparent); border-style: var(--9r1rey-borderStyle,solid); border-color: var(--9r1rey-borderColor,#000000); border-width: var(--9r1rey-borderWidth-tl,0px) var(--9r1rey-borderWidth-tr,0px) var(--9r1rey-borderWidth-br,0px) var(--9r1rey-borderWidth-bl,0px); border-radius: var(--9r1rey-borderRadius-tl,0px) var(--9r1rey-borderRadius-tr,0px) var(--9r1rey-borderRadius-br,0px) var(--9r1rey-borderRadius-bl,0px); box-shadow: if(style(--9r1rey-enableShadow: true): var(--9r1rey-shadowHorizontal,0) var(--9r1rey-shadowVertical,0) var(--9r1rey-shadowBlur,0) 1px var(--9r1rey-shadowColor,#000000); else: none); max-width: var(--9r1rey-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--9r1rey-background-imageRatio-tablet, var(--9r1rey-background-imageRatio, auto)); border-width: var(--9r1rey-borderWidth-tl-tablet,0px) var(--9r1rey-borderWidth-tr-tablet,0px) var(--9r1rey-borderWidth-br-tablet,0px) var(--9r1rey-borderWidth-bl-tablet,0px); border-radius: var(--9r1rey-borderRadius-tl-tablet,0px) var(--9r1rey-borderRadius-tr-tablet,0px) var(--9r1rey-borderRadius-br-tablet,0px) var(--9r1rey-borderRadius-bl-tablet,0px); max-width: var(--9r1rey-max-width-tablet, var(--9r1rey-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--9r1rey-background-imageRatio-mobile, var(--9r1rey-background-imageRatio, auto)); border-width: var(--9r1rey-borderWidth-tl-mobile,0px) var(--9r1rey-borderWidth-tr-mobile,0px) var(--9r1rey-borderWidth-br-mobile,0px) var(--9r1rey-borderWidth-bl-mobile,0px); border-radius: var(--9r1rey-borderRadius-tl-mobile,0px) var(--9r1rey-borderRadius-tr-mobile,0px) var(--9r1rey-borderRadius-br-mobile,0px) var(--9r1rey-borderRadius-bl-mobile,0px); max-width: var(--9r1rey-max-width-mobile, var(--9r1rey-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--9r1rey-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--9r1rey-gap,var(--beae-card-gap)); padding-top: var(--9r1rey-padding-top,var(--beae-card-padding)); padding-right: var(--9r1rey-padding-right,var(--beae-card-padding)); padding-bottom: var(--9r1rey-padding-bottom,var(--beae-card-padding)); padding-left: var(--9r1rey-padding-left,var(--beae-card-padding)); border-width: var(--9r1rey-borderWidth,var(--beae-card-border-width)); border-width: var(--9r1rey-borderWidth-tl,var(--beae-card-border-width)) var(--9r1rey-borderWidth-tr,var(--beae-card-border-width)) var(--9r1rey-borderWidth-br,var(--beae-card-border-width)) var(--9r1rey-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--9r1rey-borderRadius-tl,var(--beae-card-border-radius)) var(--9r1rey-borderRadius-tr,var(--beae-card-border-radius)) var(--9r1rey-borderRadius-br,var(--beae-card-border-radius)) var(--9r1rey-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(--9r1rey-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--9r1rey-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--9r1rey-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--9r1rey-padding-left-tablet,var(--beae-card-padding)); border-width: var(--9r1rey-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--9r1rey-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--9r1rey-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--9r1rey-borderWidth-br-desktop,var(--beae-card-border-width)) var(--9r1rey-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--9r1rey-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--9r1rey-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--9r1rey-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--9r1rey-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--9r1rey-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--9r1rey-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--9r1rey-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--9r1rey-padding-left-mobile,var(--beae-card-padding)); border-width: var(--9r1rey-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--9r1rey-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--9r1rey-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--9r1rey-borderWidth-br-mobile,var(--beae-card-border-width)) var(--9r1rey-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--9r1rey-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--9r1rey-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--9r1rey-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--9r1rey-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--9r1rey-background-color,var(--beae-card-featured-background)); border-color: var(--9r1rey-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--9r1rey-enableShadow: true): var(--9r1rey-shadowHorizontal, var(--beae-card-shadow-x)) var(--9r1rey-shadowVertical, var(--beae-card-shadow-y)) var(--9r1rey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9r1rey-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--9r1rey-background-color,var(--beae-card-prod-background)); border-color: var(--9r1rey-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--9r1rey-enableShadow: true): var(--9r1rey-shadowHorizontal, var(--beae-card-shadow-x)) var(--9r1rey-shadowVertical, var(--beae-card-shadow-y)) var(--9r1rey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9r1rey-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--9r1rey-background-color,var(--beae-card-pricing-background)); border-color: var(--9r1rey-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--9r1rey-enableShadow: true): var(--9r1rey-shadowHorizontal, var(--beae-card-shadow-x)) var(--9r1rey-shadowVertical, var(--beae-card-shadow-y)) var(--9r1rey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9r1rey-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--9r1rey-background-color,var(--beae-card-cta-background)); border-color: var(--9r1rey-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--9r1rey-enableShadow: true): var(--9r1rey-shadowHorizontal, var(--beae-card-shadow-x)) var(--9r1rey-shadowVertical, var(--beae-card-shadow-y)) var(--9r1rey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9r1rey-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--9r1rey-background-color,var(--beae-card-media-background)); border-color: var(--9r1rey-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--9r1rey-enableShadow: true): var(--9r1rey-shadowHorizontal, var(--beae-card-shadow-x)) var(--9r1rey-shadowVertical, var(--beae-card-shadow-y)) var(--9r1rey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9r1rey-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-9r1rey"] {     display: flex;     flex-direction: var(--9r1rey-direction, column);     flex-wrap: nowrap;     justify-content: var(--9r1rey-justify-content);     align-items: var(--9r1rey-align-items);     gap: var(--9r1rey-gap, var(--9r1rey-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9r1rey"] {                            gap: var(--9r1rey-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(--9r1rey-padding-right-tablet, 0px) - var(--9r1rey-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9r1rey"] {                            gap: var(--9r1rey-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(--9r1rey-padding-right-mobile, 0px) - var(--9r1rey-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-eh4s23"] { --eh4s23-typography: p; --eh4s23-typography-tablet: p; --eh4s23-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-eh4s23"] { margin-top: var(--eh4s23-margin-top, 0px); margin-right: var(--eh4s23-margin-right, 0px); margin-bottom: var(--eh4s23-margin-bottom, 0px); margin-left: var(--eh4s23-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--eh4s23-margin-top-tablet, 0px); margin-right: var(--eh4s23-margin-right-tablet, 0px); margin-bottom: var(--eh4s23-margin-bottom-tablet, 0px); margin-left: var(--eh4s23-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--eh4s23-margin-top-mobile, 0px); margin-right: var(--eh4s23-margin-right-mobile, 0px); margin-bottom: var(--eh4s23-margin-bottom-mobile, 0px); margin-left: var(--eh4s23-margin-left-mobile, 0px); } }[data-bnode="beae-uucu2y"] { --uucu2y-direction: column; --uucu2y-direction-tablet: column; --uucu2y-direction-mobile: column; --uucu2y-gap: 16px; --uucu2y-gap-tablet: 16px; --uucu2y-gap-mobile: 16px; --uucu2y-padding-top: 0px; --uucu2y-padding-top-tablet: 0px; --uucu2y-padding-top-mobile: 0px; --uucu2y-padding-right: 24px; --uucu2y-padding-right-tablet: 24px; --uucu2y-padding-right-mobile: 20px; --uucu2y-padding-bottom: 20px; --uucu2y-padding-bottom-tablet: 20px; --uucu2y-padding-bottom-mobile: 20px; --uucu2y-padding-left: 24px; --uucu2y-padding-left-tablet: 24px; --uucu2y-padding-left-mobile: 20px; --uucu2y-background-type: color; --uucu2y-background-type-tablet: color; --uucu2y-background-type-mobile: color; --uucu2y-background-color: #413425; --uucu2y-background-color-tablet: #413425; --uucu2y-background-color-mobile: #413425; }[data-bnode="beae-uucu2y"] { padding-top: var(--uucu2y-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--uucu2y-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--uucu2y-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--uucu2y-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uucu2y-padding-top-tablet, var(--uucu2y-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--uucu2y-padding-right-tablet, var(--uucu2y-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--uucu2y-padding-bottom-tablet, var(--uucu2y-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--uucu2y-padding-left-tablet, var(--uucu2y-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uucu2y-padding-top-mobile, var(--uucu2y-padding-top-tablet, var(--uucu2y-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--uucu2y-padding-right-mobile, var(--uucu2y-padding-right-tablet, var(--uucu2y-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--uucu2y-padding-bottom-mobile, var(--uucu2y-padding-bottom-tablet, var(--uucu2y-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--uucu2y-padding-left-mobile, var(--uucu2y-padding-left-tablet, var(--uucu2y-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--uucu2y-padding-left, var(--beae-slot-padding-x, 0px)) - var(--uucu2y-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(--uucu2y-background-imageRatio, auto); background: var(--uucu2y-background-color,transparent); border-style: var(--uucu2y-borderStyle,solid); border-color: var(--uucu2y-borderColor,#000000); border-width: var(--uucu2y-borderWidth-tl,0px) var(--uucu2y-borderWidth-tr,0px) var(--uucu2y-borderWidth-br,0px) var(--uucu2y-borderWidth-bl,0px); border-radius: var(--uucu2y-borderRadius-tl,0px) var(--uucu2y-borderRadius-tr,0px) var(--uucu2y-borderRadius-br,0px) var(--uucu2y-borderRadius-bl,0px); box-shadow: if(style(--uucu2y-enableShadow: true): var(--uucu2y-shadowHorizontal,0) var(--uucu2y-shadowVertical,0) var(--uucu2y-shadowBlur,0) 1px var(--uucu2y-shadowColor,#000000); else: none); max-width: var(--uucu2y-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--uucu2y-background-imageRatio-tablet, var(--uucu2y-background-imageRatio, auto)); border-width: var(--uucu2y-borderWidth-tl-tablet,0px) var(--uucu2y-borderWidth-tr-tablet,0px) var(--uucu2y-borderWidth-br-tablet,0px) var(--uucu2y-borderWidth-bl-tablet,0px); border-radius: var(--uucu2y-borderRadius-tl-tablet,0px) var(--uucu2y-borderRadius-tr-tablet,0px) var(--uucu2y-borderRadius-br-tablet,0px) var(--uucu2y-borderRadius-bl-tablet,0px); max-width: var(--uucu2y-max-width-tablet, var(--uucu2y-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--uucu2y-background-imageRatio-mobile, var(--uucu2y-background-imageRatio, auto)); border-width: var(--uucu2y-borderWidth-tl-mobile,0px) var(--uucu2y-borderWidth-tr-mobile,0px) var(--uucu2y-borderWidth-br-mobile,0px) var(--uucu2y-borderWidth-bl-mobile,0px); border-radius: var(--uucu2y-borderRadius-tl-mobile,0px) var(--uucu2y-borderRadius-tr-mobile,0px) var(--uucu2y-borderRadius-br-mobile,0px) var(--uucu2y-borderRadius-bl-mobile,0px); max-width: var(--uucu2y-max-width-mobile, var(--uucu2y-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--uucu2y-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--uucu2y-gap,var(--beae-card-gap)); padding-top: var(--uucu2y-padding-top,var(--beae-card-padding)); padding-right: var(--uucu2y-padding-right,var(--beae-card-padding)); padding-bottom: var(--uucu2y-padding-bottom,var(--beae-card-padding)); padding-left: var(--uucu2y-padding-left,var(--beae-card-padding)); border-width: var(--uucu2y-borderWidth,var(--beae-card-border-width)); border-width: var(--uucu2y-borderWidth-tl,var(--beae-card-border-width)) var(--uucu2y-borderWidth-tr,var(--beae-card-border-width)) var(--uucu2y-borderWidth-br,var(--beae-card-border-width)) var(--uucu2y-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--uucu2y-borderRadius-tl,var(--beae-card-border-radius)) var(--uucu2y-borderRadius-tr,var(--beae-card-border-radius)) var(--uucu2y-borderRadius-br,var(--beae-card-border-radius)) var(--uucu2y-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(--uucu2y-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--uucu2y-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--uucu2y-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--uucu2y-padding-left-tablet,var(--beae-card-padding)); border-width: var(--uucu2y-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--uucu2y-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--uucu2y-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--uucu2y-borderWidth-br-desktop,var(--beae-card-border-width)) var(--uucu2y-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--uucu2y-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--uucu2y-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--uucu2y-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--uucu2y-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--uucu2y-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--uucu2y-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--uucu2y-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--uucu2y-padding-left-mobile,var(--beae-card-padding)); border-width: var(--uucu2y-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--uucu2y-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--uucu2y-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--uucu2y-borderWidth-br-mobile,var(--beae-card-border-width)) var(--uucu2y-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--uucu2y-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--uucu2y-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--uucu2y-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--uucu2y-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--uucu2y-background-color,var(--beae-card-featured-background)); border-color: var(--uucu2y-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--uucu2y-enableShadow: true): var(--uucu2y-shadowHorizontal, var(--beae-card-shadow-x)) var(--uucu2y-shadowVertical, var(--beae-card-shadow-y)) var(--uucu2y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uucu2y-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--uucu2y-background-color,var(--beae-card-prod-background)); border-color: var(--uucu2y-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--uucu2y-enableShadow: true): var(--uucu2y-shadowHorizontal, var(--beae-card-shadow-x)) var(--uucu2y-shadowVertical, var(--beae-card-shadow-y)) var(--uucu2y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uucu2y-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--uucu2y-background-color,var(--beae-card-pricing-background)); border-color: var(--uucu2y-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--uucu2y-enableShadow: true): var(--uucu2y-shadowHorizontal, var(--beae-card-shadow-x)) var(--uucu2y-shadowVertical, var(--beae-card-shadow-y)) var(--uucu2y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uucu2y-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--uucu2y-background-color,var(--beae-card-cta-background)); border-color: var(--uucu2y-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--uucu2y-enableShadow: true): var(--uucu2y-shadowHorizontal, var(--beae-card-shadow-x)) var(--uucu2y-shadowVertical, var(--beae-card-shadow-y)) var(--uucu2y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uucu2y-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--uucu2y-background-color,var(--beae-card-media-background)); border-color: var(--uucu2y-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--uucu2y-enableShadow: true): var(--uucu2y-shadowHorizontal, var(--beae-card-shadow-x)) var(--uucu2y-shadowVertical, var(--beae-card-shadow-y)) var(--uucu2y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uucu2y-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-uucu2y"] {     display: flex;     flex-direction: var(--uucu2y-direction, column);     flex-wrap: nowrap;     justify-content: var(--uucu2y-justify-content);     align-items: var(--uucu2y-align-items);     gap: var(--uucu2y-gap, var(--uucu2y-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uucu2y"] {                            gap: var(--uucu2y-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(--uucu2y-padding-right-tablet, 0px) - var(--uucu2y-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-uucu2y"] {                            gap: var(--uucu2y-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(--uucu2y-padding-right-mobile, 0px) - var(--uucu2y-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-0zewus"] { --0zewus-typography: p; --0zewus-typography-tablet: p; --0zewus-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #F6F2EF; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; }[data-bnode="beae-0zewus"] { margin-top: var(--0zewus-margin-top, 0px); margin-right: var(--0zewus-margin-right, 0px); margin-bottom: var(--0zewus-margin-bottom, 0px); margin-left: var(--0zewus-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0zewus-margin-top-tablet, 0px); margin-right: var(--0zewus-margin-right-tablet, 0px); margin-bottom: var(--0zewus-margin-bottom-tablet, 0px); margin-left: var(--0zewus-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0zewus-margin-top-mobile, 0px); margin-right: var(--0zewus-margin-right-mobile, 0px); margin-bottom: var(--0zewus-margin-bottom-mobile, 0px); margin-left: var(--0zewus-margin-left-mobile, 0px); } }[data-bnode="beae-iv06g7"] { --iv06g7-width: 100%; --iv06g7-width-tablet: 100%; --iv06g7-width-mobile: 100%; --iv06g7-height: 480px; --iv06g7-height-tablet: 400px; --iv06g7-height-mobile: 400px; --iv06g7-padding-top: 0px; --iv06g7-padding-top-tablet: 0px; --iv06g7-padding-top-mobile: 0px; --iv06g7-padding-bottom: 0px; --iv06g7-padding-bottom-tablet: 0px; --iv06g7-padding-bottom-mobile: 0px; --iv06g7-padding-right: 32px; --iv06g7-padding-right-tablet: 30px; --iv06g7-padding-right-mobile: 16px; --iv06g7-padding-left: 32px; --iv06g7-padding-left-tablet: 30px; --iv06g7-padding-left-mobile: 16px; --iv06g7-background-type: image; --iv06g7-background-type-tablet: image; --iv06g7-background-type-mobile: image; --iv06g7-background-image: [object Object]; --iv06g7-background-image-tablet: [object Object]; --iv06g7-background-image-mobile: [object Object]; --iv06g7-background-color: #ffffff; --iv06g7-background-color-tablet: #ffffff; --iv06g7-background-color-mobile: #ffffff; --iv06g7-direction: row; --iv06g7-direction-tablet: row; --iv06g7-direction-mobile: row; --iv06g7-align-items: center; --iv06g7-align-items-tablet: center; --iv06g7-align-items-mobile: center; --iv06g7-justify-content: center; --iv06g7-justify-content-tablet: center; --iv06g7-justify-content-mobile: center; }[data-bnode="beae-iv06g7"] { padding-top: var(--iv06g7-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--iv06g7-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--iv06g7-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--iv06g7-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--iv06g7-padding-top-tablet, var(--iv06g7-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--iv06g7-padding-right-tablet, var(--iv06g7-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--iv06g7-padding-bottom-tablet, var(--iv06g7-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--iv06g7-padding-left-tablet, var(--iv06g7-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--iv06g7-padding-top-mobile, var(--iv06g7-padding-top-tablet, var(--iv06g7-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--iv06g7-padding-right-mobile, var(--iv06g7-padding-right-tablet, var(--iv06g7-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--iv06g7-padding-bottom-mobile, var(--iv06g7-padding-bottom-tablet, var(--iv06g7-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--iv06g7-padding-left-mobile, var(--iv06g7-padding-left-tablet, var(--iv06g7-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--iv06g7-padding-left, var(--beae-section-padding-x, 0px)) - var(--iv06g7-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--iv06g7-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--iv06g7-height); width: 100%; max-width: var(--iv06g7-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(--iv06g7-height-tablet, auto); width: 100%; max-width: var(--iv06g7-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--iv06g7-height-mobile, auto); width: 100%; max-width: var(--iv06g7-width-mobile, 100%); } } } }[data-bnode="beae-iv06g7"] > .beae-section-container{     display: flex;     flex-direction: var(--iv06g7-direction, column);     flex-wrap: nowrap;     justify-content: var(--iv06g7-justify-content);     align-items: var(--iv06g7-align-items);     gap: var(--iv06g7-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-iv06g7"] > .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(--iv06g7-padding-right-tablet, 0px) - var(--iv06g7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-iv06g7"] > .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(--iv06g7-padding-right-mobile, 0px) - var(--iv06g7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-g5z1ib"] { --g5z1ib-direction: column; --g5z1ib-direction-tablet: column; --g5z1ib-direction-mobile: column; --g5z1ib-structure: columns; --g5z1ib-structure-tablet: columns; --g5z1ib-structure-mobile: columns; --g5z1ib-align-items: center; --g5z1ib-align-items-tablet: center; --g5z1ib-align-items-mobile: center; --g5z1ib-justify-content: flex-end; --g5z1ib-justify-content-tablet: flex-end; --g5z1ib-justify-content-mobile: flex-end; --g5z1ib-max-width: 768px; --g5z1ib-gap: 16px; --g5z1ib-gap-tablet: 16px; --g5z1ib-gap-mobile: 12px; --g5z1ib-padding-top: 80px; --g5z1ib-padding-top-tablet: 80px; --g5z1ib-padding-top-mobile: 56px; --g5z1ib-padding-right: 0px; --g5z1ib-padding-right-tablet: 0px; --g5z1ib-padding-right-mobile: 0px; --g5z1ib-padding-bottom: 80px; --g5z1ib-padding-bottom-tablet: 80px; --g5z1ib-padding-bottom-mobile: 56px; --g5z1ib-padding-left: 0px; --g5z1ib-padding-left-tablet: 0px; --g5z1ib-padding-left-mobile: 0px; }[data-bnode="beae-g5z1ib"] { padding-top: var(--g5z1ib-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--g5z1ib-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--g5z1ib-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--g5z1ib-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--g5z1ib-padding-top-tablet, var(--g5z1ib-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--g5z1ib-padding-right-tablet, var(--g5z1ib-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--g5z1ib-padding-bottom-tablet, var(--g5z1ib-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--g5z1ib-padding-left-tablet, var(--g5z1ib-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--g5z1ib-padding-top-mobile, var(--g5z1ib-padding-top-tablet, var(--g5z1ib-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--g5z1ib-padding-right-mobile, var(--g5z1ib-padding-right-tablet, var(--g5z1ib-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--g5z1ib-padding-bottom-mobile, var(--g5z1ib-padding-bottom-tablet, var(--g5z1ib-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--g5z1ib-padding-left-mobile, var(--g5z1ib-padding-left-tablet, var(--g5z1ib-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--g5z1ib-padding-left, var(--beae-slot-padding-x, 0px)) - var(--g5z1ib-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(--g5z1ib-background-imageRatio, auto); background: var(--g5z1ib-background-color,transparent); border-style: var(--g5z1ib-borderStyle,solid); border-color: var(--g5z1ib-borderColor,#000000); border-width: var(--g5z1ib-borderWidth-tl,0px) var(--g5z1ib-borderWidth-tr,0px) var(--g5z1ib-borderWidth-br,0px) var(--g5z1ib-borderWidth-bl,0px); border-radius: var(--g5z1ib-borderRadius-tl,0px) var(--g5z1ib-borderRadius-tr,0px) var(--g5z1ib-borderRadius-br,0px) var(--g5z1ib-borderRadius-bl,0px); box-shadow: if(style(--g5z1ib-enableShadow: true): var(--g5z1ib-shadowHorizontal,0) var(--g5z1ib-shadowVertical,0) var(--g5z1ib-shadowBlur,0) 1px var(--g5z1ib-shadowColor,#000000); else: none); max-width: var(--g5z1ib-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--g5z1ib-background-imageRatio-tablet, var(--g5z1ib-background-imageRatio, auto)); border-width: var(--g5z1ib-borderWidth-tl-tablet,0px) var(--g5z1ib-borderWidth-tr-tablet,0px) var(--g5z1ib-borderWidth-br-tablet,0px) var(--g5z1ib-borderWidth-bl-tablet,0px); border-radius: var(--g5z1ib-borderRadius-tl-tablet,0px) var(--g5z1ib-borderRadius-tr-tablet,0px) var(--g5z1ib-borderRadius-br-tablet,0px) var(--g5z1ib-borderRadius-bl-tablet,0px); max-width: var(--g5z1ib-max-width-tablet, var(--g5z1ib-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--g5z1ib-background-imageRatio-mobile, var(--g5z1ib-background-imageRatio, auto)); border-width: var(--g5z1ib-borderWidth-tl-mobile,0px) var(--g5z1ib-borderWidth-tr-mobile,0px) var(--g5z1ib-borderWidth-br-mobile,0px) var(--g5z1ib-borderWidth-bl-mobile,0px); border-radius: var(--g5z1ib-borderRadius-tl-mobile,0px) var(--g5z1ib-borderRadius-tr-mobile,0px) var(--g5z1ib-borderRadius-br-mobile,0px) var(--g5z1ib-borderRadius-bl-mobile,0px); max-width: var(--g5z1ib-max-width-mobile, var(--g5z1ib-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--g5z1ib-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--g5z1ib-gap,var(--beae-card-gap)); padding-top: var(--g5z1ib-padding-top,var(--beae-card-padding)); padding-right: var(--g5z1ib-padding-right,var(--beae-card-padding)); padding-bottom: var(--g5z1ib-padding-bottom,var(--beae-card-padding)); padding-left: var(--g5z1ib-padding-left,var(--beae-card-padding)); border-width: var(--g5z1ib-borderWidth,var(--beae-card-border-width)); border-width: var(--g5z1ib-borderWidth-tl,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-tr,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-br,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--g5z1ib-borderRadius-tl,var(--beae-card-border-radius)) var(--g5z1ib-borderRadius-tr,var(--beae-card-border-radius)) var(--g5z1ib-borderRadius-br,var(--beae-card-border-radius)) var(--g5z1ib-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(--g5z1ib-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--g5z1ib-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--g5z1ib-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--g5z1ib-padding-left-tablet,var(--beae-card-padding)); border-width: var(--g5z1ib-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--g5z1ib-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-br-desktop,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--g5z1ib-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--g5z1ib-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--g5z1ib-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--g5z1ib-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--g5z1ib-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--g5z1ib-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--g5z1ib-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--g5z1ib-padding-left-mobile,var(--beae-card-padding)); border-width: var(--g5z1ib-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--g5z1ib-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-br-mobile,var(--beae-card-border-width)) var(--g5z1ib-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--g5z1ib-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--g5z1ib-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--g5z1ib-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--g5z1ib-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--g5z1ib-background-color,var(--beae-card-featured-background)); border-color: var(--g5z1ib-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--g5z1ib-enableShadow: true): var(--g5z1ib-shadowHorizontal, var(--beae-card-shadow-x)) var(--g5z1ib-shadowVertical, var(--beae-card-shadow-y)) var(--g5z1ib-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g5z1ib-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--g5z1ib-background-color,var(--beae-card-prod-background)); border-color: var(--g5z1ib-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--g5z1ib-enableShadow: true): var(--g5z1ib-shadowHorizontal, var(--beae-card-shadow-x)) var(--g5z1ib-shadowVertical, var(--beae-card-shadow-y)) var(--g5z1ib-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g5z1ib-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--g5z1ib-background-color,var(--beae-card-pricing-background)); border-color: var(--g5z1ib-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--g5z1ib-enableShadow: true): var(--g5z1ib-shadowHorizontal, var(--beae-card-shadow-x)) var(--g5z1ib-shadowVertical, var(--beae-card-shadow-y)) var(--g5z1ib-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g5z1ib-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--g5z1ib-background-color,var(--beae-card-cta-background)); border-color: var(--g5z1ib-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--g5z1ib-enableShadow: true): var(--g5z1ib-shadowHorizontal, var(--beae-card-shadow-x)) var(--g5z1ib-shadowVertical, var(--beae-card-shadow-y)) var(--g5z1ib-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g5z1ib-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--g5z1ib-background-color,var(--beae-card-media-background)); border-color: var(--g5z1ib-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--g5z1ib-enableShadow: true): var(--g5z1ib-shadowHorizontal, var(--beae-card-shadow-x)) var(--g5z1ib-shadowVertical, var(--beae-card-shadow-y)) var(--g5z1ib-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g5z1ib-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-g5z1ib"] {     display: flex;     flex-direction: var(--g5z1ib-direction, column);     flex-wrap: nowrap;     justify-content: var(--g5z1ib-justify-content);     align-items: var(--g5z1ib-align-items);     gap: var(--g5z1ib-gap, var(--g5z1ib-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-g5z1ib"] {                            gap: var(--g5z1ib-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(--g5z1ib-padding-right-tablet, 0px) - var(--g5z1ib-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-g5z1ib"] {                      align-items: var(--g5z1ib-align-items-mobile, inherit);      gap: var(--g5z1ib-gap-mobile, var(--g5z1ib-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(--g5z1ib-padding-right-mobile, 0px) - var(--g5z1ib-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-xvlyjp"] { --xvlyjp-direction: row; --xvlyjp-direction-tablet: row; --xvlyjp-direction-mobile: row; --xvlyjp-structure: columns; --xvlyjp-structure-tablet: columns; --xvlyjp-structure-mobile: columns; --xvlyjp-max-width: fit-content; --xvlyjp-max-width-tablet: fit-content; --xvlyjp-max-width-mobile: fit-content; --xvlyjp-padding-top: 6px; --xvlyjp-padding-top-tablet: 6px; --xvlyjp-padding-top-mobile: 6px; --xvlyjp-padding-right: 12px; --xvlyjp-padding-right-tablet: 12px; --xvlyjp-padding-right-mobile: 12px; --xvlyjp-padding-bottom: 6px; --xvlyjp-padding-bottom-tablet: 6px; --xvlyjp-padding-bottom-mobile: 6px; --xvlyjp-padding-left: 12px; --xvlyjp-padding-left-tablet: 12px; --xvlyjp-padding-left-mobile: 12px; --xvlyjp-background-type: color; --xvlyjp-background-type-tablet: color; --xvlyjp-background-type-mobile: color; --xvlyjp-background-color: #FFDC83; --xvlyjp-background-color-tablet: #FFDC83; --xvlyjp-background-color-mobile: #FFDC83; --xvlyjp-borderRadius-tl: 9999px; --xvlyjp-borderRadius-tl-tablet: 9999px; --xvlyjp-borderRadius-tl-mobile: 9999px; --xvlyjp-borderRadius-tr: 9999px; --xvlyjp-borderRadius-tr-tablet: 9999px; --xvlyjp-borderRadius-tr-mobile: 9999px; --xvlyjp-borderRadius-bl: 9999px; --xvlyjp-borderRadius-bl-tablet: 9999px; --xvlyjp-borderRadius-bl-mobile: 9999px; --xvlyjp-borderRadius-br: 9999px; --xvlyjp-borderRadius-br-tablet: 9999px; --xvlyjp-borderRadius-br-mobile: 9999px; }[data-bnode="beae-xvlyjp"] { padding-top: var(--xvlyjp-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xvlyjp-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xvlyjp-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xvlyjp-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xvlyjp-padding-top-tablet, var(--xvlyjp-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xvlyjp-padding-right-tablet, var(--xvlyjp-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xvlyjp-padding-bottom-tablet, var(--xvlyjp-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xvlyjp-padding-left-tablet, var(--xvlyjp-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xvlyjp-padding-top-mobile, var(--xvlyjp-padding-top-tablet, var(--xvlyjp-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xvlyjp-padding-right-mobile, var(--xvlyjp-padding-right-tablet, var(--xvlyjp-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xvlyjp-padding-bottom-mobile, var(--xvlyjp-padding-bottom-tablet, var(--xvlyjp-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xvlyjp-padding-left-mobile, var(--xvlyjp-padding-left-tablet, var(--xvlyjp-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--xvlyjp-padding-left, var(--beae-slot-padding-x, 0px)) - var(--xvlyjp-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(--xvlyjp-background-imageRatio, auto); background: var(--xvlyjp-background-color,transparent); border-style: var(--xvlyjp-borderStyle,solid); border-color: var(--xvlyjp-borderColor,#000000); border-width: var(--xvlyjp-borderWidth-tl,0px) var(--xvlyjp-borderWidth-tr,0px) var(--xvlyjp-borderWidth-br,0px) var(--xvlyjp-borderWidth-bl,0px); border-radius: var(--xvlyjp-borderRadius-tl,0px) var(--xvlyjp-borderRadius-tr,0px) var(--xvlyjp-borderRadius-br,0px) var(--xvlyjp-borderRadius-bl,0px); box-shadow: if(style(--xvlyjp-enableShadow: true): var(--xvlyjp-shadowHorizontal,0) var(--xvlyjp-shadowVertical,0) var(--xvlyjp-shadowBlur,0) 1px var(--xvlyjp-shadowColor,#000000); else: none); max-width: var(--xvlyjp-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--xvlyjp-background-imageRatio-tablet, var(--xvlyjp-background-imageRatio, auto)); border-width: var(--xvlyjp-borderWidth-tl-tablet,0px) var(--xvlyjp-borderWidth-tr-tablet,0px) var(--xvlyjp-borderWidth-br-tablet,0px) var(--xvlyjp-borderWidth-bl-tablet,0px); border-radius: var(--xvlyjp-borderRadius-tl-tablet,0px) var(--xvlyjp-borderRadius-tr-tablet,0px) var(--xvlyjp-borderRadius-br-tablet,0px) var(--xvlyjp-borderRadius-bl-tablet,0px); max-width: var(--xvlyjp-max-width-tablet, var(--xvlyjp-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--xvlyjp-background-imageRatio-mobile, var(--xvlyjp-background-imageRatio, auto)); border-width: var(--xvlyjp-borderWidth-tl-mobile,0px) var(--xvlyjp-borderWidth-tr-mobile,0px) var(--xvlyjp-borderWidth-br-mobile,0px) var(--xvlyjp-borderWidth-bl-mobile,0px); border-radius: var(--xvlyjp-borderRadius-tl-mobile,0px) var(--xvlyjp-borderRadius-tr-mobile,0px) var(--xvlyjp-borderRadius-br-mobile,0px) var(--xvlyjp-borderRadius-bl-mobile,0px); max-width: var(--xvlyjp-max-width-mobile, var(--xvlyjp-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xvlyjp-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--xvlyjp-gap,var(--beae-card-gap)); padding-top: var(--xvlyjp-padding-top,var(--beae-card-padding)); padding-right: var(--xvlyjp-padding-right,var(--beae-card-padding)); padding-bottom: var(--xvlyjp-padding-bottom,var(--beae-card-padding)); padding-left: var(--xvlyjp-padding-left,var(--beae-card-padding)); border-width: var(--xvlyjp-borderWidth,var(--beae-card-border-width)); border-width: var(--xvlyjp-borderWidth-tl,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-tr,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-br,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xvlyjp-borderRadius-tl,var(--beae-card-border-radius)) var(--xvlyjp-borderRadius-tr,var(--beae-card-border-radius)) var(--xvlyjp-borderRadius-br,var(--beae-card-border-radius)) var(--xvlyjp-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(--xvlyjp-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xvlyjp-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xvlyjp-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xvlyjp-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xvlyjp-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--xvlyjp-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xvlyjp-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--xvlyjp-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--xvlyjp-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--xvlyjp-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--xvlyjp-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xvlyjp-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xvlyjp-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xvlyjp-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xvlyjp-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--xvlyjp-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xvlyjp-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xvlyjp-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xvlyjp-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xvlyjp-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xvlyjp-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xvlyjp-background-color,var(--beae-card-featured-background)); border-color: var(--xvlyjp-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--xvlyjp-enableShadow: true): var(--xvlyjp-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvlyjp-shadowVertical, var(--beae-card-shadow-y)) var(--xvlyjp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvlyjp-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--xvlyjp-background-color,var(--beae-card-prod-background)); border-color: var(--xvlyjp-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--xvlyjp-enableShadow: true): var(--xvlyjp-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvlyjp-shadowVertical, var(--beae-card-shadow-y)) var(--xvlyjp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvlyjp-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--xvlyjp-background-color,var(--beae-card-pricing-background)); border-color: var(--xvlyjp-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--xvlyjp-enableShadow: true): var(--xvlyjp-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvlyjp-shadowVertical, var(--beae-card-shadow-y)) var(--xvlyjp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvlyjp-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--xvlyjp-background-color,var(--beae-card-cta-background)); border-color: var(--xvlyjp-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--xvlyjp-enableShadow: true): var(--xvlyjp-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvlyjp-shadowVertical, var(--beae-card-shadow-y)) var(--xvlyjp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvlyjp-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--xvlyjp-background-color,var(--beae-card-media-background)); border-color: var(--xvlyjp-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--xvlyjp-enableShadow: true): var(--xvlyjp-shadowHorizontal, var(--beae-card-shadow-x)) var(--xvlyjp-shadowVertical, var(--beae-card-shadow-y)) var(--xvlyjp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xvlyjp-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-xvlyjp"] {     display: flex;     flex-direction: var(--xvlyjp-direction, column);     flex-wrap: nowrap;     justify-content: var(--xvlyjp-justify-content);     align-items: var(--xvlyjp-align-items);     gap: var(--xvlyjp-gap, var(--xvlyjp-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(100.00% - var(--xvlyjp-padding-right, 0px) - var(--xvlyjp-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xvlyjp"] {                            gap: var(--xvlyjp-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(--xvlyjp-padding-right-tablet, 0px) - var(--xvlyjp-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xvlyjp"] {                            gap: var(--xvlyjp-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(--xvlyjp-padding-right-mobile, 0px) - var(--xvlyjp-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5vdjdd"] { --beae-p-font-size: 12px; --beae-p-font-size-tablet: 12px; --beae-p-font-size-mobile: 12px; --beae-p-color: #100D09; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0.2px; --beae-p-letter-spacing-tablet: 0.2px; --beae-p-letter-spacing-mobile: 0.2px; --beae-p-text-transform: capitalize; --5vdjdd-typography: p; --5vdjdd-typography-tablet: p; --5vdjdd-typography-mobile: p; }[data-bnode="beae-5vdjdd"] { margin-top: var(--5vdjdd-margin-top, 0px); margin-right: var(--5vdjdd-margin-right, 0px); margin-bottom: var(--5vdjdd-margin-bottom, 0px); margin-left: var(--5vdjdd-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5vdjdd-margin-top-tablet, 0px); margin-right: var(--5vdjdd-margin-right-tablet, 0px); margin-bottom: var(--5vdjdd-margin-bottom-tablet, 0px); margin-left: var(--5vdjdd-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5vdjdd-margin-top-mobile, 0px); margin-right: var(--5vdjdd-margin-right-mobile, 0px); margin-bottom: var(--5vdjdd-margin-bottom-mobile, 0px); margin-left: var(--5vdjdd-margin-left-mobile, 0px); } }[data-bnode="beae-uyr4i4"] { --beae-h2-font-size: 44px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #f6f2ef; --beae-h2-font-family: Inter; --beae-h2-font-weight: 700; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: -0.4px; --beae-h2-letter-spacing-tablet: -0.4px; --beae-h2-letter-spacing-mobile: -0.4px; --beae-h2-text-transform: capitalize; --uyr4i4-typography: h2; --uyr4i4-typography-tablet: h2; --uyr4i4-typography-mobile: h2; --uyr4i4-margin-top: 4px; --uyr4i4-margin-top-tablet: 4px; --uyr4i4-margin-top-mobile: 4px; --uyr4i4-margin-right: 0px; --uyr4i4-margin-right-tablet: 0px; --uyr4i4-margin-right-mobile: 0px; --uyr4i4-margin-bottom: 0px; --uyr4i4-margin-bottom-tablet: 0px; --uyr4i4-margin-bottom-mobile: 0px; --uyr4i4-margin-left: 0px; --uyr4i4-margin-left-tablet: 0px; --uyr4i4-margin-left-mobile: 0px; --beae-h2-text-align: center; }[data-bnode="beae-uyr4i4"] { margin-top: var(--uyr4i4-margin-top, 0px); margin-right: var(--uyr4i4-margin-right, 0px); margin-bottom: var(--uyr4i4-margin-bottom, 0px); margin-left: var(--uyr4i4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uyr4i4-margin-top-tablet, 0px); margin-right: var(--uyr4i4-margin-right-tablet, 0px); margin-bottom: var(--uyr4i4-margin-bottom-tablet, 0px); margin-left: var(--uyr4i4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uyr4i4-margin-top-mobile, 0px); margin-right: var(--uyr4i4-margin-right-mobile, 0px); margin-bottom: var(--uyr4i4-margin-bottom-mobile, 0px); margin-left: var(--uyr4i4-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--uyr4i4-highlightColor,var(--beae-p-color)); top: var(--uyr4i4-highlightTop, 100%); } }[data-bnode="beae-s5m0at"] { --s5m0at-typography: p; --s5m0at-typography-tablet: p; --s5m0at-typography-mobile: p; --s5m0at-margin-top: 0px; --s5m0at-margin-top-tablet: 0px; --s5m0at-margin-top-mobile: 0px; --s5m0at-margin-right: 0px; --s5m0at-margin-right-tablet: 0px; --s5m0at-margin-right-mobile: 0px; --s5m0at-margin-bottom: 0px; --s5m0at-margin-bottom-tablet: 0px; --s5m0at-margin-bottom-mobile: 0px; --s5m0at-margin-left: 0px; --s5m0at-margin-left-tablet: 0px; --s5m0at-margin-left-mobile: 0px; --beae-p2-font-size-tablet: 14px; --beae-p2-font-size-mobile: 14px; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #f6f2ef; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: -0.3px; --beae-p-letter-spacing-tablet: -0.3px; --beae-p-letter-spacing-mobile: -0.3px; --beae-p-text-transform: none; --beae-p-text-align: center; }[data-bnode="beae-s5m0at"] { margin-top: var(--s5m0at-margin-top, 0px); margin-right: var(--s5m0at-margin-right, 0px); margin-bottom: var(--s5m0at-margin-bottom, 0px); margin-left: var(--s5m0at-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s5m0at-margin-top-tablet, 0px); margin-right: var(--s5m0at-margin-right-tablet, 0px); margin-bottom: var(--s5m0at-margin-bottom-tablet, 0px); margin-left: var(--s5m0at-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s5m0at-margin-top-mobile, 0px); margin-right: var(--s5m0at-margin-right-mobile, 0px); margin-bottom: var(--s5m0at-margin-bottom-mobile, 0px); margin-left: var(--s5m0at-margin-left-mobile, 0px); } }[data-bnode="beae-giht8a"] { --giht8a-width: fill; --giht8a-width-tablet: fill; --giht8a-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 500; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 44px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 22px; --beae-btn-border-radius: 50px; --beae-btn-se-label-color: #1E1E1E; --beae-btn-se-background-color: #ECE6DF; --beae-btn-text-transform: capitalize; --giht8a-iconWidth: 20px; --giht8a-iconWidth-tablet: 20px; --giht8a-iconWidth-mobile: 20px; --giht8a-iconGap: 5px; --giht8a-iconGap-tablet: 5px; --giht8a-iconGap-mobile: 5px; --giht8a-button: se; --giht8a-button-tablet: se; --giht8a-button-mobile: se; }[data-bnode="beae-giht8a"] { margin-top: var(--giht8a-margin-top, 0px); margin-right: var(--giht8a-margin-right, 0px); margin-bottom: var(--giht8a-margin-bottom, 0px); margin-left: var(--giht8a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--giht8a-margin-top-tablet, 0px); margin-right: var(--giht8a-margin-right-tablet, 0px); margin-bottom: var(--giht8a-margin-bottom-tablet, 0px); margin-left: var(--giht8a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--giht8a-margin-top-mobile, 0px); margin-right: var(--giht8a-margin-right-mobile, 0px); margin-bottom: var(--giht8a-margin-bottom-mobile, 0px); margin-left: var(--giht8a-margin-left-mobile, 0px); } &{ gap:var(--giht8a-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--giht8a-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--giht8a-bgBtnHover)) * 1%)); style(--giht8a-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--giht8a-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--giht8a-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--giht8a-labelBtnHover)) * 1%)); style(--giht8a-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--giht8a-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--giht8a-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--giht8a-borderBtnHover)) * 1%)); style(--giht8a-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--giht8a-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--giht8a-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--giht8a-bgBtnHover)) * 1%)); style(--giht8a-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--giht8a-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--giht8a-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--giht8a-labelBtnHover)) * 1%)); style(--giht8a-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--giht8a-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--giht8a-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--giht8a-borderBtnHover)) * 1%)); style(--giht8a-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--giht8a-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--giht8a-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--giht8a-labelBtnHover)) * 1%)); style(--giht8a-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--giht8a-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--giht8a-iconWidth); } svg { width: var(--giht8a-iconWidth,20px); min-width: var(--giht8a-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--giht8a-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--giht8a-iconWidth-tablet, var(--giht8a-iconWidth)); } svg { width: var(--giht8a-iconWidth-tablet, var(--giht8a-iconWidth)); min-width: var(--giht8a-iconWidth-tablet, var(--giht8a-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--giht8a-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--giht8a-iconWidth-mobile, var(--giht8a-iconWidth)); } svg { width: var(--giht8a-iconWidth-mobile, var(--giht8a-iconWidth)); min-width: var(--giht8a-iconWidth-mobile, var(--giht8a-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }