@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500&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-other-sale-price-color: #d82727;
--beae-other-sale-bg-color: #d82727;
--beae-other-sale-text-color: #ffffff;
--beae-other-sold-out-bg-color: #adadad;
--beae-other-sold-out-text-color: #ffffff;
--beae-other-tag-1-bg-color: #008c62;
--beae-other-tag-1-text-color: #ffffff;
--beae-other-tag-2-bg-color: #405de6;
--beae-other-tag-2-text-color: #ffffff;
.beae-surface-light {
          --beae-text-color: #404040;
          --beae-heading-color: #0a0a0a;
          --beae-background-color: #ffffff;
          --beae-btn-pr-background-color: #0a0a0a;
          --beae-btn-pr-label-color: #ffffff;
          --beae-btn-pr-border-color: #0a0a0a;
          --beae-btn-se-background-color: #ffffff;
          --beae-btn-se-label-color: #0a0a0a;
          --beae-btn-se-border-color: #0a0a0a;
          --beae-btn-te-label-color: #0a0a0a;

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

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

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

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

          --color-scheme-text-50: #f2f2f2;
--color-scheme-text-100: #e6e6e6;
--color-scheme-text-200: #cccccc;
--color-scheme-text-300: #b3b3b3;
--color-scheme-text-400: #999999;
--color-scheme-text-500: #808080;
--color-scheme-text-600: #666666;
--color-scheme-text-700: #4d4d4d;
--color-scheme-text-800: #333333;
--color-scheme-text-900: #1a1a1a;
--color-scheme-text-950: #0d0d0d;
        }
--beae-h1-font-family: Montserrat;
--beae-h1-font-size: 72px;
--beae-h1-font-weight: 700;
--beae-h1-line-height: 1.3;
--beae-h1-letter-spacing: 0.6px;
--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: Montserrat;
--beae-h2-font-size: 54px;
--beae-h2-font-weight: 700;
--beae-h2-line-height: 1.3;
--beae-h2-letter-spacing: 0.6px;
--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: Montserrat;
--beae-h3-font-size: 36px;
--beae-h3-font-weight: 600;
--beae-h3-line-height: 1.3;
--beae-h3-letter-spacing: 0.6px;
--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: Montserrat;
--beae-h4-font-size: 18px;
--beae-h4-font-weight: 600;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: 0.6px;
--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: Montserrat;
--beae-h5-font-size: 15px;
--beae-h5-font-weight: 400;
--beae-h5-line-height: 1.3;
--beae-h5-letter-spacing: 0.6px;
--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: Montserrat;
--beae-p2-font-size: 13.2px;
--beae-p2-font-weight: 400;
--beae-p2-line-height: 1.82;
--beae-p2-letter-spacing: 0.6px;
--beae-p2-text-transform: inherit;
--beae-p2-font-style: normal;
--beae-p2-text-align: start;
--beae-p2-color: var(--beae-text-color);
--beae-p3-font-family: Cinzel;
--beae-p3-font-size: 16px;
--beae-p3-font-weight: 400;
--beae-p3-line-height: 1.8;
--beae-p3-letter-spacing: 0.6px;
--beae-p3-text-transform: inherit;
--beae-p3-font-style: italic;
--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: 20px;
--beae-btn-font-weight: 600;
--beae-btn-letter-spacing: 1px;
--beae-btn-text-transform: uppercase;
--beae-btn-height: 45px;
--beae-btn-padding: 30px;
--beae-btn-border-radius: 5px;
--beae-btn-transition-hover: 150ms;
--beae-btn-pr-border-width: 0px;
--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: 44px;
--beae-h1-line-height: 1.3;
--beae-h1-letter-spacing: 0.6px;
--beae-h2-font-size: 34px;
--beae-h2-line-height: 1.3;
--beae-h2-letter-spacing: -0.02px;
--beae-h3-font-size: 22px;
--beae-h3-line-height: 1.3;
--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: 15px;
--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: 30px;
--beae-h2-line-height: 1.2;
--beae-h2-letter-spacing: -0.02px;
--beae-h3-font-size: 20px;
--beae-h3-line-height: 1.25;
--beae-h3-letter-spacing: -0.01px;
--beae-h4-font-size: 18px;
--beae-h4-line-height: 1.3;
--beae-h4-letter-spacing: -0.01px;
--beae-h5-font-size: 15px;
--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-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);
            
          }
    
  .gbbProductItemPricesContainer,
.gbbProductItemPrice,
.gbbFooterProductPriceContainer,
.gbbFooterProductPrice {
  display: none !important;
}[data-bnode="beae-er9eyw"] { --er9eyw-width: var(--beae-w); --er9eyw-width-tablet: var(--beae-w); --er9eyw-width-mobile: var(--beae-w); --er9eyw-height: fit-content; --er9eyw-height-tablet: fit-content; --er9eyw-height-mobile: fit-content; --er9eyw-padding-top: 24px; --er9eyw-padding-top-tablet: 24px; --er9eyw-padding-top-mobile: 20px; --er9eyw-padding-bottom: 24px; --er9eyw-padding-bottom-tablet: 24px; --er9eyw-padding-bottom-mobile: 20px; --er9eyw-padding-right: 0px; --er9eyw-padding-right-tablet: 0px; --er9eyw-padding-right-mobile: 0px; --er9eyw-padding-left: 0px; --er9eyw-padding-left-tablet: 0px; --er9eyw-padding-left-mobile: 0px; --er9eyw-align-items: center; --er9eyw-align-items-tablet: center; --er9eyw-align-items-mobile: center; --er9eyw-direction: column; --er9eyw-direction-tablet: column; --er9eyw-direction-mobile: column; --er9eyw-background-type: color; --er9eyw-background-type-tablet: color; --er9eyw-background-type-mobile: color; --er9eyw-background-color: #053d2a; --er9eyw-background-color-tablet: #053d2a; --er9eyw-background-color-mobile: #053d2a; --er9eyw-gap: 0px; --er9eyw-gap-tablet: 0px; --er9eyw-gap-mobile: 0px; }[data-bnode="beae-er9eyw"] { padding-top: var(--er9eyw-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--er9eyw-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--er9eyw-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--er9eyw-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--er9eyw-padding-top-tablet, var(--er9eyw-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--er9eyw-padding-right-tablet, var(--er9eyw-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--er9eyw-padding-bottom-tablet, var(--er9eyw-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--er9eyw-padding-left-tablet, var(--er9eyw-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--er9eyw-padding-top-mobile, var(--er9eyw-padding-top-tablet, var(--er9eyw-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--er9eyw-padding-right-mobile, var(--er9eyw-padding-right-tablet, var(--er9eyw-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--er9eyw-padding-bottom-mobile, var(--er9eyw-padding-bottom-tablet, var(--er9eyw-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--er9eyw-padding-left-mobile, var(--er9eyw-padding-left-tablet, var(--er9eyw-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--er9eyw-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--er9eyw-height); width: 100%; max-width: var(--er9eyw-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--er9eyw-height-tablet, auto); width: 100%; max-width: var(--er9eyw-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--er9eyw-height-mobile, auto); width: 100%; max-width: var(--er9eyw-width-mobile, 100%); } } } }[data-bnode="beae-er9eyw"] > .beae-section-container{     display: flex;     flex-direction: var(--er9eyw-direction, column);     flex-wrap: nowrap;     justify-content: var(--er9eyw-justify-content);     align-items: var(--er9eyw-align-items);     gap: var(--er9eyw-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-er9eyw"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(16.67% - var(--er9eyw-padding-right-tablet, 0px) - var(--er9eyw-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-er9eyw"] > .beae-section-container{                      align-items: var(--er9eyw-align-items-mobile, inherit);      gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(16.67% - var(--er9eyw-padding-right-mobile, 0px) - var(--er9eyw-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-v6al3l"] { --v6al3l-background-type: color; --v6al3l-background-type-tablet: color; --v6al3l-background-type-mobile: color; --v6al3l-background-color: #053d2a; --v6al3l-background-color-tablet: #053d2a; --v6al3l-background-color-mobile: #053d2a; --v6al3l-max-width: fit-content; --v6al3l-max-width-tablet: fit-content; --v6al3l-max-width-mobile: fit-content; --v6al3l-direction: column; --v6al3l-direction-tablet: column; --v6al3l-direction-mobile: column; --v6al3l-align-items: center; --v6al3l-align-items-tablet: center; --v6al3l-align-items-mobile: center; --v6al3l-padding-top: 0px; --v6al3l-padding-top-tablet: 0px; --v6al3l-padding-top-mobile: 0px; --v6al3l-padding-right: 0px; --v6al3l-padding-right-tablet: 0px; --v6al3l-padding-right-mobile: 0px; --v6al3l-padding-bottom: 0px; --v6al3l-padding-bottom-tablet: 0px; --v6al3l-padding-bottom-mobile: 0px; --v6al3l-padding-left: 0px; --v6al3l-padding-left-tablet: 0px; --v6al3l-padding-left-mobile: 0px; }[data-bnode="beae-v6al3l"] { padding-top: var(--v6al3l-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--v6al3l-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--v6al3l-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--v6al3l-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--v6al3l-padding-top-tablet, var(--v6al3l-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--v6al3l-padding-right-tablet, var(--v6al3l-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--v6al3l-padding-bottom-tablet, var(--v6al3l-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--v6al3l-padding-left-tablet, var(--v6al3l-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--v6al3l-padding-top-mobile, var(--v6al3l-padding-top-tablet, var(--v6al3l-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--v6al3l-padding-right-mobile, var(--v6al3l-padding-right-tablet, var(--v6al3l-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--v6al3l-padding-bottom-mobile, var(--v6al3l-padding-bottom-tablet, var(--v6al3l-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--v6al3l-padding-left-mobile, var(--v6al3l-padding-left-tablet, var(--v6al3l-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--v6al3l-position, relative); top: var(--v6al3l-top, auto); right: var(--v6al3l-right, auto); bottom: var(--v6al3l-bottom, auto); left: var(--v6al3l-left, auto); transform: var(--v6al3l-transform, none); z-index: var(--v6al3l-z-index, 10); aspect-ratio: var(--v6al3l-background-imageRatio, auto); background: var(--v6al3l-background-color,transparent); border-style: var(--v6al3l-borderStyle,solid); border-color: var(--v6al3l-borderColor,#000000); border-width: var(--v6al3l-borderWidth-tl,0px) var(--v6al3l-borderWidth-tr,0px) var(--v6al3l-borderWidth-br,0px) var(--v6al3l-borderWidth-bl,0px); border-radius: var(--v6al3l-borderRadius-tl,0px) var(--v6al3l-borderRadius-tr,0px) var(--v6al3l-borderRadius-br,0px) var(--v6al3l-borderRadius-bl,0px); box-shadow: var(--v6al3l-shadowHorizontal, 0px) var(--v6al3l-shadowVertical, 0px) var(--v6al3l-shadowBlur, 0px) 1px color-mix( in srgb, var(--v6al3l-shadowColor, #000000) var(--v6al3l-shadowTransparent, 0%), transparent ); max-width: var(--v6al3l-max-width, 100%); width: 100%; height: if(style(--v6al3l-position: absolute): var(--v6al3l-height,100%); else: unset ); backdrop-filter:blur(var(--v6al3l-background-blur, none)) saturate(var(--v6al3l-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--v6al3l-position-tablet, var(--v6al3l-position, relative)); top: var(--v6al3l-top-tablet, var(--v6al3l-top, auto)); right: var(--v6al3l-right-tablet, var(--v6al3l-right, auto)); bottom: var(--v6al3l-bottom-tablet, var(--v6al3l-bottom, auto)); left: var(--v6al3l-left-tablet, var(--v6al3l-left, auto)); transform: var(--v6al3l-transform-tablet, var(--v6al3l-transform, none)); z-index: var(--v6al3l-z-index-tablet, var(--v6al3l-z-index, 10)); aspect-ratio: var(--v6al3l-background-imageRatio-tablet, var(--v6al3l-background-imageRatio, auto)); border-width: var(--v6al3l-borderWidth-tl-tablet, var(--v6al3l-borderWidth-tl,0px)) var(--v6al3l-borderWidth-tr-tablet,var(--v6al3l-borderWidth-tr,0px)) var(--v6al3l-borderWidth-br-tablet,var(--v6al3l-borderWidth-br,0px)) var(--v6al3l-borderWidth-bl-tablet,var(--v6al3l-borderWidth-bl,0px)); border-radius: var(--v6al3l-borderRadius-tl-tablet,var(--v6al3l-borderRadius-tl,0px)) var(--v6al3l-borderRadius-tr-tablet,var(--v6al3l-borderRadius-tr,0px)) var(--v6al3l-borderRadius-br-tablet,var(--v6al3l-borderRadius-br,0px)) var(--v6al3l-borderRadius-bl-tablet,var(--v6al3l-borderRadius-bl,0px)); max-width: var(--v6al3l-max-width-tablet, var(--v6al3l-max-width, 100%)); height: if(style(--v6al3l-position-tablet: absolute): var(--v6al3l-height-tablet,var(--v6al3l-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--v6al3l-position-mobile, var(--v6al3l-position-tablet, var(--v6al3l-position, relative))); top: var(--v6al3l-top-mobile, var(--v6al3l-top-tablet, var(--v6al3l-top, auto))); right: var(--v6al3l-right-mobile, var(--v6al3l-right-tablet, var(--v6al3l-right, auto))); bottom: var(--v6al3l-bottom-mobile, var(--v6al3l-bottom-tablet, var(--v6al3l-bottom, auto))); left: var(--v6al3l-left-mobile, var(--v6al3l-left-tablet, var(--v6al3l-left, auto))); transform: var(--v6al3l-transform-mobile, var(--v6al3l-transform-tablet, var(--v6al3l-transform, none))); z-index: var(--v6al3l-z-index-mobile, var(--v6al3l-z-index-tablet, var(--v6al3l-z-index, 10))); aspect-ratio: var(--v6al3l-background-imageRatio-mobile, var(--v6al3l-background-imageRatio, auto)); border-width: var(--v6al3l-borderWidth-tl-mobile, var(--v6al3l-borderWidth-tl,0px)) var(--v6al3l-borderWidth-tr-mobile,var(--v6al3l-borderWidth-tr,0px)) var(--v6al3l-borderWidth-br-mobile,var(--v6al3l-borderWidth-br,0px)) var(--v6al3l-borderWidth-bl-mobile,var(--v6al3l-borderWidth-bl,0px)); border-radius: var(--v6al3l-borderRadius-tl-mobile,var(--v6al3l-borderRadius-tl,0px)) var(--v6al3l-borderRadius-tr-mobile,var(--v6al3l-borderRadius-tr,0px)) var(--v6al3l-borderRadius-br-mobile,var(--v6al3l-borderRadius-br,0px)) var(--v6al3l-borderRadius-bl-mobile,var(--v6al3l-borderRadius-bl,0px)); max-width: var(--v6al3l-max-width-mobile, var(--v6al3l-max-width, 100%)); height: if(style(--v6al3l-position-mobile: absolute): var(--v6al3l-height-mobile,var(--v6al3l-height-tablet,,var(--v6al3l-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--v6al3l-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--v6al3l-gap,var(--beae-card-gap)); padding-top: var(--v6al3l-padding-top,var(--beae-card-padding)); padding-right: var(--v6al3l-padding-right,var(--beae-card-padding)); padding-bottom: var(--v6al3l-padding-bottom,var(--beae-card-padding)); padding-left: var(--v6al3l-padding-left,var(--beae-card-padding)); border-width: var(--v6al3l-borderWidth-tl,var(--beae-card-border-width)) var(--v6al3l-borderWidth-tr,var(--beae-card-border-width)) var(--v6al3l-borderWidth-br,var(--beae-card-border-width)) var(--v6al3l-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--v6al3l-borderRadius-tl,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-tr,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-br,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--v6al3l-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--v6al3l-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--v6al3l-gap-tablet,var(--beae-card-gap)); padding-top: var(--v6al3l-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--v6al3l-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--v6al3l-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--v6al3l-padding-left-tablet,var(--beae-card-padding)); border-width: var(--v6al3l-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--v6al3l-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--v6al3l-borderWidth-br-desktop,var(--beae-card-border-width)) var(--v6al3l-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--v6al3l-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--v6al3l-gap-mobile,var(--beae-card-gap)); padding-top: var(--v6al3l-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--v6al3l-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--v6al3l-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--v6al3l-padding-left-mobile,var(--beae-card-padding)); border-width: var(--v6al3l-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--v6al3l-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--v6al3l-borderWidth-br-mobile,var(--beae-card-border-width)) var(--v6al3l-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--v6al3l-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--v6al3l-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--v6al3l-background-color,var(--beae-card-featured-background)); border-color: var(--v6al3l-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--v6al3l-shadowHorizontal, var(--beae-card-shadow-x)) var(--v6al3l-shadowVertical, var(--beae-card-shadow-y)) var(--v6al3l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v6al3l-shadowColor, var(--beae-card-featured-shadow-color)) var(--v6al3l-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--v6al3l-background-color,var(--beae-card-prod-background)); border-color: var(--v6al3l-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--v6al3l-shadowHorizontal, var(--beae-card-shadow-x)) var(--v6al3l-shadowVertical, var(--beae-card-shadow-y)) var(--v6al3l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v6al3l-shadowColor, var(--beae-card-prod-shadow-color)) var(--v6al3l-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--v6al3l-background-color,var(--beae-card-pricing-background)); border-color: var(--v6al3l-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--v6al3l-shadowHorizontal, var(--beae-card-shadow-x)) var(--v6al3l-shadowVertical, var(--beae-card-shadow-y)) var(--v6al3l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v6al3l-shadowColor, var(--beae-card-pricing-shadow-color)) var(--v6al3l-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--v6al3l-background-color,var(--beae-card-cta-background)); border-color: var(--v6al3l-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--v6al3l-shadowHorizontal, var(--beae-card-shadow-x)) var(--v6al3l-shadowVertical, var(--beae-card-shadow-y)) var(--v6al3l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v6al3l-shadowColor, var(--beae-card-cta-shadow-color)) var(--v6al3l-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-v6al3l"] {     display: flex;     flex-direction: var(--v6al3l-direction, column);     flex-wrap: nowrap;     justify-content: var(--v6al3l-justify-content);     align-items: var(--v6al3l-align-items);     gap: var(--v6al3l-gap, var(--v6al3l-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-v6al3l"] {                            gap: var(--v6al3l-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--v6al3l-padding-right-tablet, 0px) - var(--v6al3l-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-v6al3l"] {                      align-items: var(--v6al3l-align-items-mobile, inherit);      gap: var(--v6al3l-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--v6al3l-padding-right-mobile, 0px) - var(--v6al3l-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-gh570l"] { --gh570l-width: 30%; --gh570l-width-tablet: 30%; --gh570l-width-mobile: 70%; --gh570l-imageRatio: auto; --gh570l-imageRatio-tablet: auto; --gh570l-imageRatio-mobile: auto; --gh570l-objFit: contain; --gh570l-objFit-tablet: contain; --gh570l-objFit-mobile: contain; --gh570l-borderColor: #000000; --gh570l-borderColor-tablet: #000000; --gh570l-borderColor-mobile: #000000; --gh570l-shadowColor: #000000; --gh570l-shadowColor-tablet: #000000; --gh570l-shadowColor-mobile: #000000; --gh570l-borderStyle: none; --gh570l-borderStyle-tablet: none; --gh570l-borderStyle-mobile: none; --gh570l-enableShadow: false; --gh570l-enableShadow-tablet: false; --gh570l-enableShadow-mobile: false; --gh570l-margin-top-mobile: 10px; --gh570l-margin-right-mobile: 0px; --gh570l-margin-bottom-mobile: 0px; --gh570l-margin-left-mobile: 0px; }[data-bnode="beae-gh570l"] { margin-top: var(--gh570l-margin-top, 0px); margin-right: var(--gh570l-margin-right, 0px); margin-bottom: var(--gh570l-margin-bottom, 0px); margin-left: var(--gh570l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gh570l-margin-top-tablet, 0px); margin-right: var(--gh570l-margin-right-tablet, 0px); margin-bottom: var(--gh570l-margin-bottom-tablet, 0px); margin-left: var(--gh570l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gh570l-margin-top-mobile, 0px); margin-right: var(--gh570l-margin-right-mobile, 0px); margin-bottom: var(--gh570l-margin-bottom-mobile, 0px); margin-left: var(--gh570l-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--gh570l-width,100%) - var(--gh570l-margin-left,0px) - var(--gh570l-margin-right,0px)); min-height: min-content; border-color: var(--gh570l-borderColor,var(--beae-card-media-border-color)); border-style: var(--gh570l-borderStyle,solid); border-width: var(--gh570l-borderWidth-tl,var(--beae-card-border-width)) var(--gh570l-borderWidth-tr,var(--beae-card-border-width)) var(--gh570l-borderWidth-br,var(--beae-card-border-width)) var(--gh570l-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--gh570l-borderRadius-tl,var(--beae-card-border-radius)) var(--gh570l-borderRadius-tr,var(--beae-card-border-radius)) var(--gh570l-borderRadius-br,var(--beae-card-border-radius)) var(--gh570l-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--gh570l-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--gh570l-borderWidth-tl-tablet, var(--gh570l-borderWidth-tl,var(--beae-card-border-width))) var(--gh570l-borderWidth-tr-tablet, var(--gh570l-borderWidth-tr,var(--beae-card-border-width))) var(--gh570l-borderWidth-br-tablet, var(--gh570l-borderWidth-br,var(--beae-card-border-width))) var(--gh570l-borderWidth-bl-tablet, var(--gh570l-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--gh570l-borderRadius-tl-tablet, var(--gh570l-borderRadius-tl,var(--beae-card-border-radius))) var(--gh570l-borderRadius-tr-tablet, var(--gh570l-borderRadius-tr,var(--beae-card-border-radius))) var(--gh570l-borderRadius-br-tablet, var(--gh570l-borderRadius-br,var(--beae-card-border-radius))) var(--gh570l-borderRadius-bl-tablet, var(--gh570l-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--gh570l-borderWidth-tl-mobile, var(--gh570l-borderWidth-tl,var(--beae-card-border-width))) var(--gh570l-borderWidth-tr-mobile, var(--gh570l-borderWidth-tr,var(--beae-card-border-width))) var(--gh570l-borderWidth-br-mobile, var(--gh570l-borderWidth-br,var(--beae-card-border-width))) var(--gh570l-borderWidth-bl-mobile, var(--gh570l-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--gh570l-borderRadius-tl-mobile, var(--gh570l-borderRadius-tl,var(--beae-card-border-radius))) var(--gh570l-borderRadius-tr-mobile, var(--gh570l-borderRadius-tr,var(--beae-card-border-radius))) var(--gh570l-borderRadius-br-mobile, var(--gh570l-borderRadius-br,var(--beae-card-border-radius))) var(--gh570l-borderRadius-bl-mobile, var(--gh570l-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--gh570l-shadowHorizontal, var(--beae-card-shadow-x)) var(--gh570l-shadowVertical, var(--beae-card-shadow-y)) var(--gh570l-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gh570l-shadowColor, var(--beae-card-media-shadow-color)) var(--gh570l-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--gh570l-overlayColor-color, #000); opacity: var(--gh570l-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--gh570l-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--gh570l-width-tablet,var(--gh570l-width,100%)) - var(--gh570l-margin-left-tablet,var(--gh570l-margin-left,0px)) - var(--gh570l-margin-right-tablet,var(--gh570l-margin-right,0px))); aspect-ratio: var(--gh570l-imageRatio-tablet, var(--gh570l-imageRatio, auto)); img { object-fit: var(--gh570l-objFit-tablet, var(--gh570l-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--gh570l-width-mobile,var(--gh570l-width,100%)) - var(--gh570l-margin-left-mobile,var(--gh570l-margin-left,0px)) - var(--gh570l-margin-right-mobile,var(--gh570l-margin-right,0px))); aspect-ratio: var(--gh570l-imageRatio-mobile, var(--gh570l-imageRatio, auto)); img { object-fit: var(--gh570l-objFit-mobile, var(--gh570l-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-gg9eqw"] { --gg9eqw-typography: h4; --gg9eqw-typography-tablet: h4; --gg9eqw-typography-mobile: h4; --beae-h4-text-align: center; --beae-h4-color: #fefcf0; --beae-h4-font-size-mobile: 26px; --gg9eqw-margin-top: 24px; --gg9eqw-margin-top-tablet: 24px; --gg9eqw-margin-top-mobile: 24px; --gg9eqw-margin-right: 0px; --gg9eqw-margin-right-tablet: 0px; --gg9eqw-margin-right-mobile: 0px; --gg9eqw-margin-bottom: 20px; --gg9eqw-margin-bottom-tablet: 20px; --gg9eqw-margin-bottom-mobile: 6px; --gg9eqw-margin-left: 1px; --gg9eqw-margin-left-tablet: 1px; --gg9eqw-margin-left-mobile: 1px; --beae-h4-text-transform: uppercase; --beae-h4-font-size: 65px; }[data-bnode="beae-gg9eqw"] { margin-top: var(--gg9eqw-margin-top, 0px); margin-right: var(--gg9eqw-margin-right, 0px); margin-bottom: var(--gg9eqw-margin-bottom, 0px); margin-left: var(--gg9eqw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gg9eqw-margin-top-tablet, 0px); margin-right: var(--gg9eqw-margin-right-tablet, 0px); margin-bottom: var(--gg9eqw-margin-bottom-tablet, 0px); margin-left: var(--gg9eqw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gg9eqw-margin-top-mobile, 0px); margin-right: var(--gg9eqw-margin-right-mobile, 0px); margin-bottom: var(--gg9eqw-margin-bottom-mobile, 0px); margin-left: var(--gg9eqw-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--gg9eqw-highlightColor,var(--beae-p-color)); top: var(--gg9eqw-highlightTop, 100%); } }[data-bnode="beae-t4yg4j"] { --t4yg4j-typography: h2; --t4yg4j-typography-tablet: h2; --t4yg4j-typography-mobile: h2; --t4yg4j-margin-top: 0px; --t4yg4j-margin-top-tablet: 0px; --t4yg4j-margin-top-mobile: 0px; --t4yg4j-margin-right: 0px; --t4yg4j-margin-right-tablet: 0px; --t4yg4j-margin-right-mobile: 0px; --t4yg4j-margin-bottom: 20px; --t4yg4j-margin-bottom-tablet: 20px; --t4yg4j-margin-bottom-mobile: 0px; --t4yg4j-margin-left: 0px; --t4yg4j-margin-left-tablet: 0px; --t4yg4j-margin-left-mobile: 0px; --t4yg4j-highlightColor: #F16028; --t4yg4j-highlightColor-tablet: #F16028; --t4yg4j-highlightColor-mobile: #F16028; --t4yg4j-highlightThickness: 6; --t4yg4j-highlightThickness-tablet: 6; --t4yg4j-highlightThickness-mobile: 6; --t4yg4j-highlightTop: 91%; --t4yg4j-highlightTop-tablet: 91%; --t4yg4j-highlightTop-mobile: 91%; --beae-h2-text-align: center; --beae-h2-font-size: 100px; --beae-h2-color: #f16028; --beae-h2-font-size-mobile: 50px; --beae-h2-line-height-mobile: 1.1; --beae-h2-letter-spacing-mobile: 0.6px; --beae-h2-text-transform: uppercase; }[data-bnode="beae-t4yg4j"] { margin-top: var(--t4yg4j-margin-top, 0px); margin-right: var(--t4yg4j-margin-right, 0px); margin-bottom: var(--t4yg4j-margin-bottom, 0px); margin-left: var(--t4yg4j-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t4yg4j-margin-top-tablet, 0px); margin-right: var(--t4yg4j-margin-right-tablet, 0px); margin-bottom: var(--t4yg4j-margin-bottom-tablet, 0px); margin-left: var(--t4yg4j-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t4yg4j-margin-top-mobile, 0px); margin-right: var(--t4yg4j-margin-right-mobile, 0px); margin-bottom: var(--t4yg4j-margin-bottom-mobile, 0px); margin-left: var(--t4yg4j-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--t4yg4j-highlightColor,var(--beae-p-color)); top: var(--t4yg4j-highlightTop, 100%); } }[data-bnode="beae-nm445e"] { --nm445e-typography: h3; --nm445e-typography-tablet: h3; --nm445e-typography-mobile: h3; --beae-h3-text-align: center; --beae-h3-color: #fefcf0; --beae-h3-font-size: 20px; --beae-h3-font-size-mobile: 12px; --beae-h3-font-size-tablet: 22px; --beae-h3-line-height-tablet: 1.3; --beae-h3-letter-spacing-tablet: 0.6px; --beae-h3-text-transform: none; --nm445e-margin-top: 0px; --nm445e-margin-top-tablet: 0px; --nm445e-margin-top-mobile: 8px; --nm445e-margin-right: 208px; --nm445e-margin-right-tablet: 208px; --nm445e-margin-right-mobile: 48px; --nm445e-margin-bottom: 0px; --nm445e-margin-bottom-tablet: 0px; --nm445e-margin-bottom-mobile: 0px; --nm445e-margin-left: 208px; --nm445e-margin-left-tablet: 208px; --nm445e-margin-left-mobile: 48px; --beae-h3-text-align-mobile: center; }[data-bnode="beae-nm445e"] { margin-top: var(--nm445e-margin-top, 0px); margin-right: var(--nm445e-margin-right, 0px); margin-bottom: var(--nm445e-margin-bottom, 0px); margin-left: var(--nm445e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nm445e-margin-top-tablet, 0px); margin-right: var(--nm445e-margin-right-tablet, 0px); margin-bottom: var(--nm445e-margin-bottom-tablet, 0px); margin-left: var(--nm445e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nm445e-margin-top-mobile, 0px); margin-right: var(--nm445e-margin-right-mobile, 0px); margin-bottom: var(--nm445e-margin-bottom-mobile, 0px); margin-left: var(--nm445e-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--nm445e-highlightColor,var(--beae-p-color)); top: var(--nm445e-highlightTop, 100%); } }[data-bnode="beae-qrh28y"] { --beae-p-text-align-tablet: start; --beae-p-text-align-mobile: start; --qrh28y-typography: p; --qrh28y-typography-tablet: p; --qrh28y-typography-mobile: p; --beae-p-text-align: start; --beae-p-color: #fefcf0; --beae-p-font-size: 20px; --beae-p-font-size-mobile: 12px; --beae-p-font-weight: 500; }[data-bnode="beae-qrh28y"] { margin-top: var(--qrh28y-margin-top, 0px); margin-right: var(--qrh28y-margin-right, 0px); margin-bottom: var(--qrh28y-margin-bottom, 0px); margin-left: var(--qrh28y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qrh28y-margin-top-tablet, 0px); margin-right: var(--qrh28y-margin-right-tablet, 0px); margin-bottom: var(--qrh28y-margin-bottom-tablet, 0px); margin-left: var(--qrh28y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qrh28y-margin-top-mobile, 0px); margin-right: var(--qrh28y-margin-right-mobile, 0px); margin-bottom: var(--qrh28y-margin-bottom-mobile, 0px); margin-left: var(--qrh28y-margin-left-mobile, 0px); } }[data-bnode="beae-cah5a4"] { --cah5a4-direction: column; --cah5a4-direction-tablet: column; --cah5a4-direction-mobile: column; --cah5a4-structure: columns; --cah5a4-structure-tablet: columns; --cah5a4-structure-mobile: columns; --cah5a4-gap: 0px; --cah5a4-gap-tablet: 0px; --cah5a4-gap-mobile: 12px; --cah5a4-align-items: center; --cah5a4-align-items-tablet: center; --cah5a4-align-items-mobile: center; --cah5a4-padding-top: 28px; --cah5a4-padding-top-tablet: 28px; --cah5a4-padding-top-mobile: 0px; --cah5a4-padding-right: 0px; --cah5a4-padding-right-tablet: 0px; --cah5a4-padding-right-mobile: 0px; --cah5a4-padding-bottom: 28px; --cah5a4-padding-bottom-tablet: 28px; --cah5a4-padding-bottom-mobile: 0px; --cah5a4-padding-left: 0px; --cah5a4-padding-left-tablet: 0px; --cah5a4-padding-left-mobile: 0px; }[data-bnode="beae-cah5a4"] { padding-top: var(--cah5a4-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--cah5a4-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--cah5a4-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--cah5a4-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--cah5a4-padding-top-tablet, var(--cah5a4-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--cah5a4-padding-right-tablet, var(--cah5a4-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--cah5a4-padding-bottom-tablet, var(--cah5a4-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--cah5a4-padding-left-tablet, var(--cah5a4-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--cah5a4-padding-top-mobile, var(--cah5a4-padding-top-tablet, var(--cah5a4-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--cah5a4-padding-right-mobile, var(--cah5a4-padding-right-tablet, var(--cah5a4-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--cah5a4-padding-bottom-mobile, var(--cah5a4-padding-bottom-tablet, var(--cah5a4-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--cah5a4-padding-left-mobile, var(--cah5a4-padding-left-tablet, var(--cah5a4-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--cah5a4-position, relative); top: var(--cah5a4-top, auto); right: var(--cah5a4-right, auto); bottom: var(--cah5a4-bottom, auto); left: var(--cah5a4-left, auto); transform: var(--cah5a4-transform, none); z-index: var(--cah5a4-z-index, 10); aspect-ratio: var(--cah5a4-background-imageRatio, auto); background: var(--cah5a4-background-color,transparent); border-style: var(--cah5a4-borderStyle,solid); border-color: var(--cah5a4-borderColor,#000000); border-width: var(--cah5a4-borderWidth-tl,0px) var(--cah5a4-borderWidth-tr,0px) var(--cah5a4-borderWidth-br,0px) var(--cah5a4-borderWidth-bl,0px); border-radius: var(--cah5a4-borderRadius-tl,0px) var(--cah5a4-borderRadius-tr,0px) var(--cah5a4-borderRadius-br,0px) var(--cah5a4-borderRadius-bl,0px); box-shadow: var(--cah5a4-shadowHorizontal, 0px) var(--cah5a4-shadowVertical, 0px) var(--cah5a4-shadowBlur, 0px) 1px color-mix( in srgb, var(--cah5a4-shadowColor, #000000) var(--cah5a4-shadowTransparent, 0%), transparent ); max-width: var(--cah5a4-max-width, 100%); width: 100%; height: if(style(--cah5a4-position: absolute): var(--cah5a4-height,100%); else: unset ); backdrop-filter:blur(var(--cah5a4-background-blur, none)) saturate(var(--cah5a4-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--cah5a4-position-tablet, var(--cah5a4-position, relative)); top: var(--cah5a4-top-tablet, var(--cah5a4-top, auto)); right: var(--cah5a4-right-tablet, var(--cah5a4-right, auto)); bottom: var(--cah5a4-bottom-tablet, var(--cah5a4-bottom, auto)); left: var(--cah5a4-left-tablet, var(--cah5a4-left, auto)); transform: var(--cah5a4-transform-tablet, var(--cah5a4-transform, none)); z-index: var(--cah5a4-z-index-tablet, var(--cah5a4-z-index, 10)); aspect-ratio: var(--cah5a4-background-imageRatio-tablet, var(--cah5a4-background-imageRatio, auto)); border-width: var(--cah5a4-borderWidth-tl-tablet, var(--cah5a4-borderWidth-tl,0px)) var(--cah5a4-borderWidth-tr-tablet,var(--cah5a4-borderWidth-tr,0px)) var(--cah5a4-borderWidth-br-tablet,var(--cah5a4-borderWidth-br,0px)) var(--cah5a4-borderWidth-bl-tablet,var(--cah5a4-borderWidth-bl,0px)); border-radius: var(--cah5a4-borderRadius-tl-tablet,var(--cah5a4-borderRadius-tl,0px)) var(--cah5a4-borderRadius-tr-tablet,var(--cah5a4-borderRadius-tr,0px)) var(--cah5a4-borderRadius-br-tablet,var(--cah5a4-borderRadius-br,0px)) var(--cah5a4-borderRadius-bl-tablet,var(--cah5a4-borderRadius-bl,0px)); max-width: var(--cah5a4-max-width-tablet, var(--cah5a4-max-width, 100%)); height: if(style(--cah5a4-position-tablet: absolute): var(--cah5a4-height-tablet,var(--cah5a4-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--cah5a4-position-mobile, var(--cah5a4-position-tablet, var(--cah5a4-position, relative))); top: var(--cah5a4-top-mobile, var(--cah5a4-top-tablet, var(--cah5a4-top, auto))); right: var(--cah5a4-right-mobile, var(--cah5a4-right-tablet, var(--cah5a4-right, auto))); bottom: var(--cah5a4-bottom-mobile, var(--cah5a4-bottom-tablet, var(--cah5a4-bottom, auto))); left: var(--cah5a4-left-mobile, var(--cah5a4-left-tablet, var(--cah5a4-left, auto))); transform: var(--cah5a4-transform-mobile, var(--cah5a4-transform-tablet, var(--cah5a4-transform, none))); z-index: var(--cah5a4-z-index-mobile, var(--cah5a4-z-index-tablet, var(--cah5a4-z-index, 10))); aspect-ratio: var(--cah5a4-background-imageRatio-mobile, var(--cah5a4-background-imageRatio, auto)); border-width: var(--cah5a4-borderWidth-tl-mobile, var(--cah5a4-borderWidth-tl,0px)) var(--cah5a4-borderWidth-tr-mobile,var(--cah5a4-borderWidth-tr,0px)) var(--cah5a4-borderWidth-br-mobile,var(--cah5a4-borderWidth-br,0px)) var(--cah5a4-borderWidth-bl-mobile,var(--cah5a4-borderWidth-bl,0px)); border-radius: var(--cah5a4-borderRadius-tl-mobile,var(--cah5a4-borderRadius-tl,0px)) var(--cah5a4-borderRadius-tr-mobile,var(--cah5a4-borderRadius-tr,0px)) var(--cah5a4-borderRadius-br-mobile,var(--cah5a4-borderRadius-br,0px)) var(--cah5a4-borderRadius-bl-mobile,var(--cah5a4-borderRadius-bl,0px)); max-width: var(--cah5a4-max-width-mobile, var(--cah5a4-max-width, 100%)); height: if(style(--cah5a4-position-mobile: absolute): var(--cah5a4-height-mobile,var(--cah5a4-height-tablet,,var(--cah5a4-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--cah5a4-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--cah5a4-gap,var(--beae-card-gap)); padding-top: var(--cah5a4-padding-top,var(--beae-card-padding)); padding-right: var(--cah5a4-padding-right,var(--beae-card-padding)); padding-bottom: var(--cah5a4-padding-bottom,var(--beae-card-padding)); padding-left: var(--cah5a4-padding-left,var(--beae-card-padding)); border-width: var(--cah5a4-borderWidth-tl,var(--beae-card-border-width)) var(--cah5a4-borderWidth-tr,var(--beae-card-border-width)) var(--cah5a4-borderWidth-br,var(--beae-card-border-width)) var(--cah5a4-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--cah5a4-borderRadius-tl,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-tr,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-br,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--cah5a4-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--cah5a4-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--cah5a4-gap-tablet,var(--beae-card-gap)); padding-top: var(--cah5a4-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--cah5a4-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--cah5a4-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--cah5a4-padding-left-tablet,var(--beae-card-padding)); border-width: var(--cah5a4-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--cah5a4-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--cah5a4-borderWidth-br-desktop,var(--beae-card-border-width)) var(--cah5a4-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--cah5a4-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--cah5a4-gap-mobile,var(--beae-card-gap)); padding-top: var(--cah5a4-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--cah5a4-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--cah5a4-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--cah5a4-padding-left-mobile,var(--beae-card-padding)); border-width: var(--cah5a4-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--cah5a4-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--cah5a4-borderWidth-br-mobile,var(--beae-card-border-width)) var(--cah5a4-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--cah5a4-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--cah5a4-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--cah5a4-background-color,var(--beae-card-featured-background)); border-color: var(--cah5a4-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--cah5a4-shadowHorizontal, var(--beae-card-shadow-x)) var(--cah5a4-shadowVertical, var(--beae-card-shadow-y)) var(--cah5a4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cah5a4-shadowColor, var(--beae-card-featured-shadow-color)) var(--cah5a4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--cah5a4-background-color,var(--beae-card-prod-background)); border-color: var(--cah5a4-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--cah5a4-shadowHorizontal, var(--beae-card-shadow-x)) var(--cah5a4-shadowVertical, var(--beae-card-shadow-y)) var(--cah5a4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cah5a4-shadowColor, var(--beae-card-prod-shadow-color)) var(--cah5a4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--cah5a4-background-color,var(--beae-card-pricing-background)); border-color: var(--cah5a4-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--cah5a4-shadowHorizontal, var(--beae-card-shadow-x)) var(--cah5a4-shadowVertical, var(--beae-card-shadow-y)) var(--cah5a4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cah5a4-shadowColor, var(--beae-card-pricing-shadow-color)) var(--cah5a4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--cah5a4-background-color,var(--beae-card-cta-background)); border-color: var(--cah5a4-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--cah5a4-shadowHorizontal, var(--beae-card-shadow-x)) var(--cah5a4-shadowVertical, var(--beae-card-shadow-y)) var(--cah5a4-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cah5a4-shadowColor, var(--beae-card-cta-shadow-color)) var(--cah5a4-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-cah5a4"] {     display: flex;     flex-direction: var(--cah5a4-direction, column);     flex-wrap: nowrap;     justify-content: var(--cah5a4-justify-content);     align-items: var(--cah5a4-align-items);     gap: var(--cah5a4-gap, var(--cah5a4-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-cah5a4"] {                            gap: var(--cah5a4-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--cah5a4-padding-right-tablet, 0px) - var(--cah5a4-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-cah5a4"] {                            gap: var(--cah5a4-gap-mobile, var(--cah5a4-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--cah5a4-padding-right-mobile, 0px) - var(--cah5a4-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-gtelzu"] { --gtelzu-width: 18%; --gtelzu-width-tablet: 18%; --gtelzu-width-mobile: 50%; --gtelzu-imageRatio: auto; --gtelzu-imageRatio-tablet: auto; --gtelzu-imageRatio-mobile: auto; --gtelzu-objFit: cover; --gtelzu-objFit-tablet: cover; --gtelzu-objFit-mobile: cover; --gtelzu-borderColor: #000000; --gtelzu-borderColor-tablet: #000000; --gtelzu-borderColor-mobile: #000000; --gtelzu-shadowColor: #000000; --gtelzu-shadowColor-tablet: #000000; --gtelzu-shadowColor-mobile: #000000; --gtelzu-borderStyle: none; --gtelzu-borderStyle-tablet: none; --gtelzu-borderStyle-mobile: none; --gtelzu-enableShadow: false; --gtelzu-enableShadow-tablet: false; --gtelzu-enableShadow-mobile: false; --gtelzu-margin-top: 0px; --gtelzu-margin-top-tablet: 0px; --gtelzu-margin-top-mobile: 14px; --gtelzu-margin-right: 0px; --gtelzu-margin-right-tablet: 0px; --gtelzu-margin-right-mobile: 0px; --gtelzu-margin-bottom: 0px; --gtelzu-margin-bottom-tablet: 0px; --gtelzu-margin-bottom-mobile: 0px; --gtelzu-margin-left: 0px; --gtelzu-margin-left-tablet: 0px; --gtelzu-margin-left-mobile: 0px; }[data-bnode="beae-gtelzu"] { margin-top: var(--gtelzu-margin-top, 0px); margin-right: var(--gtelzu-margin-right, 0px); margin-bottom: var(--gtelzu-margin-bottom, 0px); margin-left: var(--gtelzu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gtelzu-margin-top-tablet, 0px); margin-right: var(--gtelzu-margin-right-tablet, 0px); margin-bottom: var(--gtelzu-margin-bottom-tablet, 0px); margin-left: var(--gtelzu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gtelzu-margin-top-mobile, 0px); margin-right: var(--gtelzu-margin-right-mobile, 0px); margin-bottom: var(--gtelzu-margin-bottom-mobile, 0px); margin-left: var(--gtelzu-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--gtelzu-width,100%) - var(--gtelzu-margin-left,0px) - var(--gtelzu-margin-right,0px)); min-height: min-content; border-color: var(--gtelzu-borderColor,var(--beae-card-media-border-color)); border-style: var(--gtelzu-borderStyle,solid); border-width: var(--gtelzu-borderWidth-tl,var(--beae-card-border-width)) var(--gtelzu-borderWidth-tr,var(--beae-card-border-width)) var(--gtelzu-borderWidth-br,var(--beae-card-border-width)) var(--gtelzu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--gtelzu-borderRadius-tl,var(--beae-card-border-radius)) var(--gtelzu-borderRadius-tr,var(--beae-card-border-radius)) var(--gtelzu-borderRadius-br,var(--beae-card-border-radius)) var(--gtelzu-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--gtelzu-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--gtelzu-borderWidth-tl-tablet, var(--gtelzu-borderWidth-tl,var(--beae-card-border-width))) var(--gtelzu-borderWidth-tr-tablet, var(--gtelzu-borderWidth-tr,var(--beae-card-border-width))) var(--gtelzu-borderWidth-br-tablet, var(--gtelzu-borderWidth-br,var(--beae-card-border-width))) var(--gtelzu-borderWidth-bl-tablet, var(--gtelzu-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--gtelzu-borderRadius-tl-tablet, var(--gtelzu-borderRadius-tl,var(--beae-card-border-radius))) var(--gtelzu-borderRadius-tr-tablet, var(--gtelzu-borderRadius-tr,var(--beae-card-border-radius))) var(--gtelzu-borderRadius-br-tablet, var(--gtelzu-borderRadius-br,var(--beae-card-border-radius))) var(--gtelzu-borderRadius-bl-tablet, var(--gtelzu-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--gtelzu-borderWidth-tl-mobile, var(--gtelzu-borderWidth-tl,var(--beae-card-border-width))) var(--gtelzu-borderWidth-tr-mobile, var(--gtelzu-borderWidth-tr,var(--beae-card-border-width))) var(--gtelzu-borderWidth-br-mobile, var(--gtelzu-borderWidth-br,var(--beae-card-border-width))) var(--gtelzu-borderWidth-bl-mobile, var(--gtelzu-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--gtelzu-borderRadius-tl-mobile, var(--gtelzu-borderRadius-tl,var(--beae-card-border-radius))) var(--gtelzu-borderRadius-tr-mobile, var(--gtelzu-borderRadius-tr,var(--beae-card-border-radius))) var(--gtelzu-borderRadius-br-mobile, var(--gtelzu-borderRadius-br,var(--beae-card-border-radius))) var(--gtelzu-borderRadius-bl-mobile, var(--gtelzu-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--gtelzu-shadowHorizontal, var(--beae-card-shadow-x)) var(--gtelzu-shadowVertical, var(--beae-card-shadow-y)) var(--gtelzu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gtelzu-shadowColor, var(--beae-card-media-shadow-color)) var(--gtelzu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--gtelzu-overlayColor-color, #000); opacity: var(--gtelzu-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--gtelzu-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--gtelzu-width-tablet,var(--gtelzu-width,100%)) - var(--gtelzu-margin-left-tablet,var(--gtelzu-margin-left,0px)) - var(--gtelzu-margin-right-tablet,var(--gtelzu-margin-right,0px))); aspect-ratio: var(--gtelzu-imageRatio-tablet, var(--gtelzu-imageRatio, auto)); img { object-fit: var(--gtelzu-objFit-tablet, var(--gtelzu-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--gtelzu-width-mobile,var(--gtelzu-width,100%)) - var(--gtelzu-margin-left-mobile,var(--gtelzu-margin-left,0px)) - var(--gtelzu-margin-right-mobile,var(--gtelzu-margin-right,0px))); aspect-ratio: var(--gtelzu-imageRatio-mobile, var(--gtelzu-imageRatio, auto)); img { object-fit: var(--gtelzu-objFit-mobile, var(--gtelzu-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-1sfgat"] { --1sfgat-typography: p; --1sfgat-typography-tablet: p; --1sfgat-typography-mobile: p; --beae-p3-text-align-mobile: center; --1sfgat-margin-top: 6px; --1sfgat-margin-top-tablet: 6px; --1sfgat-margin-top-mobile: 6px; --1sfgat-margin-right: 0px; --1sfgat-margin-right-tablet: 0px; --1sfgat-margin-right-mobile: 0px; --1sfgat-margin-bottom: 6px; --1sfgat-margin-bottom-tablet: 6px; --1sfgat-margin-bottom-mobile: 0px; --1sfgat-margin-left: 0px; --1sfgat-margin-left-tablet: 0px; --1sfgat-margin-left-mobile: 0px; --beae-p-text-align: center; --beae-p-color: #fefcf0; --beae-p-font-size: 20px; --beae-p-font-weight: 600; --beae-p-font-size-mobile: 13px; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing-mobile: 0.6px; }[data-bnode="beae-1sfgat"] { margin-top: var(--1sfgat-margin-top, 0px); margin-right: var(--1sfgat-margin-right, 0px); margin-bottom: var(--1sfgat-margin-bottom, 0px); margin-left: var(--1sfgat-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1sfgat-margin-top-tablet, 0px); margin-right: var(--1sfgat-margin-right-tablet, 0px); margin-bottom: var(--1sfgat-margin-bottom-tablet, 0px); margin-left: var(--1sfgat-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1sfgat-margin-top-mobile, 0px); margin-right: var(--1sfgat-margin-right-mobile, 0px); margin-bottom: var(--1sfgat-margin-bottom-mobile, 0px); margin-left: var(--1sfgat-margin-left-mobile, 0px); } }[data-bnode="beae-vqecxb"] { --vqecxb-width: fill; --vqecxb-width-tablet: fill; --vqecxb-width-mobile: fill; --vqecxb-button: pr; --vqecxb-button-tablet: pr; --vqecxb-button-mobile: pr; --beae-btn-padding: 30px; --vqecxb-margin-top: 0px; --vqecxb-margin-top-tablet: 0px; --vqecxb-margin-top-mobile: 0px; --vqecxb-margin-right: 0px; --vqecxb-margin-right-tablet: 0px; --vqecxb-margin-right-mobile: 0px; --vqecxb-margin-bottom: 0px; --vqecxb-margin-bottom-tablet: 0px; --vqecxb-margin-bottom-mobile: 80px; --vqecxb-margin-left: 0px; --vqecxb-margin-left-tablet: 0px; --vqecxb-margin-left-mobile: 0px; --beae-btn-font-size-mobile: 20px; --beae-btn-height-mobile: 50px; --beae-btn-font-size: 28px; --beae-btn-height: 80px; --beae-btn-pr-label-color: #fefcf0; --beae-btn-pr-background-color: #f16028; }[data-bnode="beae-vqecxb"] { margin-top: var(--vqecxb-margin-top, 0px); margin-right: var(--vqecxb-margin-right, 0px); margin-bottom: var(--vqecxb-margin-bottom, 0px); margin-left: var(--vqecxb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqecxb-margin-top-tablet, 0px); margin-right: var(--vqecxb-margin-right-tablet, 0px); margin-bottom: var(--vqecxb-margin-bottom-tablet, 0px); margin-left: var(--vqecxb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqecxb-margin-top-mobile, 0px); margin-right: var(--vqecxb-margin-right-mobile, 0px); margin-bottom: var(--vqecxb-margin-bottom-mobile, 0px); margin-left: var(--vqecxb-margin-left-mobile, 0px); } &{ gap:var(--vqecxb-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--vqecxb-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--vqecxb-bgBtnHover)) * 1%)); style(--vqecxb-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--vqecxb-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--vqecxb-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--vqecxb-labelBtnHover)) * 1%)); style(--vqecxb-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--vqecxb-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--vqecxb-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--vqecxb-borderBtnHover)) * 1%)); style(--vqecxb-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--vqecxb-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--vqecxb-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--vqecxb-bgBtnHover)) * 1%)); style(--vqecxb-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--vqecxb-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--vqecxb-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--vqecxb-labelBtnHover)) * 1%)); style(--vqecxb-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--vqecxb-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--vqecxb-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--vqecxb-borderBtnHover)) * 1%)); style(--vqecxb-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--vqecxb-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--vqecxb-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--vqecxb-labelBtnHover)) * 1%)); style(--vqecxb-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--vqecxb-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--vqecxb-iconWidth); } svg { width: var(--vqecxb-iconWidth,20px); min-width: var(--vqecxb-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--vqecxb-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--vqecxb-iconWidth-tablet, var(--vqecxb-iconWidth)); } svg { width: var(--vqecxb-iconWidth-tablet, var(--vqecxb-iconWidth)); min-width: var(--vqecxb-iconWidth-tablet, var(--vqecxb-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--vqecxb-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--vqecxb-iconWidth-mobile, var(--vqecxb-iconWidth)); } svg { width: var(--vqecxb-iconWidth-mobile, var(--vqecxb-iconWidth)); min-width: var(--vqecxb-iconWidth-mobile, var(--vqecxb-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-v2va0a"] { --v2va0a-width: var(--beae-w); --v2va0a-width-tablet: var(--beae-w); --v2va0a-width-mobile: var(--beae-w); --v2va0a-height: fit-content; --v2va0a-height-tablet: fit-content; --v2va0a-height-mobile: fit-content; --v2va0a-padding-top: 0px; --v2va0a-padding-top-tablet: 0px; --v2va0a-padding-top-mobile: 0px; --v2va0a-padding-right: 0px; --v2va0a-padding-right-tablet: 0px; --v2va0a-padding-right-mobile: 0px; --v2va0a-padding-bottom: 0px; --v2va0a-padding-bottom-tablet: 0px; --v2va0a-padding-bottom-mobile: 0px; --v2va0a-padding-left: 0px; --v2va0a-padding-left-tablet: 0px; --v2va0a-padding-left-mobile: 0px; --v2va0a-background-type: color; --v2va0a-background-type-tablet: color; --v2va0a-background-type-mobile: color; --v2va0a-background-color: #FEFCF0; --v2va0a-background-color-tablet: #FEFCF0; --v2va0a-background-color-mobile: #FEFCF0; --v2va0a-gap: 0px; --v2va0a-gap-tablet: 0px; --v2va0a-gap-mobile: 0px; --v2va0a-direction: column; --v2va0a-direction-tablet: column; --v2va0a-direction-mobile: column; }[data-bnode="beae-v2va0a"] { padding-top: var(--v2va0a-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--v2va0a-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--v2va0a-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--v2va0a-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--v2va0a-padding-top-tablet, var(--v2va0a-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--v2va0a-padding-right-tablet, var(--v2va0a-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--v2va0a-padding-bottom-tablet, var(--v2va0a-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--v2va0a-padding-left-tablet, var(--v2va0a-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--v2va0a-padding-top-mobile, var(--v2va0a-padding-top-tablet, var(--v2va0a-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--v2va0a-padding-right-mobile, var(--v2va0a-padding-right-tablet, var(--v2va0a-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--v2va0a-padding-bottom-mobile, var(--v2va0a-padding-bottom-tablet, var(--v2va0a-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--v2va0a-padding-left-mobile, var(--v2va0a-padding-left-tablet, var(--v2va0a-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--v2va0a-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--v2va0a-height); width: 100%; max-width: var(--v2va0a-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--v2va0a-height-tablet, auto); width: 100%; max-width: var(--v2va0a-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--v2va0a-height-mobile, auto); width: 100%; max-width: var(--v2va0a-width-mobile, 100%); } } } }[data-bnode="beae-v2va0a"] > .beae-section-container{     display: flex;     flex-direction: var(--v2va0a-direction, column);     flex-wrap: nowrap;     justify-content: var(--v2va0a-justify-content);     align-items: var(--v2va0a-align-items);     gap: var(--v2va0a-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-v2va0a"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--v2va0a-padding-right-tablet, 0px) - var(--v2va0a-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-v2va0a"] > .beae-section-container{                            gap: var(--v2va0a-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--v2va0a-padding-right-mobile, 0px) - var(--v2va0a-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-er4n1h"] { --er4n1h-direction: row; --er4n1h-direction-tablet: row; --er4n1h-direction-mobile: row; --er4n1h-structure: columns; --er4n1h-structure-tablet: columns; --er4n1h-structure-mobile: columns; }[data-bnode="beae-er4n1h"] { padding-top: var(--er4n1h-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--er4n1h-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--er4n1h-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--er4n1h-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--er4n1h-padding-top-tablet, var(--er4n1h-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--er4n1h-padding-right-tablet, var(--er4n1h-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--er4n1h-padding-bottom-tablet, var(--er4n1h-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--er4n1h-padding-left-tablet, var(--er4n1h-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--er4n1h-padding-top-mobile, var(--er4n1h-padding-top-tablet, var(--er4n1h-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--er4n1h-padding-right-mobile, var(--er4n1h-padding-right-tablet, var(--er4n1h-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--er4n1h-padding-bottom-mobile, var(--er4n1h-padding-bottom-tablet, var(--er4n1h-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--er4n1h-padding-left-mobile, var(--er4n1h-padding-left-tablet, var(--er4n1h-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--er4n1h-position, relative); top: var(--er4n1h-top, auto); right: var(--er4n1h-right, auto); bottom: var(--er4n1h-bottom, auto); left: var(--er4n1h-left, auto); transform: var(--er4n1h-transform, none); z-index: var(--er4n1h-z-index, 10); aspect-ratio: var(--er4n1h-background-imageRatio, auto); background: var(--er4n1h-background-color,transparent); border-style: var(--er4n1h-borderStyle,solid); border-color: var(--er4n1h-borderColor,#000000); border-width: var(--er4n1h-borderWidth-tl,0px) var(--er4n1h-borderWidth-tr,0px) var(--er4n1h-borderWidth-br,0px) var(--er4n1h-borderWidth-bl,0px); border-radius: var(--er4n1h-borderRadius-tl,0px) var(--er4n1h-borderRadius-tr,0px) var(--er4n1h-borderRadius-br,0px) var(--er4n1h-borderRadius-bl,0px); box-shadow: var(--er4n1h-shadowHorizontal, 0px) var(--er4n1h-shadowVertical, 0px) var(--er4n1h-shadowBlur, 0px) 1px color-mix( in srgb, var(--er4n1h-shadowColor, #000000) var(--er4n1h-shadowTransparent, 0%), transparent ); max-width: var(--er4n1h-max-width, 100%); width: 100%; height: if(style(--er4n1h-position: absolute): var(--er4n1h-height,100%); else: unset ); backdrop-filter:blur(var(--er4n1h-background-blur, none)) saturate(var(--er4n1h-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--er4n1h-position-tablet, var(--er4n1h-position, relative)); top: var(--er4n1h-top-tablet, var(--er4n1h-top, auto)); right: var(--er4n1h-right-tablet, var(--er4n1h-right, auto)); bottom: var(--er4n1h-bottom-tablet, var(--er4n1h-bottom, auto)); left: var(--er4n1h-left-tablet, var(--er4n1h-left, auto)); transform: var(--er4n1h-transform-tablet, var(--er4n1h-transform, none)); z-index: var(--er4n1h-z-index-tablet, var(--er4n1h-z-index, 10)); aspect-ratio: var(--er4n1h-background-imageRatio-tablet, var(--er4n1h-background-imageRatio, auto)); border-width: var(--er4n1h-borderWidth-tl-tablet, var(--er4n1h-borderWidth-tl,0px)) var(--er4n1h-borderWidth-tr-tablet,var(--er4n1h-borderWidth-tr,0px)) var(--er4n1h-borderWidth-br-tablet,var(--er4n1h-borderWidth-br,0px)) var(--er4n1h-borderWidth-bl-tablet,var(--er4n1h-borderWidth-bl,0px)); border-radius: var(--er4n1h-borderRadius-tl-tablet,var(--er4n1h-borderRadius-tl,0px)) var(--er4n1h-borderRadius-tr-tablet,var(--er4n1h-borderRadius-tr,0px)) var(--er4n1h-borderRadius-br-tablet,var(--er4n1h-borderRadius-br,0px)) var(--er4n1h-borderRadius-bl-tablet,var(--er4n1h-borderRadius-bl,0px)); max-width: var(--er4n1h-max-width-tablet, var(--er4n1h-max-width, 100%)); height: if(style(--er4n1h-position-tablet: absolute): var(--er4n1h-height-tablet,var(--er4n1h-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--er4n1h-position-mobile, var(--er4n1h-position-tablet, var(--er4n1h-position, relative))); top: var(--er4n1h-top-mobile, var(--er4n1h-top-tablet, var(--er4n1h-top, auto))); right: var(--er4n1h-right-mobile, var(--er4n1h-right-tablet, var(--er4n1h-right, auto))); bottom: var(--er4n1h-bottom-mobile, var(--er4n1h-bottom-tablet, var(--er4n1h-bottom, auto))); left: var(--er4n1h-left-mobile, var(--er4n1h-left-tablet, var(--er4n1h-left, auto))); transform: var(--er4n1h-transform-mobile, var(--er4n1h-transform-tablet, var(--er4n1h-transform, none))); z-index: var(--er4n1h-z-index-mobile, var(--er4n1h-z-index-tablet, var(--er4n1h-z-index, 10))); aspect-ratio: var(--er4n1h-background-imageRatio-mobile, var(--er4n1h-background-imageRatio, auto)); border-width: var(--er4n1h-borderWidth-tl-mobile, var(--er4n1h-borderWidth-tl,0px)) var(--er4n1h-borderWidth-tr-mobile,var(--er4n1h-borderWidth-tr,0px)) var(--er4n1h-borderWidth-br-mobile,var(--er4n1h-borderWidth-br,0px)) var(--er4n1h-borderWidth-bl-mobile,var(--er4n1h-borderWidth-bl,0px)); border-radius: var(--er4n1h-borderRadius-tl-mobile,var(--er4n1h-borderRadius-tl,0px)) var(--er4n1h-borderRadius-tr-mobile,var(--er4n1h-borderRadius-tr,0px)) var(--er4n1h-borderRadius-br-mobile,var(--er4n1h-borderRadius-br,0px)) var(--er4n1h-borderRadius-bl-mobile,var(--er4n1h-borderRadius-bl,0px)); max-width: var(--er4n1h-max-width-mobile, var(--er4n1h-max-width, 100%)); height: if(style(--er4n1h-position-mobile: absolute): var(--er4n1h-height-mobile,var(--er4n1h-height-tablet,,var(--er4n1h-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--er4n1h-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--er4n1h-gap,var(--beae-card-gap)); padding-top: var(--er4n1h-padding-top,var(--beae-card-padding)); padding-right: var(--er4n1h-padding-right,var(--beae-card-padding)); padding-bottom: var(--er4n1h-padding-bottom,var(--beae-card-padding)); padding-left: var(--er4n1h-padding-left,var(--beae-card-padding)); border-width: var(--er4n1h-borderWidth-tl,var(--beae-card-border-width)) var(--er4n1h-borderWidth-tr,var(--beae-card-border-width)) var(--er4n1h-borderWidth-br,var(--beae-card-border-width)) var(--er4n1h-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--er4n1h-borderRadius-tl,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-tr,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-br,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--er4n1h-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--er4n1h-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--er4n1h-gap-tablet,var(--beae-card-gap)); padding-top: var(--er4n1h-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--er4n1h-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--er4n1h-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--er4n1h-padding-left-tablet,var(--beae-card-padding)); border-width: var(--er4n1h-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--er4n1h-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--er4n1h-borderWidth-br-desktop,var(--beae-card-border-width)) var(--er4n1h-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--er4n1h-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--er4n1h-gap-mobile,var(--beae-card-gap)); padding-top: var(--er4n1h-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--er4n1h-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--er4n1h-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--er4n1h-padding-left-mobile,var(--beae-card-padding)); border-width: var(--er4n1h-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--er4n1h-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--er4n1h-borderWidth-br-mobile,var(--beae-card-border-width)) var(--er4n1h-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--er4n1h-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--er4n1h-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--er4n1h-background-color,var(--beae-card-featured-background)); border-color: var(--er4n1h-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--er4n1h-shadowHorizontal, var(--beae-card-shadow-x)) var(--er4n1h-shadowVertical, var(--beae-card-shadow-y)) var(--er4n1h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--er4n1h-shadowColor, var(--beae-card-featured-shadow-color)) var(--er4n1h-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--er4n1h-background-color,var(--beae-card-prod-background)); border-color: var(--er4n1h-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--er4n1h-shadowHorizontal, var(--beae-card-shadow-x)) var(--er4n1h-shadowVertical, var(--beae-card-shadow-y)) var(--er4n1h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--er4n1h-shadowColor, var(--beae-card-prod-shadow-color)) var(--er4n1h-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--er4n1h-background-color,var(--beae-card-pricing-background)); border-color: var(--er4n1h-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--er4n1h-shadowHorizontal, var(--beae-card-shadow-x)) var(--er4n1h-shadowVertical, var(--beae-card-shadow-y)) var(--er4n1h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--er4n1h-shadowColor, var(--beae-card-pricing-shadow-color)) var(--er4n1h-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--er4n1h-background-color,var(--beae-card-cta-background)); border-color: var(--er4n1h-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--er4n1h-shadowHorizontal, var(--beae-card-shadow-x)) var(--er4n1h-shadowVertical, var(--beae-card-shadow-y)) var(--er4n1h-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--er4n1h-shadowColor, var(--beae-card-cta-shadow-color)) var(--er4n1h-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-er4n1h"] {     display: flex;     flex-direction: var(--er4n1h-direction, column);     flex-wrap: nowrap;     justify-content: var(--er4n1h-justify-content);     align-items: var(--er4n1h-align-items);     gap: var(--er4n1h-gap, var(--er4n1h-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(--er4n1h-padding-right, 0px) - var(--er4n1h-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-er4n1h"] {                            gap: var(--er4n1h-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--er4n1h-padding-right-tablet, 0px) - var(--er4n1h-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-er4n1h"] {                            gap: var(--er4n1h-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--er4n1h-padding-right-mobile, 0px) - var(--er4n1h-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5438vn"] { --5438vn-direction: row; --5438vn-direction-tablet: row; --5438vn-direction-mobile: row; --5438vn-structure: columns; --5438vn-structure-tablet: columns; --5438vn-structure-mobile: columns; --5438vn-columns: 33.33,66.66; --5438vn-columns-tablet: 33.33,66.66; --5438vn-columns-mobile: 33.33,66.66; --5438vn-columnsPresetId: 33.33,66.66; --5438vn-columnsPresetId-tablet: 33.33,66.66; --5438vn-columnsPresetId-mobile: 33.33,66.66; --5438vn-gap: 48px; --5438vn-gap-tablet: 48px; --5438vn-gap-mobile: 0px; --5438vn-padding-top: 40px; --5438vn-padding-top-tablet: 40px; --5438vn-padding-top-mobile: 20px; --5438vn-padding-right: 80px; --5438vn-padding-right-tablet: 80px; --5438vn-padding-right-mobile: 20px; --5438vn-padding-bottom: 40px; --5438vn-padding-bottom-tablet: 40px; --5438vn-padding-bottom-mobile: 20px; --5438vn-padding-left: 80px; --5438vn-padding-left-tablet: 80px; --5438vn-padding-left-mobile: 20px; --5438vn-justify-content: center; --5438vn-justify-content-tablet: center; --5438vn-justify-content-mobile: center; --5438vn-align-items: center; --5438vn-align-items-tablet: center; --5438vn-align-items-mobile: center; --5438vn-position: relative; --5438vn-position-tablet: relative; --5438vn-position-mobile: relative; --5438vn-max-width-mobile: 100%; }[data-bnode="beae-5438vn"] { padding-top: var(--5438vn-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--5438vn-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--5438vn-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--5438vn-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5438vn-padding-top-tablet, var(--5438vn-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--5438vn-padding-right-tablet, var(--5438vn-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--5438vn-padding-bottom-tablet, var(--5438vn-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--5438vn-padding-left-tablet, var(--5438vn-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5438vn-padding-top-mobile, var(--5438vn-padding-top-tablet, var(--5438vn-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--5438vn-padding-right-mobile, var(--5438vn-padding-right-tablet, var(--5438vn-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--5438vn-padding-bottom-mobile, var(--5438vn-padding-bottom-tablet, var(--5438vn-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--5438vn-padding-left-mobile, var(--5438vn-padding-left-tablet, var(--5438vn-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--5438vn-position, relative); top: var(--5438vn-top, auto); right: var(--5438vn-right, auto); bottom: var(--5438vn-bottom, auto); left: var(--5438vn-left, auto); transform: var(--5438vn-transform, none); z-index: var(--5438vn-z-index, 10); aspect-ratio: var(--5438vn-background-imageRatio, auto); background: var(--5438vn-background-color,transparent); border-style: var(--5438vn-borderStyle,solid); border-color: var(--5438vn-borderColor,#000000); border-width: var(--5438vn-borderWidth-tl,0px) var(--5438vn-borderWidth-tr,0px) var(--5438vn-borderWidth-br,0px) var(--5438vn-borderWidth-bl,0px); border-radius: var(--5438vn-borderRadius-tl,0px) var(--5438vn-borderRadius-tr,0px) var(--5438vn-borderRadius-br,0px) var(--5438vn-borderRadius-bl,0px); box-shadow: var(--5438vn-shadowHorizontal, 0px) var(--5438vn-shadowVertical, 0px) var(--5438vn-shadowBlur, 0px) 1px color-mix( in srgb, var(--5438vn-shadowColor, #000000) var(--5438vn-shadowTransparent, 0%), transparent ); max-width: var(--5438vn-max-width, 100%); width: 100%; height: if(style(--5438vn-position: absolute): var(--5438vn-height,100%); else: unset ); backdrop-filter:blur(var(--5438vn-background-blur, none)) saturate(var(--5438vn-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--5438vn-position-tablet, var(--5438vn-position, relative)); top: var(--5438vn-top-tablet, var(--5438vn-top, auto)); right: var(--5438vn-right-tablet, var(--5438vn-right, auto)); bottom: var(--5438vn-bottom-tablet, var(--5438vn-bottom, auto)); left: var(--5438vn-left-tablet, var(--5438vn-left, auto)); transform: var(--5438vn-transform-tablet, var(--5438vn-transform, none)); z-index: var(--5438vn-z-index-tablet, var(--5438vn-z-index, 10)); aspect-ratio: var(--5438vn-background-imageRatio-tablet, var(--5438vn-background-imageRatio, auto)); border-width: var(--5438vn-borderWidth-tl-tablet, var(--5438vn-borderWidth-tl,0px)) var(--5438vn-borderWidth-tr-tablet,var(--5438vn-borderWidth-tr,0px)) var(--5438vn-borderWidth-br-tablet,var(--5438vn-borderWidth-br,0px)) var(--5438vn-borderWidth-bl-tablet,var(--5438vn-borderWidth-bl,0px)); border-radius: var(--5438vn-borderRadius-tl-tablet,var(--5438vn-borderRadius-tl,0px)) var(--5438vn-borderRadius-tr-tablet,var(--5438vn-borderRadius-tr,0px)) var(--5438vn-borderRadius-br-tablet,var(--5438vn-borderRadius-br,0px)) var(--5438vn-borderRadius-bl-tablet,var(--5438vn-borderRadius-bl,0px)); max-width: var(--5438vn-max-width-tablet, var(--5438vn-max-width, 100%)); height: if(style(--5438vn-position-tablet: absolute): var(--5438vn-height-tablet,var(--5438vn-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--5438vn-position-mobile, var(--5438vn-position-tablet, var(--5438vn-position, relative))); top: var(--5438vn-top-mobile, var(--5438vn-top-tablet, var(--5438vn-top, auto))); right: var(--5438vn-right-mobile, var(--5438vn-right-tablet, var(--5438vn-right, auto))); bottom: var(--5438vn-bottom-mobile, var(--5438vn-bottom-tablet, var(--5438vn-bottom, auto))); left: var(--5438vn-left-mobile, var(--5438vn-left-tablet, var(--5438vn-left, auto))); transform: var(--5438vn-transform-mobile, var(--5438vn-transform-tablet, var(--5438vn-transform, none))); z-index: var(--5438vn-z-index-mobile, var(--5438vn-z-index-tablet, var(--5438vn-z-index, 10))); aspect-ratio: var(--5438vn-background-imageRatio-mobile, var(--5438vn-background-imageRatio, auto)); border-width: var(--5438vn-borderWidth-tl-mobile, var(--5438vn-borderWidth-tl,0px)) var(--5438vn-borderWidth-tr-mobile,var(--5438vn-borderWidth-tr,0px)) var(--5438vn-borderWidth-br-mobile,var(--5438vn-borderWidth-br,0px)) var(--5438vn-borderWidth-bl-mobile,var(--5438vn-borderWidth-bl,0px)); border-radius: var(--5438vn-borderRadius-tl-mobile,var(--5438vn-borderRadius-tl,0px)) var(--5438vn-borderRadius-tr-mobile,var(--5438vn-borderRadius-tr,0px)) var(--5438vn-borderRadius-br-mobile,var(--5438vn-borderRadius-br,0px)) var(--5438vn-borderRadius-bl-mobile,var(--5438vn-borderRadius-bl,0px)); max-width: var(--5438vn-max-width-mobile, var(--5438vn-max-width, 100%)); height: if(style(--5438vn-position-mobile: absolute): var(--5438vn-height-mobile,var(--5438vn-height-tablet,,var(--5438vn-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--5438vn-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--5438vn-gap,var(--beae-card-gap)); padding-top: var(--5438vn-padding-top,var(--beae-card-padding)); padding-right: var(--5438vn-padding-right,var(--beae-card-padding)); padding-bottom: var(--5438vn-padding-bottom,var(--beae-card-padding)); padding-left: var(--5438vn-padding-left,var(--beae-card-padding)); border-width: var(--5438vn-borderWidth-tl,var(--beae-card-border-width)) var(--5438vn-borderWidth-tr,var(--beae-card-border-width)) var(--5438vn-borderWidth-br,var(--beae-card-border-width)) var(--5438vn-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5438vn-borderRadius-tl,var(--beae-card-border-radius)) var(--5438vn-borderRadius-tr,var(--beae-card-border-radius)) var(--5438vn-borderRadius-br,var(--beae-card-border-radius)) var(--5438vn-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--5438vn-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--5438vn-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--5438vn-gap-tablet,var(--beae-card-gap)); padding-top: var(--5438vn-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--5438vn-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--5438vn-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--5438vn-padding-left-tablet,var(--beae-card-padding)); border-width: var(--5438vn-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--5438vn-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--5438vn-borderWidth-br-desktop,var(--beae-card-border-width)) var(--5438vn-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--5438vn-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--5438vn-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--5438vn-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--5438vn-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--5438vn-gap-mobile,var(--beae-card-gap)); padding-top: var(--5438vn-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--5438vn-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--5438vn-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--5438vn-padding-left-mobile,var(--beae-card-padding)); border-width: var(--5438vn-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--5438vn-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--5438vn-borderWidth-br-mobile,var(--beae-card-border-width)) var(--5438vn-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--5438vn-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--5438vn-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--5438vn-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--5438vn-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--5438vn-background-color,var(--beae-card-featured-background)); border-color: var(--5438vn-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--5438vn-shadowHorizontal, var(--beae-card-shadow-x)) var(--5438vn-shadowVertical, var(--beae-card-shadow-y)) var(--5438vn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5438vn-shadowColor, var(--beae-card-featured-shadow-color)) var(--5438vn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--5438vn-background-color,var(--beae-card-prod-background)); border-color: var(--5438vn-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--5438vn-shadowHorizontal, var(--beae-card-shadow-x)) var(--5438vn-shadowVertical, var(--beae-card-shadow-y)) var(--5438vn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5438vn-shadowColor, var(--beae-card-prod-shadow-color)) var(--5438vn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--5438vn-background-color,var(--beae-card-pricing-background)); border-color: var(--5438vn-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--5438vn-shadowHorizontal, var(--beae-card-shadow-x)) var(--5438vn-shadowVertical, var(--beae-card-shadow-y)) var(--5438vn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5438vn-shadowColor, var(--beae-card-pricing-shadow-color)) var(--5438vn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--5438vn-background-color,var(--beae-card-cta-background)); border-color: var(--5438vn-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--5438vn-shadowHorizontal, var(--beae-card-shadow-x)) var(--5438vn-shadowVertical, var(--beae-card-shadow-y)) var(--5438vn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5438vn-shadowColor, var(--beae-card-cta-shadow-color)) var(--5438vn-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-5438vn"] {     display: flex;     flex-direction: var(--5438vn-direction, column);     flex-wrap: nowrap;     justify-content: var(--5438vn-justify-content);     align-items: var(--5438vn-align-items);     gap: var(--5438vn-gap, var(--5438vn-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                &>.beae-slot[data-bnode-index="1"] {          flex-basis: calc(33.33% - var(--5438vn-padding-right, 0px) - var(--5438vn-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="2"] {          flex-basis: calc(66.66% - var(--5438vn-padding-right, 0px) - var(--5438vn-padding-right, 0px));         }         &>.beae-slot[data-bnode-index="3"] {          flex-basis: calc(100% - var(--5438vn-padding-right, 0px) - var(--5438vn-padding-right, 0px));         }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5438vn"] {                            gap: var(--5438vn-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--5438vn-padding-right-tablet, 0px) - var(--5438vn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5438vn"] {      flex-direction: var(--5438vn-direction-mobile, column);                      gap: var(--5438vn-gap-mobile, var(--5438vn-gap-mobile, var(--beae-slot-gap-mobile)));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--5438vn-padding-right-mobile, 0px) - var(--5438vn-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7gwl4x"] { --7gwl4x-direction: column; --7gwl4x-direction-tablet: column; --7gwl4x-direction-mobile: row; --7gwl4x-structure: columns; --7gwl4x-structure-tablet: columns; --7gwl4x-structure-mobile: columns; --7gwl4x-padding-top: 0px; --7gwl4x-padding-top-tablet: 0px; --7gwl4x-padding-top-mobile: 0px; --7gwl4x-padding-right: 0px; --7gwl4x-padding-right-tablet: 0px; --7gwl4x-padding-right-mobile: 20px; --7gwl4x-padding-bottom: 0px; --7gwl4x-padding-bottom-tablet: 0px; --7gwl4x-padding-bottom-mobile: 0px; --7gwl4x-padding-left: 0px; --7gwl4x-padding-left-tablet: 0px; --7gwl4x-padding-left-mobile: 20px; --7gwl4x-max-width: fit-content; --7gwl4x-max-width-tablet: fit-content; --7gwl4x-max-width-mobile: fit-content; }[data-bnode="beae-7gwl4x"] { padding-top: var(--7gwl4x-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7gwl4x-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7gwl4x-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7gwl4x-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7gwl4x-padding-top-tablet, var(--7gwl4x-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7gwl4x-padding-right-tablet, var(--7gwl4x-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7gwl4x-padding-bottom-tablet, var(--7gwl4x-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7gwl4x-padding-left-tablet, var(--7gwl4x-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7gwl4x-padding-top-mobile, var(--7gwl4x-padding-top-tablet, var(--7gwl4x-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7gwl4x-padding-right-mobile, var(--7gwl4x-padding-right-tablet, var(--7gwl4x-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7gwl4x-padding-bottom-mobile, var(--7gwl4x-padding-bottom-tablet, var(--7gwl4x-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7gwl4x-padding-left-mobile, var(--7gwl4x-padding-left-tablet, var(--7gwl4x-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--7gwl4x-position, relative); top: var(--7gwl4x-top, auto); right: var(--7gwl4x-right, auto); bottom: var(--7gwl4x-bottom, auto); left: var(--7gwl4x-left, auto); transform: var(--7gwl4x-transform, none); z-index: var(--7gwl4x-z-index, 10); aspect-ratio: var(--7gwl4x-background-imageRatio, auto); background: var(--7gwl4x-background-color,transparent); border-style: var(--7gwl4x-borderStyle,solid); border-color: var(--7gwl4x-borderColor,#000000); border-width: var(--7gwl4x-borderWidth-tl,0px) var(--7gwl4x-borderWidth-tr,0px) var(--7gwl4x-borderWidth-br,0px) var(--7gwl4x-borderWidth-bl,0px); border-radius: var(--7gwl4x-borderRadius-tl,0px) var(--7gwl4x-borderRadius-tr,0px) var(--7gwl4x-borderRadius-br,0px) var(--7gwl4x-borderRadius-bl,0px); box-shadow: var(--7gwl4x-shadowHorizontal, 0px) var(--7gwl4x-shadowVertical, 0px) var(--7gwl4x-shadowBlur, 0px) 1px color-mix( in srgb, var(--7gwl4x-shadowColor, #000000) var(--7gwl4x-shadowTransparent, 0%), transparent ); max-width: var(--7gwl4x-max-width, 100%); width: 100%; height: if(style(--7gwl4x-position: absolute): var(--7gwl4x-height,100%); else: unset ); backdrop-filter:blur(var(--7gwl4x-background-blur, none)) saturate(var(--7gwl4x-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--7gwl4x-position-tablet, var(--7gwl4x-position, relative)); top: var(--7gwl4x-top-tablet, var(--7gwl4x-top, auto)); right: var(--7gwl4x-right-tablet, var(--7gwl4x-right, auto)); bottom: var(--7gwl4x-bottom-tablet, var(--7gwl4x-bottom, auto)); left: var(--7gwl4x-left-tablet, var(--7gwl4x-left, auto)); transform: var(--7gwl4x-transform-tablet, var(--7gwl4x-transform, none)); z-index: var(--7gwl4x-z-index-tablet, var(--7gwl4x-z-index, 10)); aspect-ratio: var(--7gwl4x-background-imageRatio-tablet, var(--7gwl4x-background-imageRatio, auto)); border-width: var(--7gwl4x-borderWidth-tl-tablet, var(--7gwl4x-borderWidth-tl,0px)) var(--7gwl4x-borderWidth-tr-tablet,var(--7gwl4x-borderWidth-tr,0px)) var(--7gwl4x-borderWidth-br-tablet,var(--7gwl4x-borderWidth-br,0px)) var(--7gwl4x-borderWidth-bl-tablet,var(--7gwl4x-borderWidth-bl,0px)); border-radius: var(--7gwl4x-borderRadius-tl-tablet,var(--7gwl4x-borderRadius-tl,0px)) var(--7gwl4x-borderRadius-tr-tablet,var(--7gwl4x-borderRadius-tr,0px)) var(--7gwl4x-borderRadius-br-tablet,var(--7gwl4x-borderRadius-br,0px)) var(--7gwl4x-borderRadius-bl-tablet,var(--7gwl4x-borderRadius-bl,0px)); max-width: var(--7gwl4x-max-width-tablet, var(--7gwl4x-max-width, 100%)); height: if(style(--7gwl4x-position-tablet: absolute): var(--7gwl4x-height-tablet,var(--7gwl4x-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--7gwl4x-position-mobile, var(--7gwl4x-position-tablet, var(--7gwl4x-position, relative))); top: var(--7gwl4x-top-mobile, var(--7gwl4x-top-tablet, var(--7gwl4x-top, auto))); right: var(--7gwl4x-right-mobile, var(--7gwl4x-right-tablet, var(--7gwl4x-right, auto))); bottom: var(--7gwl4x-bottom-mobile, var(--7gwl4x-bottom-tablet, var(--7gwl4x-bottom, auto))); left: var(--7gwl4x-left-mobile, var(--7gwl4x-left-tablet, var(--7gwl4x-left, auto))); transform: var(--7gwl4x-transform-mobile, var(--7gwl4x-transform-tablet, var(--7gwl4x-transform, none))); z-index: var(--7gwl4x-z-index-mobile, var(--7gwl4x-z-index-tablet, var(--7gwl4x-z-index, 10))); aspect-ratio: var(--7gwl4x-background-imageRatio-mobile, var(--7gwl4x-background-imageRatio, auto)); border-width: var(--7gwl4x-borderWidth-tl-mobile, var(--7gwl4x-borderWidth-tl,0px)) var(--7gwl4x-borderWidth-tr-mobile,var(--7gwl4x-borderWidth-tr,0px)) var(--7gwl4x-borderWidth-br-mobile,var(--7gwl4x-borderWidth-br,0px)) var(--7gwl4x-borderWidth-bl-mobile,var(--7gwl4x-borderWidth-bl,0px)); border-radius: var(--7gwl4x-borderRadius-tl-mobile,var(--7gwl4x-borderRadius-tl,0px)) var(--7gwl4x-borderRadius-tr-mobile,var(--7gwl4x-borderRadius-tr,0px)) var(--7gwl4x-borderRadius-br-mobile,var(--7gwl4x-borderRadius-br,0px)) var(--7gwl4x-borderRadius-bl-mobile,var(--7gwl4x-borderRadius-bl,0px)); max-width: var(--7gwl4x-max-width-mobile, var(--7gwl4x-max-width, 100%)); height: if(style(--7gwl4x-position-mobile: absolute): var(--7gwl4x-height-mobile,var(--7gwl4x-height-tablet,,var(--7gwl4x-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7gwl4x-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--7gwl4x-gap,var(--beae-card-gap)); padding-top: var(--7gwl4x-padding-top,var(--beae-card-padding)); padding-right: var(--7gwl4x-padding-right,var(--beae-card-padding)); padding-bottom: var(--7gwl4x-padding-bottom,var(--beae-card-padding)); padding-left: var(--7gwl4x-padding-left,var(--beae-card-padding)); border-width: var(--7gwl4x-borderWidth-tl,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-tr,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-br,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7gwl4x-borderRadius-tl,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-tr,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-br,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--7gwl4x-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--7gwl4x-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--7gwl4x-gap-tablet,var(--beae-card-gap)); padding-top: var(--7gwl4x-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7gwl4x-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7gwl4x-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7gwl4x-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7gwl4x-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7gwl4x-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--7gwl4x-gap-mobile,var(--beae-card-gap)); padding-top: var(--7gwl4x-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7gwl4x-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7gwl4x-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7gwl4x-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7gwl4x-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7gwl4x-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7gwl4x-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7gwl4x-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7gwl4x-background-color,var(--beae-card-featured-background)); border-color: var(--7gwl4x-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--7gwl4x-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gwl4x-shadowVertical, var(--beae-card-shadow-y)) var(--7gwl4x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gwl4x-shadowColor, var(--beae-card-featured-shadow-color)) var(--7gwl4x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--7gwl4x-background-color,var(--beae-card-prod-background)); border-color: var(--7gwl4x-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--7gwl4x-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gwl4x-shadowVertical, var(--beae-card-shadow-y)) var(--7gwl4x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gwl4x-shadowColor, var(--beae-card-prod-shadow-color)) var(--7gwl4x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--7gwl4x-background-color,var(--beae-card-pricing-background)); border-color: var(--7gwl4x-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--7gwl4x-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gwl4x-shadowVertical, var(--beae-card-shadow-y)) var(--7gwl4x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gwl4x-shadowColor, var(--beae-card-pricing-shadow-color)) var(--7gwl4x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--7gwl4x-background-color,var(--beae-card-cta-background)); border-color: var(--7gwl4x-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--7gwl4x-shadowHorizontal, var(--beae-card-shadow-x)) var(--7gwl4x-shadowVertical, var(--beae-card-shadow-y)) var(--7gwl4x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7gwl4x-shadowColor, var(--beae-card-cta-shadow-color)) var(--7gwl4x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-7gwl4x"] {     display: flex;     flex-direction: var(--7gwl4x-direction, column);     flex-wrap: nowrap;     justify-content: var(--7gwl4x-justify-content);     align-items: var(--7gwl4x-align-items);     gap: var(--7gwl4x-gap, var(--7gwl4x-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7gwl4x"] {                            gap: var(--7gwl4x-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7gwl4x-padding-right-tablet, 0px) - var(--7gwl4x-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7gwl4x"] {      flex-direction: var(--7gwl4x-direction-mobile, column);                      gap: var(--7gwl4x-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7gwl4x-padding-right-mobile, 0px) - var(--7gwl4x-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-228m49"] { --228m49-width: 100%; --228m49-width-tablet: 100%; --228m49-width-mobile: 100%; --228m49-imageRatio: auto; --228m49-imageRatio-tablet: auto; --228m49-imageRatio-mobile: auto; --228m49-objFit: cover; --228m49-objFit-tablet: cover; --228m49-objFit-mobile: cover; --228m49-borderStyle: none; --228m49-borderStyle-tablet: none; --228m49-borderStyle-mobile: none; --228m49-margin-top: 0px; --228m49-margin-top-tablet: 0px; --228m49-margin-top-mobile: 0px; --228m49-margin-right: 0px; --228m49-margin-right-tablet: 0px; --228m49-margin-right-mobile: 0px; --228m49-margin-bottom: 0px; --228m49-margin-bottom-tablet: 0px; --228m49-margin-bottom-mobile: 0px; --228m49-margin-left: 0px; --228m49-margin-left-tablet: 0px; --228m49-margin-left-mobile: 0px; }[data-bnode="beae-228m49"] { margin-top: var(--228m49-margin-top, 0px); margin-right: var(--228m49-margin-right, 0px); margin-bottom: var(--228m49-margin-bottom, 0px); margin-left: var(--228m49-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--228m49-margin-top-tablet, 0px); margin-right: var(--228m49-margin-right-tablet, 0px); margin-bottom: var(--228m49-margin-bottom-tablet, 0px); margin-left: var(--228m49-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--228m49-margin-top-mobile, 0px); margin-right: var(--228m49-margin-right-mobile, 0px); margin-bottom: var(--228m49-margin-bottom-mobile, 0px); margin-left: var(--228m49-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--228m49-width,100%) - var(--228m49-margin-left,0px) - var(--228m49-margin-right,0px)); min-height: min-content; border-color: var(--228m49-borderColor,var(--beae-card-media-border-color)); border-style: var(--228m49-borderStyle,solid); border-width: var(--228m49-borderWidth-tl,var(--beae-card-border-width)) var(--228m49-borderWidth-tr,var(--beae-card-border-width)) var(--228m49-borderWidth-br,var(--beae-card-border-width)) var(--228m49-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--228m49-borderRadius-tl,var(--beae-card-border-radius)) var(--228m49-borderRadius-tr,var(--beae-card-border-radius)) var(--228m49-borderRadius-br,var(--beae-card-border-radius)) var(--228m49-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--228m49-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--228m49-borderWidth-tl-tablet, var(--228m49-borderWidth-tl,var(--beae-card-border-width))) var(--228m49-borderWidth-tr-tablet, var(--228m49-borderWidth-tr,var(--beae-card-border-width))) var(--228m49-borderWidth-br-tablet, var(--228m49-borderWidth-br,var(--beae-card-border-width))) var(--228m49-borderWidth-bl-tablet, var(--228m49-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--228m49-borderRadius-tl-tablet, var(--228m49-borderRadius-tl,var(--beae-card-border-radius))) var(--228m49-borderRadius-tr-tablet, var(--228m49-borderRadius-tr,var(--beae-card-border-radius))) var(--228m49-borderRadius-br-tablet, var(--228m49-borderRadius-br,var(--beae-card-border-radius))) var(--228m49-borderRadius-bl-tablet, var(--228m49-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--228m49-borderWidth-tl-mobile, var(--228m49-borderWidth-tl,var(--beae-card-border-width))) var(--228m49-borderWidth-tr-mobile, var(--228m49-borderWidth-tr,var(--beae-card-border-width))) var(--228m49-borderWidth-br-mobile, var(--228m49-borderWidth-br,var(--beae-card-border-width))) var(--228m49-borderWidth-bl-mobile, var(--228m49-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--228m49-borderRadius-tl-mobile, var(--228m49-borderRadius-tl,var(--beae-card-border-radius))) var(--228m49-borderRadius-tr-mobile, var(--228m49-borderRadius-tr,var(--beae-card-border-radius))) var(--228m49-borderRadius-br-mobile, var(--228m49-borderRadius-br,var(--beae-card-border-radius))) var(--228m49-borderRadius-bl-mobile, var(--228m49-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--228m49-shadowHorizontal, var(--beae-card-shadow-x)) var(--228m49-shadowVertical, var(--beae-card-shadow-y)) var(--228m49-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--228m49-shadowColor, var(--beae-card-media-shadow-color)) var(--228m49-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--228m49-overlayColor-color, #000); opacity: var(--228m49-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--228m49-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--228m49-width-tablet,var(--228m49-width,100%)) - var(--228m49-margin-left-tablet,var(--228m49-margin-left,0px)) - var(--228m49-margin-right-tablet,var(--228m49-margin-right,0px))); aspect-ratio: var(--228m49-imageRatio-tablet, var(--228m49-imageRatio, auto)); img { object-fit: var(--228m49-objFit-tablet, var(--228m49-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--228m49-width-mobile,var(--228m49-width,100%)) - var(--228m49-margin-left-mobile,var(--228m49-margin-left,0px)) - var(--228m49-margin-right-mobile,var(--228m49-margin-right,0px))); aspect-ratio: var(--228m49-imageRatio-mobile, var(--228m49-imageRatio, auto)); img { object-fit: var(--228m49-objFit-mobile, var(--228m49-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-k7i84t"] { --k7i84t-direction: column; --k7i84t-direction-tablet: column; --k7i84t-direction-mobile: column; --k7i84t-structure: columns; --k7i84t-structure-tablet: columns; --k7i84t-structure-mobile: columns; --k7i84t-align-items: center; --k7i84t-align-items-tablet: center; --k7i84t-align-items-mobile: center; }[data-bnode="beae-k7i84t"] { padding-top: var(--k7i84t-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--k7i84t-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--k7i84t-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--k7i84t-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--k7i84t-padding-top-tablet, var(--k7i84t-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--k7i84t-padding-right-tablet, var(--k7i84t-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--k7i84t-padding-bottom-tablet, var(--k7i84t-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--k7i84t-padding-left-tablet, var(--k7i84t-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--k7i84t-padding-top-mobile, var(--k7i84t-padding-top-tablet, var(--k7i84t-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--k7i84t-padding-right-mobile, var(--k7i84t-padding-right-tablet, var(--k7i84t-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--k7i84t-padding-bottom-mobile, var(--k7i84t-padding-bottom-tablet, var(--k7i84t-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--k7i84t-padding-left-mobile, var(--k7i84t-padding-left-tablet, var(--k7i84t-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--k7i84t-position, relative); top: var(--k7i84t-top, auto); right: var(--k7i84t-right, auto); bottom: var(--k7i84t-bottom, auto); left: var(--k7i84t-left, auto); transform: var(--k7i84t-transform, none); z-index: var(--k7i84t-z-index, 10); aspect-ratio: var(--k7i84t-background-imageRatio, auto); background: var(--k7i84t-background-color,transparent); border-style: var(--k7i84t-borderStyle,solid); border-color: var(--k7i84t-borderColor,#000000); border-width: var(--k7i84t-borderWidth-tl,0px) var(--k7i84t-borderWidth-tr,0px) var(--k7i84t-borderWidth-br,0px) var(--k7i84t-borderWidth-bl,0px); border-radius: var(--k7i84t-borderRadius-tl,0px) var(--k7i84t-borderRadius-tr,0px) var(--k7i84t-borderRadius-br,0px) var(--k7i84t-borderRadius-bl,0px); box-shadow: var(--k7i84t-shadowHorizontal, 0px) var(--k7i84t-shadowVertical, 0px) var(--k7i84t-shadowBlur, 0px) 1px color-mix( in srgb, var(--k7i84t-shadowColor, #000000) var(--k7i84t-shadowTransparent, 0%), transparent ); max-width: var(--k7i84t-max-width, 100%); width: 100%; height: if(style(--k7i84t-position: absolute): var(--k7i84t-height,100%); else: unset ); backdrop-filter:blur(var(--k7i84t-background-blur, none)) saturate(var(--k7i84t-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--k7i84t-position-tablet, var(--k7i84t-position, relative)); top: var(--k7i84t-top-tablet, var(--k7i84t-top, auto)); right: var(--k7i84t-right-tablet, var(--k7i84t-right, auto)); bottom: var(--k7i84t-bottom-tablet, var(--k7i84t-bottom, auto)); left: var(--k7i84t-left-tablet, var(--k7i84t-left, auto)); transform: var(--k7i84t-transform-tablet, var(--k7i84t-transform, none)); z-index: var(--k7i84t-z-index-tablet, var(--k7i84t-z-index, 10)); aspect-ratio: var(--k7i84t-background-imageRatio-tablet, var(--k7i84t-background-imageRatio, auto)); border-width: var(--k7i84t-borderWidth-tl-tablet, var(--k7i84t-borderWidth-tl,0px)) var(--k7i84t-borderWidth-tr-tablet,var(--k7i84t-borderWidth-tr,0px)) var(--k7i84t-borderWidth-br-tablet,var(--k7i84t-borderWidth-br,0px)) var(--k7i84t-borderWidth-bl-tablet,var(--k7i84t-borderWidth-bl,0px)); border-radius: var(--k7i84t-borderRadius-tl-tablet,var(--k7i84t-borderRadius-tl,0px)) var(--k7i84t-borderRadius-tr-tablet,var(--k7i84t-borderRadius-tr,0px)) var(--k7i84t-borderRadius-br-tablet,var(--k7i84t-borderRadius-br,0px)) var(--k7i84t-borderRadius-bl-tablet,var(--k7i84t-borderRadius-bl,0px)); max-width: var(--k7i84t-max-width-tablet, var(--k7i84t-max-width, 100%)); height: if(style(--k7i84t-position-tablet: absolute): var(--k7i84t-height-tablet,var(--k7i84t-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--k7i84t-position-mobile, var(--k7i84t-position-tablet, var(--k7i84t-position, relative))); top: var(--k7i84t-top-mobile, var(--k7i84t-top-tablet, var(--k7i84t-top, auto))); right: var(--k7i84t-right-mobile, var(--k7i84t-right-tablet, var(--k7i84t-right, auto))); bottom: var(--k7i84t-bottom-mobile, var(--k7i84t-bottom-tablet, var(--k7i84t-bottom, auto))); left: var(--k7i84t-left-mobile, var(--k7i84t-left-tablet, var(--k7i84t-left, auto))); transform: var(--k7i84t-transform-mobile, var(--k7i84t-transform-tablet, var(--k7i84t-transform, none))); z-index: var(--k7i84t-z-index-mobile, var(--k7i84t-z-index-tablet, var(--k7i84t-z-index, 10))); aspect-ratio: var(--k7i84t-background-imageRatio-mobile, var(--k7i84t-background-imageRatio, auto)); border-width: var(--k7i84t-borderWidth-tl-mobile, var(--k7i84t-borderWidth-tl,0px)) var(--k7i84t-borderWidth-tr-mobile,var(--k7i84t-borderWidth-tr,0px)) var(--k7i84t-borderWidth-br-mobile,var(--k7i84t-borderWidth-br,0px)) var(--k7i84t-borderWidth-bl-mobile,var(--k7i84t-borderWidth-bl,0px)); border-radius: var(--k7i84t-borderRadius-tl-mobile,var(--k7i84t-borderRadius-tl,0px)) var(--k7i84t-borderRadius-tr-mobile,var(--k7i84t-borderRadius-tr,0px)) var(--k7i84t-borderRadius-br-mobile,var(--k7i84t-borderRadius-br,0px)) var(--k7i84t-borderRadius-bl-mobile,var(--k7i84t-borderRadius-bl,0px)); max-width: var(--k7i84t-max-width-mobile, var(--k7i84t-max-width, 100%)); height: if(style(--k7i84t-position-mobile: absolute): var(--k7i84t-height-mobile,var(--k7i84t-height-tablet,,var(--k7i84t-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--k7i84t-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--k7i84t-gap,var(--beae-card-gap)); padding-top: var(--k7i84t-padding-top,var(--beae-card-padding)); padding-right: var(--k7i84t-padding-right,var(--beae-card-padding)); padding-bottom: var(--k7i84t-padding-bottom,var(--beae-card-padding)); padding-left: var(--k7i84t-padding-left,var(--beae-card-padding)); border-width: var(--k7i84t-borderWidth-tl,var(--beae-card-border-width)) var(--k7i84t-borderWidth-tr,var(--beae-card-border-width)) var(--k7i84t-borderWidth-br,var(--beae-card-border-width)) var(--k7i84t-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--k7i84t-borderRadius-tl,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-tr,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-br,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--k7i84t-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--k7i84t-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--k7i84t-gap-tablet,var(--beae-card-gap)); padding-top: var(--k7i84t-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--k7i84t-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--k7i84t-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--k7i84t-padding-left-tablet,var(--beae-card-padding)); border-width: var(--k7i84t-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--k7i84t-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--k7i84t-borderWidth-br-desktop,var(--beae-card-border-width)) var(--k7i84t-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--k7i84t-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--k7i84t-gap-mobile,var(--beae-card-gap)); padding-top: var(--k7i84t-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--k7i84t-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--k7i84t-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--k7i84t-padding-left-mobile,var(--beae-card-padding)); border-width: var(--k7i84t-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--k7i84t-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--k7i84t-borderWidth-br-mobile,var(--beae-card-border-width)) var(--k7i84t-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--k7i84t-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--k7i84t-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--k7i84t-background-color,var(--beae-card-featured-background)); border-color: var(--k7i84t-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--k7i84t-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7i84t-shadowVertical, var(--beae-card-shadow-y)) var(--k7i84t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7i84t-shadowColor, var(--beae-card-featured-shadow-color)) var(--k7i84t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--k7i84t-background-color,var(--beae-card-prod-background)); border-color: var(--k7i84t-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--k7i84t-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7i84t-shadowVertical, var(--beae-card-shadow-y)) var(--k7i84t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7i84t-shadowColor, var(--beae-card-prod-shadow-color)) var(--k7i84t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--k7i84t-background-color,var(--beae-card-pricing-background)); border-color: var(--k7i84t-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--k7i84t-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7i84t-shadowVertical, var(--beae-card-shadow-y)) var(--k7i84t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7i84t-shadowColor, var(--beae-card-pricing-shadow-color)) var(--k7i84t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--k7i84t-background-color,var(--beae-card-cta-background)); border-color: var(--k7i84t-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--k7i84t-shadowHorizontal, var(--beae-card-shadow-x)) var(--k7i84t-shadowVertical, var(--beae-card-shadow-y)) var(--k7i84t-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--k7i84t-shadowColor, var(--beae-card-cta-shadow-color)) var(--k7i84t-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-k7i84t"] {     display: flex;     flex-direction: var(--k7i84t-direction, column);     flex-wrap: nowrap;     justify-content: var(--k7i84t-justify-content);     align-items: var(--k7i84t-align-items);     gap: var(--k7i84t-gap, var(--k7i84t-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-k7i84t"] {                            gap: var(--k7i84t-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(20.00% - var(--k7i84t-padding-right-tablet, 0px) - var(--k7i84t-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-k7i84t"] {                            gap: var(--k7i84t-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(20.00% - var(--k7i84t-padding-right-mobile, 0px) - var(--k7i84t-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-e6zvik"] { --e6zvik-typography: h5; --e6zvik-typography-tablet: h5; --e6zvik-typography-mobile: h5; --beae-h5-text-align: center; --beae-h5-font-size: 36px; --beae-h5-color: #053d2a; --beae-h5-text-transform: none; --beae-h5-font-size-mobile: 14px; --e6zvik-margin-top: 0px; --e6zvik-margin-top-tablet: 0px; --e6zvik-margin-top-mobile: 0px; --e6zvik-margin-right: 12px; --e6zvik-margin-right-tablet: 12px; --e6zvik-margin-right-mobile: 4px; --e6zvik-margin-bottom: 40px; --e6zvik-margin-bottom-tablet: 40px; --e6zvik-margin-bottom-mobile: 10px; --e6zvik-margin-left: 12px; --e6zvik-margin-left-tablet: 12px; --e6zvik-margin-left-mobile: 6px; --beae-h5-font-weight: 600; }[data-bnode="beae-e6zvik"] { margin-top: var(--e6zvik-margin-top, 0px); margin-right: var(--e6zvik-margin-right, 0px); margin-bottom: var(--e6zvik-margin-bottom, 0px); margin-left: var(--e6zvik-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e6zvik-margin-top-tablet, 0px); margin-right: var(--e6zvik-margin-right-tablet, 0px); margin-bottom: var(--e6zvik-margin-bottom-tablet, 0px); margin-left: var(--e6zvik-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e6zvik-margin-top-mobile, 0px); margin-right: var(--e6zvik-margin-right-mobile, 0px); margin-bottom: var(--e6zvik-margin-bottom-mobile, 0px); margin-left: var(--e6zvik-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--e6zvik-highlightColor,var(--beae-p-color)); top: var(--e6zvik-highlightTop, 100%); } }[data-bnode="beae-v0u0nd"] { --v0u0nd-direction: row; --v0u0nd-direction-tablet: row; --v0u0nd-direction-mobile: row; --v0u0nd-structure: columns; --v0u0nd-structure-tablet: columns; --v0u0nd-structure-mobile: columns; --v0u0nd-borderStyle: solid; --v0u0nd-borderStyle-tablet: solid; --v0u0nd-borderStyle-mobile: solid; --v0u0nd-borderColor: #f16028; --v0u0nd-borderColor-tablet: #f16028; --v0u0nd-borderColor-mobile: #f16028; --v0u0nd-borderWidth-tl: 2px; --v0u0nd-borderWidth-tl-tablet: 2px; --v0u0nd-borderWidth-tl-mobile: 2px; --v0u0nd-borderWidth-tr: 0px; --v0u0nd-borderWidth-tr-tablet: 0px; --v0u0nd-borderWidth-tr-mobile: 0px; --v0u0nd-borderWidth-bl: 0px; --v0u0nd-borderWidth-bl-tablet: 0px; --v0u0nd-borderWidth-bl-mobile: 0px; --v0u0nd-borderWidth-br: 0px; --v0u0nd-borderWidth-br-tablet: 0px; --v0u0nd-borderWidth-br-mobile: 0px; --v0u0nd-padding-top: 0px; --v0u0nd-padding-top-tablet: 0px; --v0u0nd-padding-top-mobile: 0px; --v0u0nd-padding-right: 0px; --v0u0nd-padding-right-tablet: 0px; --v0u0nd-padding-right-mobile: 0px; --v0u0nd-padding-bottom: 0px; --v0u0nd-padding-bottom-tablet: 0px; --v0u0nd-padding-bottom-mobile: 0px; --v0u0nd-padding-left: 0px; --v0u0nd-padding-left-tablet: 0px; --v0u0nd-padding-left-mobile: 0px; --v0u0nd-max-width: 75%; --v0u0nd-max-width-tablet: 75%; --v0u0nd-max-width-mobile: 75%; }[data-bnode="beae-v0u0nd"] { padding-top: var(--v0u0nd-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--v0u0nd-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--v0u0nd-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--v0u0nd-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--v0u0nd-padding-top-tablet, var(--v0u0nd-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--v0u0nd-padding-right-tablet, var(--v0u0nd-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--v0u0nd-padding-bottom-tablet, var(--v0u0nd-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--v0u0nd-padding-left-tablet, var(--v0u0nd-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--v0u0nd-padding-top-mobile, var(--v0u0nd-padding-top-tablet, var(--v0u0nd-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--v0u0nd-padding-right-mobile, var(--v0u0nd-padding-right-tablet, var(--v0u0nd-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--v0u0nd-padding-bottom-mobile, var(--v0u0nd-padding-bottom-tablet, var(--v0u0nd-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--v0u0nd-padding-left-mobile, var(--v0u0nd-padding-left-tablet, var(--v0u0nd-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--v0u0nd-position, relative); top: var(--v0u0nd-top, auto); right: var(--v0u0nd-right, auto); bottom: var(--v0u0nd-bottom, auto); left: var(--v0u0nd-left, auto); transform: var(--v0u0nd-transform, none); z-index: var(--v0u0nd-z-index, 10); aspect-ratio: var(--v0u0nd-background-imageRatio, auto); background: var(--v0u0nd-background-color,transparent); border-style: var(--v0u0nd-borderStyle,solid); border-color: var(--v0u0nd-borderColor,#000000); border-width: var(--v0u0nd-borderWidth-tl,0px) var(--v0u0nd-borderWidth-tr,0px) var(--v0u0nd-borderWidth-br,0px) var(--v0u0nd-borderWidth-bl,0px); border-radius: var(--v0u0nd-borderRadius-tl,0px) var(--v0u0nd-borderRadius-tr,0px) var(--v0u0nd-borderRadius-br,0px) var(--v0u0nd-borderRadius-bl,0px); box-shadow: var(--v0u0nd-shadowHorizontal, 0px) var(--v0u0nd-shadowVertical, 0px) var(--v0u0nd-shadowBlur, 0px) 1px color-mix( in srgb, var(--v0u0nd-shadowColor, #000000) var(--v0u0nd-shadowTransparent, 0%), transparent ); max-width: var(--v0u0nd-max-width, 100%); width: 100%; height: if(style(--v0u0nd-position: absolute): var(--v0u0nd-height,100%); else: unset ); backdrop-filter:blur(var(--v0u0nd-background-blur, none)) saturate(var(--v0u0nd-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--v0u0nd-position-tablet, var(--v0u0nd-position, relative)); top: var(--v0u0nd-top-tablet, var(--v0u0nd-top, auto)); right: var(--v0u0nd-right-tablet, var(--v0u0nd-right, auto)); bottom: var(--v0u0nd-bottom-tablet, var(--v0u0nd-bottom, auto)); left: var(--v0u0nd-left-tablet, var(--v0u0nd-left, auto)); transform: var(--v0u0nd-transform-tablet, var(--v0u0nd-transform, none)); z-index: var(--v0u0nd-z-index-tablet, var(--v0u0nd-z-index, 10)); aspect-ratio: var(--v0u0nd-background-imageRatio-tablet, var(--v0u0nd-background-imageRatio, auto)); border-width: var(--v0u0nd-borderWidth-tl-tablet, var(--v0u0nd-borderWidth-tl,0px)) var(--v0u0nd-borderWidth-tr-tablet,var(--v0u0nd-borderWidth-tr,0px)) var(--v0u0nd-borderWidth-br-tablet,var(--v0u0nd-borderWidth-br,0px)) var(--v0u0nd-borderWidth-bl-tablet,var(--v0u0nd-borderWidth-bl,0px)); border-radius: var(--v0u0nd-borderRadius-tl-tablet,var(--v0u0nd-borderRadius-tl,0px)) var(--v0u0nd-borderRadius-tr-tablet,var(--v0u0nd-borderRadius-tr,0px)) var(--v0u0nd-borderRadius-br-tablet,var(--v0u0nd-borderRadius-br,0px)) var(--v0u0nd-borderRadius-bl-tablet,var(--v0u0nd-borderRadius-bl,0px)); max-width: var(--v0u0nd-max-width-tablet, var(--v0u0nd-max-width, 100%)); height: if(style(--v0u0nd-position-tablet: absolute): var(--v0u0nd-height-tablet,var(--v0u0nd-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--v0u0nd-position-mobile, var(--v0u0nd-position-tablet, var(--v0u0nd-position, relative))); top: var(--v0u0nd-top-mobile, var(--v0u0nd-top-tablet, var(--v0u0nd-top, auto))); right: var(--v0u0nd-right-mobile, var(--v0u0nd-right-tablet, var(--v0u0nd-right, auto))); bottom: var(--v0u0nd-bottom-mobile, var(--v0u0nd-bottom-tablet, var(--v0u0nd-bottom, auto))); left: var(--v0u0nd-left-mobile, var(--v0u0nd-left-tablet, var(--v0u0nd-left, auto))); transform: var(--v0u0nd-transform-mobile, var(--v0u0nd-transform-tablet, var(--v0u0nd-transform, none))); z-index: var(--v0u0nd-z-index-mobile, var(--v0u0nd-z-index-tablet, var(--v0u0nd-z-index, 10))); aspect-ratio: var(--v0u0nd-background-imageRatio-mobile, var(--v0u0nd-background-imageRatio, auto)); border-width: var(--v0u0nd-borderWidth-tl-mobile, var(--v0u0nd-borderWidth-tl,0px)) var(--v0u0nd-borderWidth-tr-mobile,var(--v0u0nd-borderWidth-tr,0px)) var(--v0u0nd-borderWidth-br-mobile,var(--v0u0nd-borderWidth-br,0px)) var(--v0u0nd-borderWidth-bl-mobile,var(--v0u0nd-borderWidth-bl,0px)); border-radius: var(--v0u0nd-borderRadius-tl-mobile,var(--v0u0nd-borderRadius-tl,0px)) var(--v0u0nd-borderRadius-tr-mobile,var(--v0u0nd-borderRadius-tr,0px)) var(--v0u0nd-borderRadius-br-mobile,var(--v0u0nd-borderRadius-br,0px)) var(--v0u0nd-borderRadius-bl-mobile,var(--v0u0nd-borderRadius-bl,0px)); max-width: var(--v0u0nd-max-width-mobile, var(--v0u0nd-max-width, 100%)); height: if(style(--v0u0nd-position-mobile: absolute): var(--v0u0nd-height-mobile,var(--v0u0nd-height-tablet,,var(--v0u0nd-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--v0u0nd-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--v0u0nd-gap,var(--beae-card-gap)); padding-top: var(--v0u0nd-padding-top,var(--beae-card-padding)); padding-right: var(--v0u0nd-padding-right,var(--beae-card-padding)); padding-bottom: var(--v0u0nd-padding-bottom,var(--beae-card-padding)); padding-left: var(--v0u0nd-padding-left,var(--beae-card-padding)); border-width: var(--v0u0nd-borderWidth-tl,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-tr,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-br,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--v0u0nd-borderRadius-tl,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-tr,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-br,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--v0u0nd-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--v0u0nd-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--v0u0nd-gap-tablet,var(--beae-card-gap)); padding-top: var(--v0u0nd-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--v0u0nd-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--v0u0nd-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--v0u0nd-padding-left-tablet,var(--beae-card-padding)); border-width: var(--v0u0nd-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-br-desktop,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--v0u0nd-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--v0u0nd-gap-mobile,var(--beae-card-gap)); padding-top: var(--v0u0nd-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--v0u0nd-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--v0u0nd-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--v0u0nd-padding-left-mobile,var(--beae-card-padding)); border-width: var(--v0u0nd-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-br-mobile,var(--beae-card-border-width)) var(--v0u0nd-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--v0u0nd-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--v0u0nd-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--v0u0nd-background-color,var(--beae-card-featured-background)); border-color: var(--v0u0nd-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--v0u0nd-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0u0nd-shadowVertical, var(--beae-card-shadow-y)) var(--v0u0nd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0u0nd-shadowColor, var(--beae-card-featured-shadow-color)) var(--v0u0nd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--v0u0nd-background-color,var(--beae-card-prod-background)); border-color: var(--v0u0nd-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--v0u0nd-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0u0nd-shadowVertical, var(--beae-card-shadow-y)) var(--v0u0nd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0u0nd-shadowColor, var(--beae-card-prod-shadow-color)) var(--v0u0nd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--v0u0nd-background-color,var(--beae-card-pricing-background)); border-color: var(--v0u0nd-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--v0u0nd-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0u0nd-shadowVertical, var(--beae-card-shadow-y)) var(--v0u0nd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0u0nd-shadowColor, var(--beae-card-pricing-shadow-color)) var(--v0u0nd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--v0u0nd-background-color,var(--beae-card-cta-background)); border-color: var(--v0u0nd-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--v0u0nd-shadowHorizontal, var(--beae-card-shadow-x)) var(--v0u0nd-shadowVertical, var(--beae-card-shadow-y)) var(--v0u0nd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--v0u0nd-shadowColor, var(--beae-card-cta-shadow-color)) var(--v0u0nd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-b6nuda"] { --b6nuda-typography: h5; --b6nuda-typography-tablet: h5; --b6nuda-typography-mobile: h5; --beae-h5-text-align: center; --beae-h5-color: #053d2a; --beae-h5-font-size: 36px; --beae-h5-font-size-mobile: 14px; --b6nuda-margin-top: 20px; --b6nuda-margin-top-tablet: 20px; --b6nuda-margin-top-mobile: 10px; --b6nuda-margin-right: 12px; --b6nuda-margin-right-tablet: 12px; --b6nuda-margin-right-mobile: 12px; --b6nuda-margin-bottom: 40px; --b6nuda-margin-bottom-tablet: 40px; --b6nuda-margin-bottom-mobile: 10px; --b6nuda-margin-left: 12px; --b6nuda-margin-left-tablet: 12px; --b6nuda-margin-left-mobile: 12px; --beae-h5-font-weight: 600; --beae-h5-text-transform: none; }[data-bnode="beae-b6nuda"] { margin-top: var(--b6nuda-margin-top, 0px); margin-right: var(--b6nuda-margin-right, 0px); margin-bottom: var(--b6nuda-margin-bottom, 0px); margin-left: var(--b6nuda-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b6nuda-margin-top-tablet, 0px); margin-right: var(--b6nuda-margin-right-tablet, 0px); margin-bottom: var(--b6nuda-margin-bottom-tablet, 0px); margin-left: var(--b6nuda-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b6nuda-margin-top-mobile, 0px); margin-right: var(--b6nuda-margin-right-mobile, 0px); margin-bottom: var(--b6nuda-margin-bottom-mobile, 0px); margin-left: var(--b6nuda-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--b6nuda-highlightColor,var(--beae-p-color)); top: var(--b6nuda-highlightTop, 100%); } }[data-bnode="beae-bcr6h5"] { --bcr6h5-direction: row; --bcr6h5-direction-tablet: row; --bcr6h5-direction-mobile: row; --bcr6h5-structure: columns; --bcr6h5-structure-tablet: columns; --bcr6h5-structure-mobile: columns; --bcr6h5-borderStyle: solid; --bcr6h5-borderStyle-tablet: solid; --bcr6h5-borderStyle-mobile: solid; --bcr6h5-borderWidth-tl: 2px; --bcr6h5-borderWidth-tl-tablet: 2px; --bcr6h5-borderWidth-tl-mobile: 2px; --bcr6h5-borderWidth-tr: 0px; --bcr6h5-borderWidth-tr-tablet: 0px; --bcr6h5-borderWidth-tr-mobile: 0px; --bcr6h5-borderWidth-bl: 0px; --bcr6h5-borderWidth-bl-tablet: 0px; --bcr6h5-borderWidth-bl-mobile: 0px; --bcr6h5-borderWidth-br: 0px; --bcr6h5-borderWidth-br-tablet: 0px; --bcr6h5-borderWidth-br-mobile: 0px; --bcr6h5-borderColor: #f16028; --bcr6h5-borderColor-tablet: #f16028; --bcr6h5-borderColor-mobile: #f16028; --bcr6h5-max-width: 75%; --bcr6h5-max-width-tablet: 75%; --bcr6h5-max-width-mobile: 75%; }[data-bnode="beae-bcr6h5"] { padding-top: var(--bcr6h5-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bcr6h5-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bcr6h5-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bcr6h5-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bcr6h5-padding-top-tablet, var(--bcr6h5-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bcr6h5-padding-right-tablet, var(--bcr6h5-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bcr6h5-padding-bottom-tablet, var(--bcr6h5-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bcr6h5-padding-left-tablet, var(--bcr6h5-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bcr6h5-padding-top-mobile, var(--bcr6h5-padding-top-tablet, var(--bcr6h5-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bcr6h5-padding-right-mobile, var(--bcr6h5-padding-right-tablet, var(--bcr6h5-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bcr6h5-padding-bottom-mobile, var(--bcr6h5-padding-bottom-tablet, var(--bcr6h5-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bcr6h5-padding-left-mobile, var(--bcr6h5-padding-left-tablet, var(--bcr6h5-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--bcr6h5-position, relative); top: var(--bcr6h5-top, auto); right: var(--bcr6h5-right, auto); bottom: var(--bcr6h5-bottom, auto); left: var(--bcr6h5-left, auto); transform: var(--bcr6h5-transform, none); z-index: var(--bcr6h5-z-index, 10); aspect-ratio: var(--bcr6h5-background-imageRatio, auto); background: var(--bcr6h5-background-color,transparent); border-style: var(--bcr6h5-borderStyle,solid); border-color: var(--bcr6h5-borderColor,#000000); border-width: var(--bcr6h5-borderWidth-tl,0px) var(--bcr6h5-borderWidth-tr,0px) var(--bcr6h5-borderWidth-br,0px) var(--bcr6h5-borderWidth-bl,0px); border-radius: var(--bcr6h5-borderRadius-tl,0px) var(--bcr6h5-borderRadius-tr,0px) var(--bcr6h5-borderRadius-br,0px) var(--bcr6h5-borderRadius-bl,0px); box-shadow: var(--bcr6h5-shadowHorizontal, 0px) var(--bcr6h5-shadowVertical, 0px) var(--bcr6h5-shadowBlur, 0px) 1px color-mix( in srgb, var(--bcr6h5-shadowColor, #000000) var(--bcr6h5-shadowTransparent, 0%), transparent ); max-width: var(--bcr6h5-max-width, 100%); width: 100%; height: if(style(--bcr6h5-position: absolute): var(--bcr6h5-height,100%); else: unset ); backdrop-filter:blur(var(--bcr6h5-background-blur, none)) saturate(var(--bcr6h5-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--bcr6h5-position-tablet, var(--bcr6h5-position, relative)); top: var(--bcr6h5-top-tablet, var(--bcr6h5-top, auto)); right: var(--bcr6h5-right-tablet, var(--bcr6h5-right, auto)); bottom: var(--bcr6h5-bottom-tablet, var(--bcr6h5-bottom, auto)); left: var(--bcr6h5-left-tablet, var(--bcr6h5-left, auto)); transform: var(--bcr6h5-transform-tablet, var(--bcr6h5-transform, none)); z-index: var(--bcr6h5-z-index-tablet, var(--bcr6h5-z-index, 10)); aspect-ratio: var(--bcr6h5-background-imageRatio-tablet, var(--bcr6h5-background-imageRatio, auto)); border-width: var(--bcr6h5-borderWidth-tl-tablet, var(--bcr6h5-borderWidth-tl,0px)) var(--bcr6h5-borderWidth-tr-tablet,var(--bcr6h5-borderWidth-tr,0px)) var(--bcr6h5-borderWidth-br-tablet,var(--bcr6h5-borderWidth-br,0px)) var(--bcr6h5-borderWidth-bl-tablet,var(--bcr6h5-borderWidth-bl,0px)); border-radius: var(--bcr6h5-borderRadius-tl-tablet,var(--bcr6h5-borderRadius-tl,0px)) var(--bcr6h5-borderRadius-tr-tablet,var(--bcr6h5-borderRadius-tr,0px)) var(--bcr6h5-borderRadius-br-tablet,var(--bcr6h5-borderRadius-br,0px)) var(--bcr6h5-borderRadius-bl-tablet,var(--bcr6h5-borderRadius-bl,0px)); max-width: var(--bcr6h5-max-width-tablet, var(--bcr6h5-max-width, 100%)); height: if(style(--bcr6h5-position-tablet: absolute): var(--bcr6h5-height-tablet,var(--bcr6h5-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--bcr6h5-position-mobile, var(--bcr6h5-position-tablet, var(--bcr6h5-position, relative))); top: var(--bcr6h5-top-mobile, var(--bcr6h5-top-tablet, var(--bcr6h5-top, auto))); right: var(--bcr6h5-right-mobile, var(--bcr6h5-right-tablet, var(--bcr6h5-right, auto))); bottom: var(--bcr6h5-bottom-mobile, var(--bcr6h5-bottom-tablet, var(--bcr6h5-bottom, auto))); left: var(--bcr6h5-left-mobile, var(--bcr6h5-left-tablet, var(--bcr6h5-left, auto))); transform: var(--bcr6h5-transform-mobile, var(--bcr6h5-transform-tablet, var(--bcr6h5-transform, none))); z-index: var(--bcr6h5-z-index-mobile, var(--bcr6h5-z-index-tablet, var(--bcr6h5-z-index, 10))); aspect-ratio: var(--bcr6h5-background-imageRatio-mobile, var(--bcr6h5-background-imageRatio, auto)); border-width: var(--bcr6h5-borderWidth-tl-mobile, var(--bcr6h5-borderWidth-tl,0px)) var(--bcr6h5-borderWidth-tr-mobile,var(--bcr6h5-borderWidth-tr,0px)) var(--bcr6h5-borderWidth-br-mobile,var(--bcr6h5-borderWidth-br,0px)) var(--bcr6h5-borderWidth-bl-mobile,var(--bcr6h5-borderWidth-bl,0px)); border-radius: var(--bcr6h5-borderRadius-tl-mobile,var(--bcr6h5-borderRadius-tl,0px)) var(--bcr6h5-borderRadius-tr-mobile,var(--bcr6h5-borderRadius-tr,0px)) var(--bcr6h5-borderRadius-br-mobile,var(--bcr6h5-borderRadius-br,0px)) var(--bcr6h5-borderRadius-bl-mobile,var(--bcr6h5-borderRadius-bl,0px)); max-width: var(--bcr6h5-max-width-mobile, var(--bcr6h5-max-width, 100%)); height: if(style(--bcr6h5-position-mobile: absolute): var(--bcr6h5-height-mobile,var(--bcr6h5-height-tablet,,var(--bcr6h5-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bcr6h5-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--bcr6h5-gap,var(--beae-card-gap)); padding-top: var(--bcr6h5-padding-top,var(--beae-card-padding)); padding-right: var(--bcr6h5-padding-right,var(--beae-card-padding)); padding-bottom: var(--bcr6h5-padding-bottom,var(--beae-card-padding)); padding-left: var(--bcr6h5-padding-left,var(--beae-card-padding)); border-width: var(--bcr6h5-borderWidth-tl,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-tr,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-br,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bcr6h5-borderRadius-tl,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-tr,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-br,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--bcr6h5-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--bcr6h5-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--bcr6h5-gap-tablet,var(--beae-card-gap)); padding-top: var(--bcr6h5-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bcr6h5-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bcr6h5-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bcr6h5-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bcr6h5-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bcr6h5-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--bcr6h5-gap-mobile,var(--beae-card-gap)); padding-top: var(--bcr6h5-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bcr6h5-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bcr6h5-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bcr6h5-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bcr6h5-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bcr6h5-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bcr6h5-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bcr6h5-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bcr6h5-background-color,var(--beae-card-featured-background)); border-color: var(--bcr6h5-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--bcr6h5-shadowHorizontal, var(--beae-card-shadow-x)) var(--bcr6h5-shadowVertical, var(--beae-card-shadow-y)) var(--bcr6h5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bcr6h5-shadowColor, var(--beae-card-featured-shadow-color)) var(--bcr6h5-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--bcr6h5-background-color,var(--beae-card-prod-background)); border-color: var(--bcr6h5-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--bcr6h5-shadowHorizontal, var(--beae-card-shadow-x)) var(--bcr6h5-shadowVertical, var(--beae-card-shadow-y)) var(--bcr6h5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bcr6h5-shadowColor, var(--beae-card-prod-shadow-color)) var(--bcr6h5-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--bcr6h5-background-color,var(--beae-card-pricing-background)); border-color: var(--bcr6h5-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--bcr6h5-shadowHorizontal, var(--beae-card-shadow-x)) var(--bcr6h5-shadowVertical, var(--beae-card-shadow-y)) var(--bcr6h5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bcr6h5-shadowColor, var(--beae-card-pricing-shadow-color)) var(--bcr6h5-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--bcr6h5-background-color,var(--beae-card-cta-background)); border-color: var(--bcr6h5-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--bcr6h5-shadowHorizontal, var(--beae-card-shadow-x)) var(--bcr6h5-shadowVertical, var(--beae-card-shadow-y)) var(--bcr6h5-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bcr6h5-shadowColor, var(--beae-card-cta-shadow-color)) var(--bcr6h5-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-s97eyh"] { --s97eyh-typography: h5; --s97eyh-typography-tablet: h5; --s97eyh-typography-mobile: h5; --beae-h5-text-align: center; --beae-h5-font-size: 36px; --beae-h5-color: #053d2a; --beae-h5-font-size-mobile: 14px; --beae-h5-font-weight: 600; --s97eyh-margin-top: 40px; --s97eyh-margin-top-tablet: 40px; --s97eyh-margin-top-mobile: 10px; --s97eyh-margin-right: 0px; --s97eyh-margin-right-tablet: 0px; --s97eyh-margin-right-mobile: 4px; --s97eyh-margin-bottom: 0px; --s97eyh-margin-bottom-tablet: 0px; --s97eyh-margin-bottom-mobile: 0px; --s97eyh-margin-left: 0px; --s97eyh-margin-left-tablet: 0px; --s97eyh-margin-left-mobile: 4px; --beae-h5-text-transform: none; }[data-bnode="beae-s97eyh"] { margin-top: var(--s97eyh-margin-top, 0px); margin-right: var(--s97eyh-margin-right, 0px); margin-bottom: var(--s97eyh-margin-bottom, 0px); margin-left: var(--s97eyh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s97eyh-margin-top-tablet, 0px); margin-right: var(--s97eyh-margin-right-tablet, 0px); margin-bottom: var(--s97eyh-margin-bottom-tablet, 0px); margin-left: var(--s97eyh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s97eyh-margin-top-mobile, 0px); margin-right: var(--s97eyh-margin-right-mobile, 0px); margin-bottom: var(--s97eyh-margin-bottom-mobile, 0px); margin-left: var(--s97eyh-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--s97eyh-highlightColor,var(--beae-p-color)); top: var(--s97eyh-highlightTop, 100%); } }[data-bnode="beae-pk34lc"] { margin-top: var(--pk34lc-margin-top, 0px); margin-right: var(--pk34lc-margin-right, 0px); margin-bottom: var(--pk34lc-margin-bottom, 0px); margin-left: var(--pk34lc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pk34lc-margin-top-tablet, 0px); margin-right: var(--pk34lc-margin-right-tablet, 0px); margin-bottom: var(--pk34lc-margin-bottom-tablet, 0px); margin-left: var(--pk34lc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pk34lc-margin-top-mobile, 0px); margin-right: var(--pk34lc-margin-right-mobile, 0px); margin-bottom: var(--pk34lc-margin-bottom-mobile, 0px); margin-left: var(--pk34lc-margin-left-mobile, 0px); } }[data-bnode="beae-bpkbjn"] { --bpkbjn-width: var(--beae-w); --bpkbjn-width-tablet: var(--beae-w); --bpkbjn-width-mobile: var(--beae-w); --bpkbjn-height: fit-content; --bpkbjn-height-tablet: fit-content; --bpkbjn-height-mobile: fit-content; --bpkbjn-padding-top: 40px; --bpkbjn-padding-top-tablet: 40px; --bpkbjn-padding-top-mobile: 20px; --bpkbjn-padding-bottom: 40px; --bpkbjn-padding-bottom-tablet: 40px; --bpkbjn-padding-bottom-mobile: 20px; --bpkbjn-padding-right: 32px; --bpkbjn-padding-right-tablet: 32px; --bpkbjn-padding-right-mobile: 0px; --bpkbjn-padding-left: 32px; --bpkbjn-padding-left-tablet: 32px; --bpkbjn-padding-left-mobile: 0px; --bpkbjn-align-items: flex-end; --bpkbjn-align-items-tablet: flex-end; --bpkbjn-align-items-mobile: flex-end; --bpkbjn-direction: column; --bpkbjn-direction-tablet: column; --bpkbjn-direction-mobile: column; --bpkbjn-background-type: color; --bpkbjn-background-type-tablet: color; --bpkbjn-background-type-mobile: color; --bpkbjn-background-color: #FEFCF0; --bpkbjn-background-color-tablet: #FEFCF0; --bpkbjn-background-color-mobile: #FEFCF0; --bpkbjn-gap: 16px; --bpkbjn-gap-tablet: 16px; --bpkbjn-gap-mobile: 16px; }[data-bnode="beae-bpkbjn"] { padding-top: var(--bpkbjn-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--bpkbjn-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--bpkbjn-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--bpkbjn-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bpkbjn-padding-top-tablet, var(--bpkbjn-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--bpkbjn-padding-right-tablet, var(--bpkbjn-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--bpkbjn-padding-bottom-tablet, var(--bpkbjn-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--bpkbjn-padding-left-tablet, var(--bpkbjn-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bpkbjn-padding-top-mobile, var(--bpkbjn-padding-top-tablet, var(--bpkbjn-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--bpkbjn-padding-right-mobile, var(--bpkbjn-padding-right-tablet, var(--bpkbjn-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--bpkbjn-padding-bottom-mobile, var(--bpkbjn-padding-bottom-tablet, var(--bpkbjn-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--bpkbjn-padding-left-mobile, var(--bpkbjn-padding-left-tablet, var(--bpkbjn-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--bpkbjn-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--bpkbjn-height); width: 100%; max-width: var(--bpkbjn-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--bpkbjn-height-tablet, auto); width: 100%; max-width: var(--bpkbjn-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--bpkbjn-height-mobile, auto); width: 100%; max-width: var(--bpkbjn-width-mobile, 100%); } } } }[data-bnode="beae-bpkbjn"] > .beae-section-container{     display: flex;     flex-direction: var(--bpkbjn-direction, column);     flex-wrap: nowrap;     justify-content: var(--bpkbjn-justify-content);     align-items: var(--bpkbjn-align-items);     gap: var(--bpkbjn-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-bpkbjn"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--bpkbjn-padding-right-tablet, 0px) - var(--bpkbjn-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-bpkbjn"] > .beae-section-container{      flex-direction: var(--bpkbjn-direction-mobile, column);                      gap: var(--beae-grid-gap-mobile, 4px);             &>.beae-slot[data-bnode-index] {         flex: 1 1 auto;         min-height: 0;         max-height: max-content;        }           }    }[data-bnode="beae-ogiq8p"] { padding-top: var(--ogiq8p-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--ogiq8p-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--ogiq8p-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--ogiq8p-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ogiq8p-padding-top-tablet, var(--ogiq8p-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--ogiq8p-padding-right-tablet, var(--ogiq8p-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--ogiq8p-padding-bottom-tablet, var(--ogiq8p-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--ogiq8p-padding-left-tablet, var(--ogiq8p-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ogiq8p-padding-top-mobile, var(--ogiq8p-padding-top-tablet, var(--ogiq8p-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--ogiq8p-padding-right-mobile, var(--ogiq8p-padding-right-tablet, var(--ogiq8p-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--ogiq8p-padding-bottom-mobile, var(--ogiq8p-padding-bottom-tablet, var(--ogiq8p-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--ogiq8p-padding-left-mobile, var(--ogiq8p-padding-left-tablet, var(--ogiq8p-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--ogiq8p-position, relative); top: var(--ogiq8p-top, auto); right: var(--ogiq8p-right, auto); bottom: var(--ogiq8p-bottom, auto); left: var(--ogiq8p-left, auto); transform: var(--ogiq8p-transform, none); z-index: var(--ogiq8p-z-index, 10); aspect-ratio: var(--ogiq8p-background-imageRatio, auto); background: var(--ogiq8p-background-color,transparent); border-style: var(--ogiq8p-borderStyle,solid); border-color: var(--ogiq8p-borderColor,#000000); border-width: var(--ogiq8p-borderWidth-tl,0px) var(--ogiq8p-borderWidth-tr,0px) var(--ogiq8p-borderWidth-br,0px) var(--ogiq8p-borderWidth-bl,0px); border-radius: var(--ogiq8p-borderRadius-tl,0px) var(--ogiq8p-borderRadius-tr,0px) var(--ogiq8p-borderRadius-br,0px) var(--ogiq8p-borderRadius-bl,0px); box-shadow: var(--ogiq8p-shadowHorizontal, 0px) var(--ogiq8p-shadowVertical, 0px) var(--ogiq8p-shadowBlur, 0px) 1px color-mix( in srgb, var(--ogiq8p-shadowColor, #000000) var(--ogiq8p-shadowTransparent, 0%), transparent ); max-width: var(--ogiq8p-max-width, 100%); width: 100%; height: if(style(--ogiq8p-position: absolute): var(--ogiq8p-height,100%); else: unset ); backdrop-filter:blur(var(--ogiq8p-background-blur, none)) saturate(var(--ogiq8p-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--ogiq8p-position-tablet, var(--ogiq8p-position, relative)); top: var(--ogiq8p-top-tablet, var(--ogiq8p-top, auto)); right: var(--ogiq8p-right-tablet, var(--ogiq8p-right, auto)); bottom: var(--ogiq8p-bottom-tablet, var(--ogiq8p-bottom, auto)); left: var(--ogiq8p-left-tablet, var(--ogiq8p-left, auto)); transform: var(--ogiq8p-transform-tablet, var(--ogiq8p-transform, none)); z-index: var(--ogiq8p-z-index-tablet, var(--ogiq8p-z-index, 10)); aspect-ratio: var(--ogiq8p-background-imageRatio-tablet, var(--ogiq8p-background-imageRatio, auto)); border-width: var(--ogiq8p-borderWidth-tl-tablet, var(--ogiq8p-borderWidth-tl,0px)) var(--ogiq8p-borderWidth-tr-tablet,var(--ogiq8p-borderWidth-tr,0px)) var(--ogiq8p-borderWidth-br-tablet,var(--ogiq8p-borderWidth-br,0px)) var(--ogiq8p-borderWidth-bl-tablet,var(--ogiq8p-borderWidth-bl,0px)); border-radius: var(--ogiq8p-borderRadius-tl-tablet,var(--ogiq8p-borderRadius-tl,0px)) var(--ogiq8p-borderRadius-tr-tablet,var(--ogiq8p-borderRadius-tr,0px)) var(--ogiq8p-borderRadius-br-tablet,var(--ogiq8p-borderRadius-br,0px)) var(--ogiq8p-borderRadius-bl-tablet,var(--ogiq8p-borderRadius-bl,0px)); max-width: var(--ogiq8p-max-width-tablet, var(--ogiq8p-max-width, 100%)); height: if(style(--ogiq8p-position-tablet: absolute): var(--ogiq8p-height-tablet,var(--ogiq8p-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--ogiq8p-position-mobile, var(--ogiq8p-position-tablet, var(--ogiq8p-position, relative))); top: var(--ogiq8p-top-mobile, var(--ogiq8p-top-tablet, var(--ogiq8p-top, auto))); right: var(--ogiq8p-right-mobile, var(--ogiq8p-right-tablet, var(--ogiq8p-right, auto))); bottom: var(--ogiq8p-bottom-mobile, var(--ogiq8p-bottom-tablet, var(--ogiq8p-bottom, auto))); left: var(--ogiq8p-left-mobile, var(--ogiq8p-left-tablet, var(--ogiq8p-left, auto))); transform: var(--ogiq8p-transform-mobile, var(--ogiq8p-transform-tablet, var(--ogiq8p-transform, none))); z-index: var(--ogiq8p-z-index-mobile, var(--ogiq8p-z-index-tablet, var(--ogiq8p-z-index, 10))); aspect-ratio: var(--ogiq8p-background-imageRatio-mobile, var(--ogiq8p-background-imageRatio, auto)); border-width: var(--ogiq8p-borderWidth-tl-mobile, var(--ogiq8p-borderWidth-tl,0px)) var(--ogiq8p-borderWidth-tr-mobile,var(--ogiq8p-borderWidth-tr,0px)) var(--ogiq8p-borderWidth-br-mobile,var(--ogiq8p-borderWidth-br,0px)) var(--ogiq8p-borderWidth-bl-mobile,var(--ogiq8p-borderWidth-bl,0px)); border-radius: var(--ogiq8p-borderRadius-tl-mobile,var(--ogiq8p-borderRadius-tl,0px)) var(--ogiq8p-borderRadius-tr-mobile,var(--ogiq8p-borderRadius-tr,0px)) var(--ogiq8p-borderRadius-br-mobile,var(--ogiq8p-borderRadius-br,0px)) var(--ogiq8p-borderRadius-bl-mobile,var(--ogiq8p-borderRadius-bl,0px)); max-width: var(--ogiq8p-max-width-mobile, var(--ogiq8p-max-width, 100%)); height: if(style(--ogiq8p-position-mobile: absolute): var(--ogiq8p-height-mobile,var(--ogiq8p-height-tablet,,var(--ogiq8p-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--ogiq8p-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--ogiq8p-gap,var(--beae-card-gap)); padding-top: var(--ogiq8p-padding-top,var(--beae-card-padding)); padding-right: var(--ogiq8p-padding-right,var(--beae-card-padding)); padding-bottom: var(--ogiq8p-padding-bottom,var(--beae-card-padding)); padding-left: var(--ogiq8p-padding-left,var(--beae-card-padding)); border-width: var(--ogiq8p-borderWidth-tl,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-tr,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-br,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--ogiq8p-borderRadius-tl,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-tr,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-br,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--ogiq8p-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--ogiq8p-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--ogiq8p-gap-tablet,var(--beae-card-gap)); padding-top: var(--ogiq8p-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--ogiq8p-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--ogiq8p-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--ogiq8p-padding-left-tablet,var(--beae-card-padding)); border-width: var(--ogiq8p-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-br-desktop,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--ogiq8p-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--ogiq8p-gap-mobile,var(--beae-card-gap)); padding-top: var(--ogiq8p-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--ogiq8p-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--ogiq8p-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--ogiq8p-padding-left-mobile,var(--beae-card-padding)); border-width: var(--ogiq8p-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-br-mobile,var(--beae-card-border-width)) var(--ogiq8p-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--ogiq8p-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--ogiq8p-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--ogiq8p-background-color,var(--beae-card-featured-background)); border-color: var(--ogiq8p-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--ogiq8p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ogiq8p-shadowVertical, var(--beae-card-shadow-y)) var(--ogiq8p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ogiq8p-shadowColor, var(--beae-card-featured-shadow-color)) var(--ogiq8p-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--ogiq8p-background-color,var(--beae-card-prod-background)); border-color: var(--ogiq8p-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--ogiq8p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ogiq8p-shadowVertical, var(--beae-card-shadow-y)) var(--ogiq8p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ogiq8p-shadowColor, var(--beae-card-prod-shadow-color)) var(--ogiq8p-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--ogiq8p-background-color,var(--beae-card-pricing-background)); border-color: var(--ogiq8p-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--ogiq8p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ogiq8p-shadowVertical, var(--beae-card-shadow-y)) var(--ogiq8p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ogiq8p-shadowColor, var(--beae-card-pricing-shadow-color)) var(--ogiq8p-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--ogiq8p-background-color,var(--beae-card-cta-background)); border-color: var(--ogiq8p-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--ogiq8p-shadowHorizontal, var(--beae-card-shadow-x)) var(--ogiq8p-shadowVertical, var(--beae-card-shadow-y)) var(--ogiq8p-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--ogiq8p-shadowColor, var(--beae-card-cta-shadow-color)) var(--ogiq8p-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-ogiq8p"] {     display: flex;     flex-direction: var(--ogiq8p-direction, column);     flex-wrap: nowrap;     justify-content: var(--ogiq8p-justify-content);     align-items: var(--ogiq8p-align-items);     gap: var(--ogiq8p-gap, var(--ogiq8p-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-ogiq8p"] {                            gap: var(--ogiq8p-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ogiq8p-padding-right-tablet, 0px) - var(--ogiq8p-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-ogiq8p"] {                            gap: var(--ogiq8p-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--ogiq8p-padding-right-mobile, 0px) - var(--ogiq8p-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-q7bb02"] { --q7bb02-typography: h1; --q7bb02-typography-tablet: h1; --q7bb02-typography-mobile: h1; --beae-h1-text-align: center; --beae-h1-font-size: 42px; --beae-h1-font-weight: 800; --beae-h1-text-transform: uppercase; --beae-h1-font-size-mobile: 24px; --beae-h1-line-height-mobile: 1.3; --beae-h1-letter-spacing-mobile: 0.6px; --q7bb02-margin-top: 0px; --q7bb02-margin-top-tablet: 0px; --q7bb02-margin-top-mobile: 4px; --q7bb02-margin-right: 0px; --q7bb02-margin-right-tablet: 0px; --q7bb02-margin-right-mobile: 0px; --q7bb02-margin-bottom: 24px; --q7bb02-margin-bottom-tablet: 24px; --q7bb02-margin-bottom-mobile: 24px; --q7bb02-margin-left: 0px; --q7bb02-margin-left-tablet: 0px; --q7bb02-margin-left-mobile: 0px; --beae-h1-color: #053d2a; }[data-bnode="beae-q7bb02"] { margin-top: var(--q7bb02-margin-top, 0px); margin-right: var(--q7bb02-margin-right, 0px); margin-bottom: var(--q7bb02-margin-bottom, 0px); margin-left: var(--q7bb02-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q7bb02-margin-top-tablet, 0px); margin-right: var(--q7bb02-margin-right-tablet, 0px); margin-bottom: var(--q7bb02-margin-bottom-tablet, 0px); margin-left: var(--q7bb02-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q7bb02-margin-top-mobile, 0px); margin-right: var(--q7bb02-margin-right-mobile, 0px); margin-bottom: var(--q7bb02-margin-bottom-mobile, 0px); margin-left: var(--q7bb02-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--q7bb02-highlightColor,var(--beae-p-color)); top: var(--q7bb02-highlightTop, 100%); } }[data-bnode="beae-rj2934"] { --rj2934-direction: column; --rj2934-direction-tablet: column; --rj2934-direction-mobile: column; --rj2934-structure: columns; --rj2934-structure-tablet: columns; --rj2934-structure-mobile: columns; --rj2934-gap: 5px; --rj2934-gap-tablet: 5px; --rj2934-gap-mobile: 5px; --rj2934-align-items: stretch; --rj2934-align-items-tablet: stretch; --rj2934-align-items-mobile: stretch; }[data-bnode="beae-rj2934"] { padding-top: var(--rj2934-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rj2934-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rj2934-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rj2934-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rj2934-padding-top-tablet, var(--rj2934-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rj2934-padding-right-tablet, var(--rj2934-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rj2934-padding-bottom-tablet, var(--rj2934-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rj2934-padding-left-tablet, var(--rj2934-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rj2934-padding-top-mobile, var(--rj2934-padding-top-tablet, var(--rj2934-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rj2934-padding-right-mobile, var(--rj2934-padding-right-tablet, var(--rj2934-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rj2934-padding-bottom-mobile, var(--rj2934-padding-bottom-tablet, var(--rj2934-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rj2934-padding-left-mobile, var(--rj2934-padding-left-tablet, var(--rj2934-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--rj2934-position, relative); top: var(--rj2934-top, auto); right: var(--rj2934-right, auto); bottom: var(--rj2934-bottom, auto); left: var(--rj2934-left, auto); transform: var(--rj2934-transform, none); z-index: var(--rj2934-z-index, 10); aspect-ratio: var(--rj2934-background-imageRatio, auto); background: var(--rj2934-background-color,transparent); border-style: var(--rj2934-borderStyle,solid); border-color: var(--rj2934-borderColor,#000000); border-width: var(--rj2934-borderWidth-tl,0px) var(--rj2934-borderWidth-tr,0px) var(--rj2934-borderWidth-br,0px) var(--rj2934-borderWidth-bl,0px); border-radius: var(--rj2934-borderRadius-tl,0px) var(--rj2934-borderRadius-tr,0px) var(--rj2934-borderRadius-br,0px) var(--rj2934-borderRadius-bl,0px); box-shadow: var(--rj2934-shadowHorizontal, 0px) var(--rj2934-shadowVertical, 0px) var(--rj2934-shadowBlur, 0px) 1px color-mix( in srgb, var(--rj2934-shadowColor, #000000) var(--rj2934-shadowTransparent, 0%), transparent ); max-width: var(--rj2934-max-width, 100%); width: 100%; height: if(style(--rj2934-position: absolute): var(--rj2934-height,100%); else: unset ); backdrop-filter:blur(var(--rj2934-background-blur, none)) saturate(var(--rj2934-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--rj2934-position-tablet, var(--rj2934-position, relative)); top: var(--rj2934-top-tablet, var(--rj2934-top, auto)); right: var(--rj2934-right-tablet, var(--rj2934-right, auto)); bottom: var(--rj2934-bottom-tablet, var(--rj2934-bottom, auto)); left: var(--rj2934-left-tablet, var(--rj2934-left, auto)); transform: var(--rj2934-transform-tablet, var(--rj2934-transform, none)); z-index: var(--rj2934-z-index-tablet, var(--rj2934-z-index, 10)); aspect-ratio: var(--rj2934-background-imageRatio-tablet, var(--rj2934-background-imageRatio, auto)); border-width: var(--rj2934-borderWidth-tl-tablet, var(--rj2934-borderWidth-tl,0px)) var(--rj2934-borderWidth-tr-tablet,var(--rj2934-borderWidth-tr,0px)) var(--rj2934-borderWidth-br-tablet,var(--rj2934-borderWidth-br,0px)) var(--rj2934-borderWidth-bl-tablet,var(--rj2934-borderWidth-bl,0px)); border-radius: var(--rj2934-borderRadius-tl-tablet,var(--rj2934-borderRadius-tl,0px)) var(--rj2934-borderRadius-tr-tablet,var(--rj2934-borderRadius-tr,0px)) var(--rj2934-borderRadius-br-tablet,var(--rj2934-borderRadius-br,0px)) var(--rj2934-borderRadius-bl-tablet,var(--rj2934-borderRadius-bl,0px)); max-width: var(--rj2934-max-width-tablet, var(--rj2934-max-width, 100%)); height: if(style(--rj2934-position-tablet: absolute): var(--rj2934-height-tablet,var(--rj2934-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--rj2934-position-mobile, var(--rj2934-position-tablet, var(--rj2934-position, relative))); top: var(--rj2934-top-mobile, var(--rj2934-top-tablet, var(--rj2934-top, auto))); right: var(--rj2934-right-mobile, var(--rj2934-right-tablet, var(--rj2934-right, auto))); bottom: var(--rj2934-bottom-mobile, var(--rj2934-bottom-tablet, var(--rj2934-bottom, auto))); left: var(--rj2934-left-mobile, var(--rj2934-left-tablet, var(--rj2934-left, auto))); transform: var(--rj2934-transform-mobile, var(--rj2934-transform-tablet, var(--rj2934-transform, none))); z-index: var(--rj2934-z-index-mobile, var(--rj2934-z-index-tablet, var(--rj2934-z-index, 10))); aspect-ratio: var(--rj2934-background-imageRatio-mobile, var(--rj2934-background-imageRatio, auto)); border-width: var(--rj2934-borderWidth-tl-mobile, var(--rj2934-borderWidth-tl,0px)) var(--rj2934-borderWidth-tr-mobile,var(--rj2934-borderWidth-tr,0px)) var(--rj2934-borderWidth-br-mobile,var(--rj2934-borderWidth-br,0px)) var(--rj2934-borderWidth-bl-mobile,var(--rj2934-borderWidth-bl,0px)); border-radius: var(--rj2934-borderRadius-tl-mobile,var(--rj2934-borderRadius-tl,0px)) var(--rj2934-borderRadius-tr-mobile,var(--rj2934-borderRadius-tr,0px)) var(--rj2934-borderRadius-br-mobile,var(--rj2934-borderRadius-br,0px)) var(--rj2934-borderRadius-bl-mobile,var(--rj2934-borderRadius-bl,0px)); max-width: var(--rj2934-max-width-mobile, var(--rj2934-max-width, 100%)); height: if(style(--rj2934-position-mobile: absolute): var(--rj2934-height-mobile,var(--rj2934-height-tablet,,var(--rj2934-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rj2934-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--rj2934-gap,var(--beae-card-gap)); padding-top: var(--rj2934-padding-top,var(--beae-card-padding)); padding-right: var(--rj2934-padding-right,var(--beae-card-padding)); padding-bottom: var(--rj2934-padding-bottom,var(--beae-card-padding)); padding-left: var(--rj2934-padding-left,var(--beae-card-padding)); border-width: var(--rj2934-borderWidth-tl,var(--beae-card-border-width)) var(--rj2934-borderWidth-tr,var(--beae-card-border-width)) var(--rj2934-borderWidth-br,var(--beae-card-border-width)) var(--rj2934-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rj2934-borderRadius-tl,var(--beae-card-border-radius)) var(--rj2934-borderRadius-tr,var(--beae-card-border-radius)) var(--rj2934-borderRadius-br,var(--beae-card-border-radius)) var(--rj2934-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--rj2934-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--rj2934-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--rj2934-gap-tablet,var(--beae-card-gap)); padding-top: var(--rj2934-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rj2934-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rj2934-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rj2934-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rj2934-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rj2934-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rj2934-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rj2934-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rj2934-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--rj2934-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--rj2934-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--rj2934-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--rj2934-gap-mobile,var(--beae-card-gap)); padding-top: var(--rj2934-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rj2934-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rj2934-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rj2934-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rj2934-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rj2934-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rj2934-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rj2934-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rj2934-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rj2934-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rj2934-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rj2934-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rj2934-background-color,var(--beae-card-featured-background)); border-color: var(--rj2934-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--rj2934-shadowHorizontal, var(--beae-card-shadow-x)) var(--rj2934-shadowVertical, var(--beae-card-shadow-y)) var(--rj2934-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rj2934-shadowColor, var(--beae-card-featured-shadow-color)) var(--rj2934-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--rj2934-background-color,var(--beae-card-prod-background)); border-color: var(--rj2934-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--rj2934-shadowHorizontal, var(--beae-card-shadow-x)) var(--rj2934-shadowVertical, var(--beae-card-shadow-y)) var(--rj2934-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rj2934-shadowColor, var(--beae-card-prod-shadow-color)) var(--rj2934-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--rj2934-background-color,var(--beae-card-pricing-background)); border-color: var(--rj2934-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--rj2934-shadowHorizontal, var(--beae-card-shadow-x)) var(--rj2934-shadowVertical, var(--beae-card-shadow-y)) var(--rj2934-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rj2934-shadowColor, var(--beae-card-pricing-shadow-color)) var(--rj2934-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--rj2934-background-color,var(--beae-card-cta-background)); border-color: var(--rj2934-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--rj2934-shadowHorizontal, var(--beae-card-shadow-x)) var(--rj2934-shadowVertical, var(--beae-card-shadow-y)) var(--rj2934-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rj2934-shadowColor, var(--beae-card-cta-shadow-color)) var(--rj2934-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-rj2934"] {     display: flex;     flex-direction: var(--rj2934-direction, column);     flex-wrap: nowrap;     justify-content: var(--rj2934-justify-content);     align-items: var(--rj2934-align-items);     gap: var(--rj2934-gap, var(--rj2934-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rj2934"] {                            gap: var(--rj2934-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rj2934-padding-right-tablet, 0px) - var(--rj2934-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rj2934"] {                            gap: var(--rj2934-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rj2934-padding-right-mobile, 0px) - var(--rj2934-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-qwog3y"] { --qwog3y-padding-top: 0px; --qwog3y-padding-top-tablet: 0px; --qwog3y-padding-top-mobile: 0px; --qwog3y-padding-right: 0px; --qwog3y-padding-right-tablet: 0px; --qwog3y-padding-right-mobile: 0px; --qwog3y-padding-bottom: 0px; --qwog3y-padding-bottom-tablet: 0px; --qwog3y-padding-bottom-mobile: 0px; --qwog3y-padding-left: 0px; --qwog3y-padding-left-tablet: 0px; --qwog3y-padding-left-mobile: 0px; --qwog3y-direction: row; --qwog3y-direction-tablet: row; --qwog3y-direction-mobile: column; }[data-bnode="beae-qwog3y"] { padding-top: var(--qwog3y-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--qwog3y-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--qwog3y-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--qwog3y-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--qwog3y-padding-top-tablet, var(--qwog3y-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--qwog3y-padding-right-tablet, var(--qwog3y-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--qwog3y-padding-bottom-tablet, var(--qwog3y-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--qwog3y-padding-left-tablet, var(--qwog3y-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--qwog3y-padding-top-mobile, var(--qwog3y-padding-top-tablet, var(--qwog3y-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--qwog3y-padding-right-mobile, var(--qwog3y-padding-right-tablet, var(--qwog3y-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--qwog3y-padding-bottom-mobile, var(--qwog3y-padding-bottom-tablet, var(--qwog3y-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--qwog3y-padding-left-mobile, var(--qwog3y-padding-left-tablet, var(--qwog3y-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--qwog3y-position, relative); top: var(--qwog3y-top, auto); right: var(--qwog3y-right, auto); bottom: var(--qwog3y-bottom, auto); left: var(--qwog3y-left, auto); transform: var(--qwog3y-transform, none); z-index: var(--qwog3y-z-index, 10); aspect-ratio: var(--qwog3y-background-imageRatio, auto); background: var(--qwog3y-background-color,transparent); border-style: var(--qwog3y-borderStyle,solid); border-color: var(--qwog3y-borderColor,#000000); border-width: var(--qwog3y-borderWidth-tl,0px) var(--qwog3y-borderWidth-tr,0px) var(--qwog3y-borderWidth-br,0px) var(--qwog3y-borderWidth-bl,0px); border-radius: var(--qwog3y-borderRadius-tl,0px) var(--qwog3y-borderRadius-tr,0px) var(--qwog3y-borderRadius-br,0px) var(--qwog3y-borderRadius-bl,0px); box-shadow: var(--qwog3y-shadowHorizontal, 0px) var(--qwog3y-shadowVertical, 0px) var(--qwog3y-shadowBlur, 0px) 1px color-mix( in srgb, var(--qwog3y-shadowColor, #000000) var(--qwog3y-shadowTransparent, 0%), transparent ); max-width: var(--qwog3y-max-width, 100%); width: 100%; height: if(style(--qwog3y-position: absolute): var(--qwog3y-height,100%); else: unset ); backdrop-filter:blur(var(--qwog3y-background-blur, none)) saturate(var(--qwog3y-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--qwog3y-position-tablet, var(--qwog3y-position, relative)); top: var(--qwog3y-top-tablet, var(--qwog3y-top, auto)); right: var(--qwog3y-right-tablet, var(--qwog3y-right, auto)); bottom: var(--qwog3y-bottom-tablet, var(--qwog3y-bottom, auto)); left: var(--qwog3y-left-tablet, var(--qwog3y-left, auto)); transform: var(--qwog3y-transform-tablet, var(--qwog3y-transform, none)); z-index: var(--qwog3y-z-index-tablet, var(--qwog3y-z-index, 10)); aspect-ratio: var(--qwog3y-background-imageRatio-tablet, var(--qwog3y-background-imageRatio, auto)); border-width: var(--qwog3y-borderWidth-tl-tablet, var(--qwog3y-borderWidth-tl,0px)) var(--qwog3y-borderWidth-tr-tablet,var(--qwog3y-borderWidth-tr,0px)) var(--qwog3y-borderWidth-br-tablet,var(--qwog3y-borderWidth-br,0px)) var(--qwog3y-borderWidth-bl-tablet,var(--qwog3y-borderWidth-bl,0px)); border-radius: var(--qwog3y-borderRadius-tl-tablet,var(--qwog3y-borderRadius-tl,0px)) var(--qwog3y-borderRadius-tr-tablet,var(--qwog3y-borderRadius-tr,0px)) var(--qwog3y-borderRadius-br-tablet,var(--qwog3y-borderRadius-br,0px)) var(--qwog3y-borderRadius-bl-tablet,var(--qwog3y-borderRadius-bl,0px)); max-width: var(--qwog3y-max-width-tablet, var(--qwog3y-max-width, 100%)); height: if(style(--qwog3y-position-tablet: absolute): var(--qwog3y-height-tablet,var(--qwog3y-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--qwog3y-position-mobile, var(--qwog3y-position-tablet, var(--qwog3y-position, relative))); top: var(--qwog3y-top-mobile, var(--qwog3y-top-tablet, var(--qwog3y-top, auto))); right: var(--qwog3y-right-mobile, var(--qwog3y-right-tablet, var(--qwog3y-right, auto))); bottom: var(--qwog3y-bottom-mobile, var(--qwog3y-bottom-tablet, var(--qwog3y-bottom, auto))); left: var(--qwog3y-left-mobile, var(--qwog3y-left-tablet, var(--qwog3y-left, auto))); transform: var(--qwog3y-transform-mobile, var(--qwog3y-transform-tablet, var(--qwog3y-transform, none))); z-index: var(--qwog3y-z-index-mobile, var(--qwog3y-z-index-tablet, var(--qwog3y-z-index, 10))); aspect-ratio: var(--qwog3y-background-imageRatio-mobile, var(--qwog3y-background-imageRatio, auto)); border-width: var(--qwog3y-borderWidth-tl-mobile, var(--qwog3y-borderWidth-tl,0px)) var(--qwog3y-borderWidth-tr-mobile,var(--qwog3y-borderWidth-tr,0px)) var(--qwog3y-borderWidth-br-mobile,var(--qwog3y-borderWidth-br,0px)) var(--qwog3y-borderWidth-bl-mobile,var(--qwog3y-borderWidth-bl,0px)); border-radius: var(--qwog3y-borderRadius-tl-mobile,var(--qwog3y-borderRadius-tl,0px)) var(--qwog3y-borderRadius-tr-mobile,var(--qwog3y-borderRadius-tr,0px)) var(--qwog3y-borderRadius-br-mobile,var(--qwog3y-borderRadius-br,0px)) var(--qwog3y-borderRadius-bl-mobile,var(--qwog3y-borderRadius-bl,0px)); max-width: var(--qwog3y-max-width-mobile, var(--qwog3y-max-width, 100%)); height: if(style(--qwog3y-position-mobile: absolute): var(--qwog3y-height-mobile,var(--qwog3y-height-tablet,,var(--qwog3y-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--qwog3y-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--qwog3y-gap,var(--beae-card-gap)); padding-top: var(--qwog3y-padding-top,var(--beae-card-padding)); padding-right: var(--qwog3y-padding-right,var(--beae-card-padding)); padding-bottom: var(--qwog3y-padding-bottom,var(--beae-card-padding)); padding-left: var(--qwog3y-padding-left,var(--beae-card-padding)); border-width: var(--qwog3y-borderWidth-tl,var(--beae-card-border-width)) var(--qwog3y-borderWidth-tr,var(--beae-card-border-width)) var(--qwog3y-borderWidth-br,var(--beae-card-border-width)) var(--qwog3y-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--qwog3y-borderRadius-tl,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-tr,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-br,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--qwog3y-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--qwog3y-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--qwog3y-gap-tablet,var(--beae-card-gap)); padding-top: var(--qwog3y-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--qwog3y-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--qwog3y-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--qwog3y-padding-left-tablet,var(--beae-card-padding)); border-width: var(--qwog3y-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--qwog3y-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--qwog3y-borderWidth-br-desktop,var(--beae-card-border-width)) var(--qwog3y-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--qwog3y-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--qwog3y-gap-mobile,var(--beae-card-gap)); padding-top: var(--qwog3y-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--qwog3y-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--qwog3y-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--qwog3y-padding-left-mobile,var(--beae-card-padding)); border-width: var(--qwog3y-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--qwog3y-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--qwog3y-borderWidth-br-mobile,var(--beae-card-border-width)) var(--qwog3y-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--qwog3y-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--qwog3y-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--qwog3y-background-color,var(--beae-card-featured-background)); border-color: var(--qwog3y-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--qwog3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwog3y-shadowVertical, var(--beae-card-shadow-y)) var(--qwog3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwog3y-shadowColor, var(--beae-card-featured-shadow-color)) var(--qwog3y-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--qwog3y-background-color,var(--beae-card-prod-background)); border-color: var(--qwog3y-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--qwog3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwog3y-shadowVertical, var(--beae-card-shadow-y)) var(--qwog3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwog3y-shadowColor, var(--beae-card-prod-shadow-color)) var(--qwog3y-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--qwog3y-background-color,var(--beae-card-pricing-background)); border-color: var(--qwog3y-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--qwog3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwog3y-shadowVertical, var(--beae-card-shadow-y)) var(--qwog3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwog3y-shadowColor, var(--beae-card-pricing-shadow-color)) var(--qwog3y-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--qwog3y-background-color,var(--beae-card-cta-background)); border-color: var(--qwog3y-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--qwog3y-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwog3y-shadowVertical, var(--beae-card-shadow-y)) var(--qwog3y-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwog3y-shadowColor, var(--beae-card-cta-shadow-color)) var(--qwog3y-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-qwog3y"] {     display: flex;     flex-direction: var(--qwog3y-direction, column);     flex-wrap: nowrap;     justify-content: var(--qwog3y-justify-content);     align-items: var(--qwog3y-align-items);     gap: var(--qwog3y-gap, var(--qwog3y-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-qwog3y"] {                            gap: var(--qwog3y-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--qwog3y-padding-right-tablet, 0px) - var(--qwog3y-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-qwog3y"] {      flex-direction: var(--qwog3y-direction-mobile, column);                      gap: var(--qwog3y-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-w50jz2"] { --w50jz2-width: 25%; --w50jz2-width-tablet: 25%; --w50jz2-width-mobile: 100%; --w50jz2-imageRatio: auto; --w50jz2-imageRatio-tablet: auto; --w50jz2-imageRatio-mobile: auto; --w50jz2-objFit: cover; --w50jz2-objFit-tablet: cover; --w50jz2-objFit-mobile: cover; --w50jz2-borderColor: #000000; --w50jz2-borderColor-tablet: #000000; --w50jz2-borderColor-mobile: #000000; --w50jz2-shadowColor: #000000; --w50jz2-shadowColor-tablet: #000000; --w50jz2-shadowColor-mobile: #000000; --w50jz2-borderStyle: none; --w50jz2-borderStyle-tablet: none; --w50jz2-borderStyle-mobile: none; --w50jz2-enableShadow: false; --w50jz2-enableShadow-tablet: false; --w50jz2-enableShadow-mobile: false; --w50jz2-margin-top: 0px; --w50jz2-margin-top-tablet: 0px; --w50jz2-margin-top-mobile: 0px; --w50jz2-margin-right: 0px; --w50jz2-margin-right-tablet: 0px; --w50jz2-margin-right-mobile: 0px; --w50jz2-margin-bottom: 0px; --w50jz2-margin-bottom-tablet: 0px; --w50jz2-margin-bottom-mobile: 0px; --w50jz2-margin-left: 0px; --w50jz2-margin-left-tablet: 0px; --w50jz2-margin-left-mobile: 0px; }[data-bnode="beae-w50jz2"] { margin-top: var(--w50jz2-margin-top, 0px); margin-right: var(--w50jz2-margin-right, 0px); margin-bottom: var(--w50jz2-margin-bottom, 0px); margin-left: var(--w50jz2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w50jz2-margin-top-tablet, 0px); margin-right: var(--w50jz2-margin-right-tablet, 0px); margin-bottom: var(--w50jz2-margin-bottom-tablet, 0px); margin-left: var(--w50jz2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w50jz2-margin-top-mobile, 0px); margin-right: var(--w50jz2-margin-right-mobile, 0px); margin-bottom: var(--w50jz2-margin-bottom-mobile, 0px); margin-left: var(--w50jz2-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--w50jz2-width,100%) - var(--w50jz2-margin-left,0px) - var(--w50jz2-margin-right,0px)); min-height: min-content; border-color: var(--w50jz2-borderColor,var(--beae-card-media-border-color)); border-style: var(--w50jz2-borderStyle,solid); border-width: var(--w50jz2-borderWidth-tl,var(--beae-card-border-width)) var(--w50jz2-borderWidth-tr,var(--beae-card-border-width)) var(--w50jz2-borderWidth-br,var(--beae-card-border-width)) var(--w50jz2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--w50jz2-borderRadius-tl,var(--beae-card-border-radius)) var(--w50jz2-borderRadius-tr,var(--beae-card-border-radius)) var(--w50jz2-borderRadius-br,var(--beae-card-border-radius)) var(--w50jz2-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--w50jz2-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--w50jz2-borderWidth-tl-tablet, var(--w50jz2-borderWidth-tl,var(--beae-card-border-width))) var(--w50jz2-borderWidth-tr-tablet, var(--w50jz2-borderWidth-tr,var(--beae-card-border-width))) var(--w50jz2-borderWidth-br-tablet, var(--w50jz2-borderWidth-br,var(--beae-card-border-width))) var(--w50jz2-borderWidth-bl-tablet, var(--w50jz2-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--w50jz2-borderRadius-tl-tablet, var(--w50jz2-borderRadius-tl,var(--beae-card-border-radius))) var(--w50jz2-borderRadius-tr-tablet, var(--w50jz2-borderRadius-tr,var(--beae-card-border-radius))) var(--w50jz2-borderRadius-br-tablet, var(--w50jz2-borderRadius-br,var(--beae-card-border-radius))) var(--w50jz2-borderRadius-bl-tablet, var(--w50jz2-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--w50jz2-borderWidth-tl-mobile, var(--w50jz2-borderWidth-tl,var(--beae-card-border-width))) var(--w50jz2-borderWidth-tr-mobile, var(--w50jz2-borderWidth-tr,var(--beae-card-border-width))) var(--w50jz2-borderWidth-br-mobile, var(--w50jz2-borderWidth-br,var(--beae-card-border-width))) var(--w50jz2-borderWidth-bl-mobile, var(--w50jz2-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--w50jz2-borderRadius-tl-mobile, var(--w50jz2-borderRadius-tl,var(--beae-card-border-radius))) var(--w50jz2-borderRadius-tr-mobile, var(--w50jz2-borderRadius-tr,var(--beae-card-border-radius))) var(--w50jz2-borderRadius-br-mobile, var(--w50jz2-borderRadius-br,var(--beae-card-border-radius))) var(--w50jz2-borderRadius-bl-mobile, var(--w50jz2-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--w50jz2-shadowHorizontal, var(--beae-card-shadow-x)) var(--w50jz2-shadowVertical, var(--beae-card-shadow-y)) var(--w50jz2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w50jz2-shadowColor, var(--beae-card-media-shadow-color)) var(--w50jz2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--w50jz2-overlayColor-color, #000); opacity: var(--w50jz2-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--w50jz2-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--w50jz2-width-tablet,var(--w50jz2-width,100%)) - var(--w50jz2-margin-left-tablet,var(--w50jz2-margin-left,0px)) - var(--w50jz2-margin-right-tablet,var(--w50jz2-margin-right,0px))); aspect-ratio: var(--w50jz2-imageRatio-tablet, var(--w50jz2-imageRatio, auto)); img { object-fit: var(--w50jz2-objFit-tablet, var(--w50jz2-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--w50jz2-width-mobile,var(--w50jz2-width,100%)) - var(--w50jz2-margin-left-mobile,var(--w50jz2-margin-left,0px)) - var(--w50jz2-margin-right-mobile,var(--w50jz2-margin-right,0px))); aspect-ratio: var(--w50jz2-imageRatio-mobile, var(--w50jz2-imageRatio, auto)); img { object-fit: var(--w50jz2-objFit-mobile, var(--w50jz2-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-i141ay"] { --i141ay-direction: row; --i141ay-direction-tablet: row; --i141ay-direction-mobile: row; --i141ay-structure: columns; --i141ay-structure-tablet: columns; --i141ay-structure-mobile: columns; }[data-bnode="beae-i141ay"] { padding-top: var(--i141ay-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--i141ay-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--i141ay-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--i141ay-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--i141ay-padding-top-tablet, var(--i141ay-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--i141ay-padding-right-tablet, var(--i141ay-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--i141ay-padding-bottom-tablet, var(--i141ay-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--i141ay-padding-left-tablet, var(--i141ay-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--i141ay-padding-top-mobile, var(--i141ay-padding-top-tablet, var(--i141ay-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--i141ay-padding-right-mobile, var(--i141ay-padding-right-tablet, var(--i141ay-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--i141ay-padding-bottom-mobile, var(--i141ay-padding-bottom-tablet, var(--i141ay-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--i141ay-padding-left-mobile, var(--i141ay-padding-left-tablet, var(--i141ay-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--i141ay-position, relative); top: var(--i141ay-top, auto); right: var(--i141ay-right, auto); bottom: var(--i141ay-bottom, auto); left: var(--i141ay-left, auto); transform: var(--i141ay-transform, none); z-index: var(--i141ay-z-index, 10); aspect-ratio: var(--i141ay-background-imageRatio, auto); background: var(--i141ay-background-color,transparent); border-style: var(--i141ay-borderStyle,solid); border-color: var(--i141ay-borderColor,#000000); border-width: var(--i141ay-borderWidth-tl,0px) var(--i141ay-borderWidth-tr,0px) var(--i141ay-borderWidth-br,0px) var(--i141ay-borderWidth-bl,0px); border-radius: var(--i141ay-borderRadius-tl,0px) var(--i141ay-borderRadius-tr,0px) var(--i141ay-borderRadius-br,0px) var(--i141ay-borderRadius-bl,0px); box-shadow: var(--i141ay-shadowHorizontal, 0px) var(--i141ay-shadowVertical, 0px) var(--i141ay-shadowBlur, 0px) 1px color-mix( in srgb, var(--i141ay-shadowColor, #000000) var(--i141ay-shadowTransparent, 0%), transparent ); max-width: var(--i141ay-max-width, 100%); width: 100%; height: if(style(--i141ay-position: absolute): var(--i141ay-height,100%); else: unset ); backdrop-filter:blur(var(--i141ay-background-blur, none)) saturate(var(--i141ay-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--i141ay-position-tablet, var(--i141ay-position, relative)); top: var(--i141ay-top-tablet, var(--i141ay-top, auto)); right: var(--i141ay-right-tablet, var(--i141ay-right, auto)); bottom: var(--i141ay-bottom-tablet, var(--i141ay-bottom, auto)); left: var(--i141ay-left-tablet, var(--i141ay-left, auto)); transform: var(--i141ay-transform-tablet, var(--i141ay-transform, none)); z-index: var(--i141ay-z-index-tablet, var(--i141ay-z-index, 10)); aspect-ratio: var(--i141ay-background-imageRatio-tablet, var(--i141ay-background-imageRatio, auto)); border-width: var(--i141ay-borderWidth-tl-tablet, var(--i141ay-borderWidth-tl,0px)) var(--i141ay-borderWidth-tr-tablet,var(--i141ay-borderWidth-tr,0px)) var(--i141ay-borderWidth-br-tablet,var(--i141ay-borderWidth-br,0px)) var(--i141ay-borderWidth-bl-tablet,var(--i141ay-borderWidth-bl,0px)); border-radius: var(--i141ay-borderRadius-tl-tablet,var(--i141ay-borderRadius-tl,0px)) var(--i141ay-borderRadius-tr-tablet,var(--i141ay-borderRadius-tr,0px)) var(--i141ay-borderRadius-br-tablet,var(--i141ay-borderRadius-br,0px)) var(--i141ay-borderRadius-bl-tablet,var(--i141ay-borderRadius-bl,0px)); max-width: var(--i141ay-max-width-tablet, var(--i141ay-max-width, 100%)); height: if(style(--i141ay-position-tablet: absolute): var(--i141ay-height-tablet,var(--i141ay-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--i141ay-position-mobile, var(--i141ay-position-tablet, var(--i141ay-position, relative))); top: var(--i141ay-top-mobile, var(--i141ay-top-tablet, var(--i141ay-top, auto))); right: var(--i141ay-right-mobile, var(--i141ay-right-tablet, var(--i141ay-right, auto))); bottom: var(--i141ay-bottom-mobile, var(--i141ay-bottom-tablet, var(--i141ay-bottom, auto))); left: var(--i141ay-left-mobile, var(--i141ay-left-tablet, var(--i141ay-left, auto))); transform: var(--i141ay-transform-mobile, var(--i141ay-transform-tablet, var(--i141ay-transform, none))); z-index: var(--i141ay-z-index-mobile, var(--i141ay-z-index-tablet, var(--i141ay-z-index, 10))); aspect-ratio: var(--i141ay-background-imageRatio-mobile, var(--i141ay-background-imageRatio, auto)); border-width: var(--i141ay-borderWidth-tl-mobile, var(--i141ay-borderWidth-tl,0px)) var(--i141ay-borderWidth-tr-mobile,var(--i141ay-borderWidth-tr,0px)) var(--i141ay-borderWidth-br-mobile,var(--i141ay-borderWidth-br,0px)) var(--i141ay-borderWidth-bl-mobile,var(--i141ay-borderWidth-bl,0px)); border-radius: var(--i141ay-borderRadius-tl-mobile,var(--i141ay-borderRadius-tl,0px)) var(--i141ay-borderRadius-tr-mobile,var(--i141ay-borderRadius-tr,0px)) var(--i141ay-borderRadius-br-mobile,var(--i141ay-borderRadius-br,0px)) var(--i141ay-borderRadius-bl-mobile,var(--i141ay-borderRadius-bl,0px)); max-width: var(--i141ay-max-width-mobile, var(--i141ay-max-width, 100%)); height: if(style(--i141ay-position-mobile: absolute): var(--i141ay-height-mobile,var(--i141ay-height-tablet,,var(--i141ay-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--i141ay-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--i141ay-gap,var(--beae-card-gap)); padding-top: var(--i141ay-padding-top,var(--beae-card-padding)); padding-right: var(--i141ay-padding-right,var(--beae-card-padding)); padding-bottom: var(--i141ay-padding-bottom,var(--beae-card-padding)); padding-left: var(--i141ay-padding-left,var(--beae-card-padding)); border-width: var(--i141ay-borderWidth-tl,var(--beae-card-border-width)) var(--i141ay-borderWidth-tr,var(--beae-card-border-width)) var(--i141ay-borderWidth-br,var(--beae-card-border-width)) var(--i141ay-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--i141ay-borderRadius-tl,var(--beae-card-border-radius)) var(--i141ay-borderRadius-tr,var(--beae-card-border-radius)) var(--i141ay-borderRadius-br,var(--beae-card-border-radius)) var(--i141ay-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--i141ay-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--i141ay-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--i141ay-gap-tablet,var(--beae-card-gap)); padding-top: var(--i141ay-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--i141ay-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--i141ay-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--i141ay-padding-left-tablet,var(--beae-card-padding)); border-width: var(--i141ay-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--i141ay-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--i141ay-borderWidth-br-desktop,var(--beae-card-border-width)) var(--i141ay-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--i141ay-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--i141ay-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--i141ay-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--i141ay-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--i141ay-gap-mobile,var(--beae-card-gap)); padding-top: var(--i141ay-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--i141ay-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--i141ay-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--i141ay-padding-left-mobile,var(--beae-card-padding)); border-width: var(--i141ay-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--i141ay-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--i141ay-borderWidth-br-mobile,var(--beae-card-border-width)) var(--i141ay-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--i141ay-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--i141ay-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--i141ay-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--i141ay-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--i141ay-background-color,var(--beae-card-featured-background)); border-color: var(--i141ay-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--i141ay-shadowHorizontal, var(--beae-card-shadow-x)) var(--i141ay-shadowVertical, var(--beae-card-shadow-y)) var(--i141ay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i141ay-shadowColor, var(--beae-card-featured-shadow-color)) var(--i141ay-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--i141ay-background-color,var(--beae-card-prod-background)); border-color: var(--i141ay-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--i141ay-shadowHorizontal, var(--beae-card-shadow-x)) var(--i141ay-shadowVertical, var(--beae-card-shadow-y)) var(--i141ay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i141ay-shadowColor, var(--beae-card-prod-shadow-color)) var(--i141ay-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--i141ay-background-color,var(--beae-card-pricing-background)); border-color: var(--i141ay-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--i141ay-shadowHorizontal, var(--beae-card-shadow-x)) var(--i141ay-shadowVertical, var(--beae-card-shadow-y)) var(--i141ay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i141ay-shadowColor, var(--beae-card-pricing-shadow-color)) var(--i141ay-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--i141ay-background-color,var(--beae-card-cta-background)); border-color: var(--i141ay-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--i141ay-shadowHorizontal, var(--beae-card-shadow-x)) var(--i141ay-shadowVertical, var(--beae-card-shadow-y)) var(--i141ay-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i141ay-shadowColor, var(--beae-card-cta-shadow-color)) var(--i141ay-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-i141ay"] {     display: flex;     flex-direction: var(--i141ay-direction, column);     flex-wrap: nowrap;     justify-content: var(--i141ay-justify-content);     align-items: var(--i141ay-align-items);     gap: var(--i141ay-gap, var(--i141ay-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(--i141ay-padding-right, 0px) - var(--i141ay-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-i141ay"] {                            gap: var(--i141ay-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--i141ay-padding-right-tablet, 0px) - var(--i141ay-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-i141ay"] {                            gap: var(--i141ay-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--i141ay-padding-right-mobile, 0px) - var(--i141ay-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-11ad7x"] { --11ad7x-direction: column; --11ad7x-direction-tablet: column; --11ad7x-direction-mobile: column; --11ad7x-structure: columns; --11ad7x-structure-tablet: columns; --11ad7x-structure-mobile: columns; --11ad7x-gap: 0px; --11ad7x-gap-tablet: 0px; --11ad7x-gap-mobile: 0px; --11ad7x-padding-top: 0px; --11ad7x-padding-top-tablet: 0px; --11ad7x-padding-top-mobile: 0px; --11ad7x-padding-right: 40px; --11ad7x-padding-right-tablet: 40px; --11ad7x-padding-right-mobile: 40px; --11ad7x-padding-bottom: 0px; --11ad7x-padding-bottom-tablet: 0px; --11ad7x-padding-bottom-mobile: 0px; --11ad7x-padding-left: 40px; --11ad7x-padding-left-tablet: 40px; --11ad7x-padding-left-mobile: 40px; --11ad7x-max-width: fit-content; --11ad7x-max-width-tablet: fit-content; --11ad7x-max-width-mobile: fit-content; }[data-bnode="beae-11ad7x"] { padding-top: var(--11ad7x-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--11ad7x-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--11ad7x-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--11ad7x-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--11ad7x-padding-top-tablet, var(--11ad7x-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--11ad7x-padding-right-tablet, var(--11ad7x-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--11ad7x-padding-bottom-tablet, var(--11ad7x-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--11ad7x-padding-left-tablet, var(--11ad7x-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--11ad7x-padding-top-mobile, var(--11ad7x-padding-top-tablet, var(--11ad7x-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--11ad7x-padding-right-mobile, var(--11ad7x-padding-right-tablet, var(--11ad7x-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--11ad7x-padding-bottom-mobile, var(--11ad7x-padding-bottom-tablet, var(--11ad7x-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--11ad7x-padding-left-mobile, var(--11ad7x-padding-left-tablet, var(--11ad7x-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--11ad7x-position, relative); top: var(--11ad7x-top, auto); right: var(--11ad7x-right, auto); bottom: var(--11ad7x-bottom, auto); left: var(--11ad7x-left, auto); transform: var(--11ad7x-transform, none); z-index: var(--11ad7x-z-index, 10); aspect-ratio: var(--11ad7x-background-imageRatio, auto); background: var(--11ad7x-background-color,transparent); border-style: var(--11ad7x-borderStyle,solid); border-color: var(--11ad7x-borderColor,#000000); border-width: var(--11ad7x-borderWidth-tl,0px) var(--11ad7x-borderWidth-tr,0px) var(--11ad7x-borderWidth-br,0px) var(--11ad7x-borderWidth-bl,0px); border-radius: var(--11ad7x-borderRadius-tl,0px) var(--11ad7x-borderRadius-tr,0px) var(--11ad7x-borderRadius-br,0px) var(--11ad7x-borderRadius-bl,0px); box-shadow: var(--11ad7x-shadowHorizontal, 0px) var(--11ad7x-shadowVertical, 0px) var(--11ad7x-shadowBlur, 0px) 1px color-mix( in srgb, var(--11ad7x-shadowColor, #000000) var(--11ad7x-shadowTransparent, 0%), transparent ); max-width: var(--11ad7x-max-width, 100%); width: 100%; height: if(style(--11ad7x-position: absolute): var(--11ad7x-height,100%); else: unset ); backdrop-filter:blur(var(--11ad7x-background-blur, none)) saturate(var(--11ad7x-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--11ad7x-position-tablet, var(--11ad7x-position, relative)); top: var(--11ad7x-top-tablet, var(--11ad7x-top, auto)); right: var(--11ad7x-right-tablet, var(--11ad7x-right, auto)); bottom: var(--11ad7x-bottom-tablet, var(--11ad7x-bottom, auto)); left: var(--11ad7x-left-tablet, var(--11ad7x-left, auto)); transform: var(--11ad7x-transform-tablet, var(--11ad7x-transform, none)); z-index: var(--11ad7x-z-index-tablet, var(--11ad7x-z-index, 10)); aspect-ratio: var(--11ad7x-background-imageRatio-tablet, var(--11ad7x-background-imageRatio, auto)); border-width: var(--11ad7x-borderWidth-tl-tablet, var(--11ad7x-borderWidth-tl,0px)) var(--11ad7x-borderWidth-tr-tablet,var(--11ad7x-borderWidth-tr,0px)) var(--11ad7x-borderWidth-br-tablet,var(--11ad7x-borderWidth-br,0px)) var(--11ad7x-borderWidth-bl-tablet,var(--11ad7x-borderWidth-bl,0px)); border-radius: var(--11ad7x-borderRadius-tl-tablet,var(--11ad7x-borderRadius-tl,0px)) var(--11ad7x-borderRadius-tr-tablet,var(--11ad7x-borderRadius-tr,0px)) var(--11ad7x-borderRadius-br-tablet,var(--11ad7x-borderRadius-br,0px)) var(--11ad7x-borderRadius-bl-tablet,var(--11ad7x-borderRadius-bl,0px)); max-width: var(--11ad7x-max-width-tablet, var(--11ad7x-max-width, 100%)); height: if(style(--11ad7x-position-tablet: absolute): var(--11ad7x-height-tablet,var(--11ad7x-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--11ad7x-position-mobile, var(--11ad7x-position-tablet, var(--11ad7x-position, relative))); top: var(--11ad7x-top-mobile, var(--11ad7x-top-tablet, var(--11ad7x-top, auto))); right: var(--11ad7x-right-mobile, var(--11ad7x-right-tablet, var(--11ad7x-right, auto))); bottom: var(--11ad7x-bottom-mobile, var(--11ad7x-bottom-tablet, var(--11ad7x-bottom, auto))); left: var(--11ad7x-left-mobile, var(--11ad7x-left-tablet, var(--11ad7x-left, auto))); transform: var(--11ad7x-transform-mobile, var(--11ad7x-transform-tablet, var(--11ad7x-transform, none))); z-index: var(--11ad7x-z-index-mobile, var(--11ad7x-z-index-tablet, var(--11ad7x-z-index, 10))); aspect-ratio: var(--11ad7x-background-imageRatio-mobile, var(--11ad7x-background-imageRatio, auto)); border-width: var(--11ad7x-borderWidth-tl-mobile, var(--11ad7x-borderWidth-tl,0px)) var(--11ad7x-borderWidth-tr-mobile,var(--11ad7x-borderWidth-tr,0px)) var(--11ad7x-borderWidth-br-mobile,var(--11ad7x-borderWidth-br,0px)) var(--11ad7x-borderWidth-bl-mobile,var(--11ad7x-borderWidth-bl,0px)); border-radius: var(--11ad7x-borderRadius-tl-mobile,var(--11ad7x-borderRadius-tl,0px)) var(--11ad7x-borderRadius-tr-mobile,var(--11ad7x-borderRadius-tr,0px)) var(--11ad7x-borderRadius-br-mobile,var(--11ad7x-borderRadius-br,0px)) var(--11ad7x-borderRadius-bl-mobile,var(--11ad7x-borderRadius-bl,0px)); max-width: var(--11ad7x-max-width-mobile, var(--11ad7x-max-width, 100%)); height: if(style(--11ad7x-position-mobile: absolute): var(--11ad7x-height-mobile,var(--11ad7x-height-tablet,,var(--11ad7x-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--11ad7x-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--11ad7x-gap,var(--beae-card-gap)); padding-top: var(--11ad7x-padding-top,var(--beae-card-padding)); padding-right: var(--11ad7x-padding-right,var(--beae-card-padding)); padding-bottom: var(--11ad7x-padding-bottom,var(--beae-card-padding)); padding-left: var(--11ad7x-padding-left,var(--beae-card-padding)); border-width: var(--11ad7x-borderWidth-tl,var(--beae-card-border-width)) var(--11ad7x-borderWidth-tr,var(--beae-card-border-width)) var(--11ad7x-borderWidth-br,var(--beae-card-border-width)) var(--11ad7x-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--11ad7x-borderRadius-tl,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-tr,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-br,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--11ad7x-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--11ad7x-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--11ad7x-gap-tablet,var(--beae-card-gap)); padding-top: var(--11ad7x-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--11ad7x-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--11ad7x-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--11ad7x-padding-left-tablet,var(--beae-card-padding)); border-width: var(--11ad7x-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--11ad7x-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--11ad7x-borderWidth-br-desktop,var(--beae-card-border-width)) var(--11ad7x-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--11ad7x-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--11ad7x-gap-mobile,var(--beae-card-gap)); padding-top: var(--11ad7x-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--11ad7x-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--11ad7x-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--11ad7x-padding-left-mobile,var(--beae-card-padding)); border-width: var(--11ad7x-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--11ad7x-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--11ad7x-borderWidth-br-mobile,var(--beae-card-border-width)) var(--11ad7x-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--11ad7x-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--11ad7x-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--11ad7x-background-color,var(--beae-card-featured-background)); border-color: var(--11ad7x-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--11ad7x-shadowHorizontal, var(--beae-card-shadow-x)) var(--11ad7x-shadowVertical, var(--beae-card-shadow-y)) var(--11ad7x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11ad7x-shadowColor, var(--beae-card-featured-shadow-color)) var(--11ad7x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--11ad7x-background-color,var(--beae-card-prod-background)); border-color: var(--11ad7x-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--11ad7x-shadowHorizontal, var(--beae-card-shadow-x)) var(--11ad7x-shadowVertical, var(--beae-card-shadow-y)) var(--11ad7x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11ad7x-shadowColor, var(--beae-card-prod-shadow-color)) var(--11ad7x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--11ad7x-background-color,var(--beae-card-pricing-background)); border-color: var(--11ad7x-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--11ad7x-shadowHorizontal, var(--beae-card-shadow-x)) var(--11ad7x-shadowVertical, var(--beae-card-shadow-y)) var(--11ad7x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11ad7x-shadowColor, var(--beae-card-pricing-shadow-color)) var(--11ad7x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--11ad7x-background-color,var(--beae-card-cta-background)); border-color: var(--11ad7x-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--11ad7x-shadowHorizontal, var(--beae-card-shadow-x)) var(--11ad7x-shadowVertical, var(--beae-card-shadow-y)) var(--11ad7x-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--11ad7x-shadowColor, var(--beae-card-cta-shadow-color)) var(--11ad7x-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-11ad7x"] {     display: flex;     flex-direction: var(--11ad7x-direction, column);     flex-wrap: nowrap;     justify-content: var(--11ad7x-justify-content);     align-items: var(--11ad7x-align-items);     gap: var(--11ad7x-gap, var(--11ad7x-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-11ad7x"] {                            gap: var(--11ad7x-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(14.29% - var(--11ad7x-padding-right-tablet, 0px) - var(--11ad7x-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-11ad7x"] {                            gap: var(--11ad7x-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(14.29% - var(--11ad7x-padding-right-mobile, 0px) - var(--11ad7x-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fjxmh8"] { --fjxmh8-direction: row; --fjxmh8-direction-tablet: row; --fjxmh8-direction-mobile: row; --fjxmh8-structure: columns; --fjxmh8-structure-tablet: columns; --fjxmh8-structure-mobile: columns; }[data-bnode="beae-fjxmh8"] { padding-top: var(--fjxmh8-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--fjxmh8-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--fjxmh8-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--fjxmh8-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--fjxmh8-padding-top-tablet, var(--fjxmh8-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--fjxmh8-padding-right-tablet, var(--fjxmh8-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--fjxmh8-padding-bottom-tablet, var(--fjxmh8-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--fjxmh8-padding-left-tablet, var(--fjxmh8-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--fjxmh8-padding-top-mobile, var(--fjxmh8-padding-top-tablet, var(--fjxmh8-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--fjxmh8-padding-right-mobile, var(--fjxmh8-padding-right-tablet, var(--fjxmh8-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--fjxmh8-padding-bottom-mobile, var(--fjxmh8-padding-bottom-tablet, var(--fjxmh8-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--fjxmh8-padding-left-mobile, var(--fjxmh8-padding-left-tablet, var(--fjxmh8-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--fjxmh8-position, relative); top: var(--fjxmh8-top, auto); right: var(--fjxmh8-right, auto); bottom: var(--fjxmh8-bottom, auto); left: var(--fjxmh8-left, auto); transform: var(--fjxmh8-transform, none); z-index: var(--fjxmh8-z-index, 10); aspect-ratio: var(--fjxmh8-background-imageRatio, auto); background: var(--fjxmh8-background-color,transparent); border-style: var(--fjxmh8-borderStyle,solid); border-color: var(--fjxmh8-borderColor,#000000); border-width: var(--fjxmh8-borderWidth-tl,0px) var(--fjxmh8-borderWidth-tr,0px) var(--fjxmh8-borderWidth-br,0px) var(--fjxmh8-borderWidth-bl,0px); border-radius: var(--fjxmh8-borderRadius-tl,0px) var(--fjxmh8-borderRadius-tr,0px) var(--fjxmh8-borderRadius-br,0px) var(--fjxmh8-borderRadius-bl,0px); box-shadow: var(--fjxmh8-shadowHorizontal, 0px) var(--fjxmh8-shadowVertical, 0px) var(--fjxmh8-shadowBlur, 0px) 1px color-mix( in srgb, var(--fjxmh8-shadowColor, #000000) var(--fjxmh8-shadowTransparent, 0%), transparent ); max-width: var(--fjxmh8-max-width, 100%); width: 100%; height: if(style(--fjxmh8-position: absolute): var(--fjxmh8-height,100%); else: unset ); backdrop-filter:blur(var(--fjxmh8-background-blur, none)) saturate(var(--fjxmh8-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--fjxmh8-position-tablet, var(--fjxmh8-position, relative)); top: var(--fjxmh8-top-tablet, var(--fjxmh8-top, auto)); right: var(--fjxmh8-right-tablet, var(--fjxmh8-right, auto)); bottom: var(--fjxmh8-bottom-tablet, var(--fjxmh8-bottom, auto)); left: var(--fjxmh8-left-tablet, var(--fjxmh8-left, auto)); transform: var(--fjxmh8-transform-tablet, var(--fjxmh8-transform, none)); z-index: var(--fjxmh8-z-index-tablet, var(--fjxmh8-z-index, 10)); aspect-ratio: var(--fjxmh8-background-imageRatio-tablet, var(--fjxmh8-background-imageRatio, auto)); border-width: var(--fjxmh8-borderWidth-tl-tablet, var(--fjxmh8-borderWidth-tl,0px)) var(--fjxmh8-borderWidth-tr-tablet,var(--fjxmh8-borderWidth-tr,0px)) var(--fjxmh8-borderWidth-br-tablet,var(--fjxmh8-borderWidth-br,0px)) var(--fjxmh8-borderWidth-bl-tablet,var(--fjxmh8-borderWidth-bl,0px)); border-radius: var(--fjxmh8-borderRadius-tl-tablet,var(--fjxmh8-borderRadius-tl,0px)) var(--fjxmh8-borderRadius-tr-tablet,var(--fjxmh8-borderRadius-tr,0px)) var(--fjxmh8-borderRadius-br-tablet,var(--fjxmh8-borderRadius-br,0px)) var(--fjxmh8-borderRadius-bl-tablet,var(--fjxmh8-borderRadius-bl,0px)); max-width: var(--fjxmh8-max-width-tablet, var(--fjxmh8-max-width, 100%)); height: if(style(--fjxmh8-position-tablet: absolute): var(--fjxmh8-height-tablet,var(--fjxmh8-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--fjxmh8-position-mobile, var(--fjxmh8-position-tablet, var(--fjxmh8-position, relative))); top: var(--fjxmh8-top-mobile, var(--fjxmh8-top-tablet, var(--fjxmh8-top, auto))); right: var(--fjxmh8-right-mobile, var(--fjxmh8-right-tablet, var(--fjxmh8-right, auto))); bottom: var(--fjxmh8-bottom-mobile, var(--fjxmh8-bottom-tablet, var(--fjxmh8-bottom, auto))); left: var(--fjxmh8-left-mobile, var(--fjxmh8-left-tablet, var(--fjxmh8-left, auto))); transform: var(--fjxmh8-transform-mobile, var(--fjxmh8-transform-tablet, var(--fjxmh8-transform, none))); z-index: var(--fjxmh8-z-index-mobile, var(--fjxmh8-z-index-tablet, var(--fjxmh8-z-index, 10))); aspect-ratio: var(--fjxmh8-background-imageRatio-mobile, var(--fjxmh8-background-imageRatio, auto)); border-width: var(--fjxmh8-borderWidth-tl-mobile, var(--fjxmh8-borderWidth-tl,0px)) var(--fjxmh8-borderWidth-tr-mobile,var(--fjxmh8-borderWidth-tr,0px)) var(--fjxmh8-borderWidth-br-mobile,var(--fjxmh8-borderWidth-br,0px)) var(--fjxmh8-borderWidth-bl-mobile,var(--fjxmh8-borderWidth-bl,0px)); border-radius: var(--fjxmh8-borderRadius-tl-mobile,var(--fjxmh8-borderRadius-tl,0px)) var(--fjxmh8-borderRadius-tr-mobile,var(--fjxmh8-borderRadius-tr,0px)) var(--fjxmh8-borderRadius-br-mobile,var(--fjxmh8-borderRadius-br,0px)) var(--fjxmh8-borderRadius-bl-mobile,var(--fjxmh8-borderRadius-bl,0px)); max-width: var(--fjxmh8-max-width-mobile, var(--fjxmh8-max-width, 100%)); height: if(style(--fjxmh8-position-mobile: absolute): var(--fjxmh8-height-mobile,var(--fjxmh8-height-tablet,,var(--fjxmh8-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--fjxmh8-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--fjxmh8-gap,var(--beae-card-gap)); padding-top: var(--fjxmh8-padding-top,var(--beae-card-padding)); padding-right: var(--fjxmh8-padding-right,var(--beae-card-padding)); padding-bottom: var(--fjxmh8-padding-bottom,var(--beae-card-padding)); padding-left: var(--fjxmh8-padding-left,var(--beae-card-padding)); border-width: var(--fjxmh8-borderWidth-tl,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-tr,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-br,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--fjxmh8-borderRadius-tl,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-tr,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-br,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--fjxmh8-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--fjxmh8-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--fjxmh8-gap-tablet,var(--beae-card-gap)); padding-top: var(--fjxmh8-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--fjxmh8-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--fjxmh8-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--fjxmh8-padding-left-tablet,var(--beae-card-padding)); border-width: var(--fjxmh8-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-br-desktop,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--fjxmh8-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--fjxmh8-gap-mobile,var(--beae-card-gap)); padding-top: var(--fjxmh8-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--fjxmh8-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--fjxmh8-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--fjxmh8-padding-left-mobile,var(--beae-card-padding)); border-width: var(--fjxmh8-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-br-mobile,var(--beae-card-border-width)) var(--fjxmh8-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--fjxmh8-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--fjxmh8-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--fjxmh8-background-color,var(--beae-card-featured-background)); border-color: var(--fjxmh8-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--fjxmh8-shadowHorizontal, var(--beae-card-shadow-x)) var(--fjxmh8-shadowVertical, var(--beae-card-shadow-y)) var(--fjxmh8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fjxmh8-shadowColor, var(--beae-card-featured-shadow-color)) var(--fjxmh8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--fjxmh8-background-color,var(--beae-card-prod-background)); border-color: var(--fjxmh8-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--fjxmh8-shadowHorizontal, var(--beae-card-shadow-x)) var(--fjxmh8-shadowVertical, var(--beae-card-shadow-y)) var(--fjxmh8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fjxmh8-shadowColor, var(--beae-card-prod-shadow-color)) var(--fjxmh8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--fjxmh8-background-color,var(--beae-card-pricing-background)); border-color: var(--fjxmh8-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--fjxmh8-shadowHorizontal, var(--beae-card-shadow-x)) var(--fjxmh8-shadowVertical, var(--beae-card-shadow-y)) var(--fjxmh8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fjxmh8-shadowColor, var(--beae-card-pricing-shadow-color)) var(--fjxmh8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--fjxmh8-background-color,var(--beae-card-cta-background)); border-color: var(--fjxmh8-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--fjxmh8-shadowHorizontal, var(--beae-card-shadow-x)) var(--fjxmh8-shadowVertical, var(--beae-card-shadow-y)) var(--fjxmh8-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fjxmh8-shadowColor, var(--beae-card-cta-shadow-color)) var(--fjxmh8-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-fjxmh8"] {     display: flex;     flex-direction: var(--fjxmh8-direction, column);     flex-wrap: nowrap;     justify-content: var(--fjxmh8-justify-content);     align-items: var(--fjxmh8-align-items);     gap: var(--fjxmh8-gap, var(--fjxmh8-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(--fjxmh8-padding-right, 0px) - var(--fjxmh8-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-fjxmh8"] {                            gap: var(--fjxmh8-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--fjxmh8-padding-right-tablet, 0px) - var(--fjxmh8-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-fjxmh8"] {                            gap: var(--fjxmh8-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--fjxmh8-padding-right-mobile, 0px) - var(--fjxmh8-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-anhtc6"] { --anhtc6-typography: p; --anhtc6-typography-tablet: p; --anhtc6-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-size: 20px; --beae-p-font-size-mobile: 14px; --anhtc6-margin-top: 0px; --anhtc6-margin-top-tablet: 0px; --anhtc6-margin-top-mobile: 20px; --anhtc6-margin-right: 0px; --anhtc6-margin-right-tablet: 0px; --anhtc6-margin-right-mobile: 0px; --anhtc6-margin-bottom: 8px; --anhtc6-margin-bottom-tablet: 8px; --anhtc6-margin-bottom-mobile: 0px; --anhtc6-margin-left: 0px; --anhtc6-margin-left-tablet: 0px; --anhtc6-margin-left-mobile: 0px; }[data-bnode="beae-anhtc6"] { margin-top: var(--anhtc6-margin-top, 0px); margin-right: var(--anhtc6-margin-right, 0px); margin-bottom: var(--anhtc6-margin-bottom, 0px); margin-left: var(--anhtc6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--anhtc6-margin-top-tablet, 0px); margin-right: var(--anhtc6-margin-right-tablet, 0px); margin-bottom: var(--anhtc6-margin-bottom-tablet, 0px); margin-left: var(--anhtc6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--anhtc6-margin-top-mobile, 0px); margin-right: var(--anhtc6-margin-right-mobile, 0px); margin-bottom: var(--anhtc6-margin-bottom-mobile, 0px); margin-left: var(--anhtc6-margin-left-mobile, 0px); } }[data-bnode="beae-zpu7xf"] { --zpu7xf-typography: p; --zpu7xf-typography-tablet: p; --zpu7xf-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-size-mobile: 14px; --zpu7xf-margin-top: 0px; --zpu7xf-margin-top-tablet: 0px; --zpu7xf-margin-top-mobile: 0px; --zpu7xf-margin-right: 0px; --zpu7xf-margin-right-tablet: 0px; --zpu7xf-margin-right-mobile: 0px; --zpu7xf-margin-bottom: 20px; --zpu7xf-margin-bottom-tablet: 20px; --zpu7xf-margin-bottom-mobile: 20px; --zpu7xf-margin-left: 0px; --zpu7xf-margin-left-tablet: 0px; --zpu7xf-margin-left-mobile: 0px; --beae-p-font-size: 20px; }[data-bnode="beae-zpu7xf"] { margin-top: var(--zpu7xf-margin-top, 0px); margin-right: var(--zpu7xf-margin-right, 0px); margin-bottom: var(--zpu7xf-margin-bottom, 0px); margin-left: var(--zpu7xf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zpu7xf-margin-top-tablet, 0px); margin-right: var(--zpu7xf-margin-right-tablet, 0px); margin-bottom: var(--zpu7xf-margin-bottom-tablet, 0px); margin-left: var(--zpu7xf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zpu7xf-margin-top-mobile, 0px); margin-right: var(--zpu7xf-margin-right-mobile, 0px); margin-bottom: var(--zpu7xf-margin-bottom-mobile, 0px); margin-left: var(--zpu7xf-margin-left-mobile, 0px); } }[data-bnode="beae-00mvvd"] { --00mvvd-direction: row; --00mvvd-direction-tablet: row; --00mvvd-direction-mobile: row; --00mvvd-structure: columns; --00mvvd-structure-tablet: columns; --00mvvd-structure-mobile: columns; }[data-bnode="beae-00mvvd"] { padding-top: var(--00mvvd-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--00mvvd-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--00mvvd-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--00mvvd-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--00mvvd-padding-top-tablet, var(--00mvvd-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--00mvvd-padding-right-tablet, var(--00mvvd-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--00mvvd-padding-bottom-tablet, var(--00mvvd-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--00mvvd-padding-left-tablet, var(--00mvvd-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--00mvvd-padding-top-mobile, var(--00mvvd-padding-top-tablet, var(--00mvvd-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--00mvvd-padding-right-mobile, var(--00mvvd-padding-right-tablet, var(--00mvvd-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--00mvvd-padding-bottom-mobile, var(--00mvvd-padding-bottom-tablet, var(--00mvvd-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--00mvvd-padding-left-mobile, var(--00mvvd-padding-left-tablet, var(--00mvvd-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--00mvvd-position, relative); top: var(--00mvvd-top, auto); right: var(--00mvvd-right, auto); bottom: var(--00mvvd-bottom, auto); left: var(--00mvvd-left, auto); transform: var(--00mvvd-transform, none); z-index: var(--00mvvd-z-index, 10); aspect-ratio: var(--00mvvd-background-imageRatio, auto); background: var(--00mvvd-background-color,transparent); border-style: var(--00mvvd-borderStyle,solid); border-color: var(--00mvvd-borderColor,#000000); border-width: var(--00mvvd-borderWidth-tl,0px) var(--00mvvd-borderWidth-tr,0px) var(--00mvvd-borderWidth-br,0px) var(--00mvvd-borderWidth-bl,0px); border-radius: var(--00mvvd-borderRadius-tl,0px) var(--00mvvd-borderRadius-tr,0px) var(--00mvvd-borderRadius-br,0px) var(--00mvvd-borderRadius-bl,0px); box-shadow: var(--00mvvd-shadowHorizontal, 0px) var(--00mvvd-shadowVertical, 0px) var(--00mvvd-shadowBlur, 0px) 1px color-mix( in srgb, var(--00mvvd-shadowColor, #000000) var(--00mvvd-shadowTransparent, 0%), transparent ); max-width: var(--00mvvd-max-width, 100%); width: 100%; height: if(style(--00mvvd-position: absolute): var(--00mvvd-height,100%); else: unset ); backdrop-filter:blur(var(--00mvvd-background-blur, none)) saturate(var(--00mvvd-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--00mvvd-position-tablet, var(--00mvvd-position, relative)); top: var(--00mvvd-top-tablet, var(--00mvvd-top, auto)); right: var(--00mvvd-right-tablet, var(--00mvvd-right, auto)); bottom: var(--00mvvd-bottom-tablet, var(--00mvvd-bottom, auto)); left: var(--00mvvd-left-tablet, var(--00mvvd-left, auto)); transform: var(--00mvvd-transform-tablet, var(--00mvvd-transform, none)); z-index: var(--00mvvd-z-index-tablet, var(--00mvvd-z-index, 10)); aspect-ratio: var(--00mvvd-background-imageRatio-tablet, var(--00mvvd-background-imageRatio, auto)); border-width: var(--00mvvd-borderWidth-tl-tablet, var(--00mvvd-borderWidth-tl,0px)) var(--00mvvd-borderWidth-tr-tablet,var(--00mvvd-borderWidth-tr,0px)) var(--00mvvd-borderWidth-br-tablet,var(--00mvvd-borderWidth-br,0px)) var(--00mvvd-borderWidth-bl-tablet,var(--00mvvd-borderWidth-bl,0px)); border-radius: var(--00mvvd-borderRadius-tl-tablet,var(--00mvvd-borderRadius-tl,0px)) var(--00mvvd-borderRadius-tr-tablet,var(--00mvvd-borderRadius-tr,0px)) var(--00mvvd-borderRadius-br-tablet,var(--00mvvd-borderRadius-br,0px)) var(--00mvvd-borderRadius-bl-tablet,var(--00mvvd-borderRadius-bl,0px)); max-width: var(--00mvvd-max-width-tablet, var(--00mvvd-max-width, 100%)); height: if(style(--00mvvd-position-tablet: absolute): var(--00mvvd-height-tablet,var(--00mvvd-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--00mvvd-position-mobile, var(--00mvvd-position-tablet, var(--00mvvd-position, relative))); top: var(--00mvvd-top-mobile, var(--00mvvd-top-tablet, var(--00mvvd-top, auto))); right: var(--00mvvd-right-mobile, var(--00mvvd-right-tablet, var(--00mvvd-right, auto))); bottom: var(--00mvvd-bottom-mobile, var(--00mvvd-bottom-tablet, var(--00mvvd-bottom, auto))); left: var(--00mvvd-left-mobile, var(--00mvvd-left-tablet, var(--00mvvd-left, auto))); transform: var(--00mvvd-transform-mobile, var(--00mvvd-transform-tablet, var(--00mvvd-transform, none))); z-index: var(--00mvvd-z-index-mobile, var(--00mvvd-z-index-tablet, var(--00mvvd-z-index, 10))); aspect-ratio: var(--00mvvd-background-imageRatio-mobile, var(--00mvvd-background-imageRatio, auto)); border-width: var(--00mvvd-borderWidth-tl-mobile, var(--00mvvd-borderWidth-tl,0px)) var(--00mvvd-borderWidth-tr-mobile,var(--00mvvd-borderWidth-tr,0px)) var(--00mvvd-borderWidth-br-mobile,var(--00mvvd-borderWidth-br,0px)) var(--00mvvd-borderWidth-bl-mobile,var(--00mvvd-borderWidth-bl,0px)); border-radius: var(--00mvvd-borderRadius-tl-mobile,var(--00mvvd-borderRadius-tl,0px)) var(--00mvvd-borderRadius-tr-mobile,var(--00mvvd-borderRadius-tr,0px)) var(--00mvvd-borderRadius-br-mobile,var(--00mvvd-borderRadius-br,0px)) var(--00mvvd-borderRadius-bl-mobile,var(--00mvvd-borderRadius-bl,0px)); max-width: var(--00mvvd-max-width-mobile, var(--00mvvd-max-width, 100%)); height: if(style(--00mvvd-position-mobile: absolute): var(--00mvvd-height-mobile,var(--00mvvd-height-tablet,,var(--00mvvd-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--00mvvd-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--00mvvd-gap,var(--beae-card-gap)); padding-top: var(--00mvvd-padding-top,var(--beae-card-padding)); padding-right: var(--00mvvd-padding-right,var(--beae-card-padding)); padding-bottom: var(--00mvvd-padding-bottom,var(--beae-card-padding)); padding-left: var(--00mvvd-padding-left,var(--beae-card-padding)); border-width: var(--00mvvd-borderWidth-tl,var(--beae-card-border-width)) var(--00mvvd-borderWidth-tr,var(--beae-card-border-width)) var(--00mvvd-borderWidth-br,var(--beae-card-border-width)) var(--00mvvd-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--00mvvd-borderRadius-tl,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-tr,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-br,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--00mvvd-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--00mvvd-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--00mvvd-gap-tablet,var(--beae-card-gap)); padding-top: var(--00mvvd-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--00mvvd-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--00mvvd-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--00mvvd-padding-left-tablet,var(--beae-card-padding)); border-width: var(--00mvvd-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--00mvvd-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--00mvvd-borderWidth-br-desktop,var(--beae-card-border-width)) var(--00mvvd-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--00mvvd-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--00mvvd-gap-mobile,var(--beae-card-gap)); padding-top: var(--00mvvd-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--00mvvd-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--00mvvd-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--00mvvd-padding-left-mobile,var(--beae-card-padding)); border-width: var(--00mvvd-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--00mvvd-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--00mvvd-borderWidth-br-mobile,var(--beae-card-border-width)) var(--00mvvd-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--00mvvd-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--00mvvd-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--00mvvd-background-color,var(--beae-card-featured-background)); border-color: var(--00mvvd-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--00mvvd-shadowHorizontal, var(--beae-card-shadow-x)) var(--00mvvd-shadowVertical, var(--beae-card-shadow-y)) var(--00mvvd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--00mvvd-shadowColor, var(--beae-card-featured-shadow-color)) var(--00mvvd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--00mvvd-background-color,var(--beae-card-prod-background)); border-color: var(--00mvvd-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--00mvvd-shadowHorizontal, var(--beae-card-shadow-x)) var(--00mvvd-shadowVertical, var(--beae-card-shadow-y)) var(--00mvvd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--00mvvd-shadowColor, var(--beae-card-prod-shadow-color)) var(--00mvvd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--00mvvd-background-color,var(--beae-card-pricing-background)); border-color: var(--00mvvd-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--00mvvd-shadowHorizontal, var(--beae-card-shadow-x)) var(--00mvvd-shadowVertical, var(--beae-card-shadow-y)) var(--00mvvd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--00mvvd-shadowColor, var(--beae-card-pricing-shadow-color)) var(--00mvvd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--00mvvd-background-color,var(--beae-card-cta-background)); border-color: var(--00mvvd-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--00mvvd-shadowHorizontal, var(--beae-card-shadow-x)) var(--00mvvd-shadowVertical, var(--beae-card-shadow-y)) var(--00mvvd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--00mvvd-shadowColor, var(--beae-card-cta-shadow-color)) var(--00mvvd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-00mvvd"] {     display: flex;     flex-direction: var(--00mvvd-direction, column);     flex-wrap: nowrap;     justify-content: var(--00mvvd-justify-content);     align-items: var(--00mvvd-align-items);     gap: var(--00mvvd-gap, var(--00mvvd-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(--00mvvd-padding-right, 0px) - var(--00mvvd-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-00mvvd"] {                            gap: var(--00mvvd-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--00mvvd-padding-right-tablet, 0px) - var(--00mvvd-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-00mvvd"] {                            gap: var(--00mvvd-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--00mvvd-padding-right-mobile, 0px) - var(--00mvvd-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-gigy2b"] { --gigy2b-direction: row; --gigy2b-direction-tablet: row; --gigy2b-direction-mobile: row; --gigy2b-structure: columns; --gigy2b-structure-tablet: columns; --gigy2b-structure-mobile: columns; }[data-bnode="beae-gigy2b"] { padding-top: var(--gigy2b-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--gigy2b-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--gigy2b-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--gigy2b-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gigy2b-padding-top-tablet, var(--gigy2b-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--gigy2b-padding-right-tablet, var(--gigy2b-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--gigy2b-padding-bottom-tablet, var(--gigy2b-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--gigy2b-padding-left-tablet, var(--gigy2b-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gigy2b-padding-top-mobile, var(--gigy2b-padding-top-tablet, var(--gigy2b-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--gigy2b-padding-right-mobile, var(--gigy2b-padding-right-tablet, var(--gigy2b-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--gigy2b-padding-bottom-mobile, var(--gigy2b-padding-bottom-tablet, var(--gigy2b-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--gigy2b-padding-left-mobile, var(--gigy2b-padding-left-tablet, var(--gigy2b-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--gigy2b-position, relative); top: var(--gigy2b-top, auto); right: var(--gigy2b-right, auto); bottom: var(--gigy2b-bottom, auto); left: var(--gigy2b-left, auto); transform: var(--gigy2b-transform, none); z-index: var(--gigy2b-z-index, 10); aspect-ratio: var(--gigy2b-background-imageRatio, auto); background: var(--gigy2b-background-color,transparent); border-style: var(--gigy2b-borderStyle,solid); border-color: var(--gigy2b-borderColor,#000000); border-width: var(--gigy2b-borderWidth-tl,0px) var(--gigy2b-borderWidth-tr,0px) var(--gigy2b-borderWidth-br,0px) var(--gigy2b-borderWidth-bl,0px); border-radius: var(--gigy2b-borderRadius-tl,0px) var(--gigy2b-borderRadius-tr,0px) var(--gigy2b-borderRadius-br,0px) var(--gigy2b-borderRadius-bl,0px); box-shadow: var(--gigy2b-shadowHorizontal, 0px) var(--gigy2b-shadowVertical, 0px) var(--gigy2b-shadowBlur, 0px) 1px color-mix( in srgb, var(--gigy2b-shadowColor, #000000) var(--gigy2b-shadowTransparent, 0%), transparent ); max-width: var(--gigy2b-max-width, 100%); width: 100%; height: if(style(--gigy2b-position: absolute): var(--gigy2b-height,100%); else: unset ); backdrop-filter:blur(var(--gigy2b-background-blur, none)) saturate(var(--gigy2b-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--gigy2b-position-tablet, var(--gigy2b-position, relative)); top: var(--gigy2b-top-tablet, var(--gigy2b-top, auto)); right: var(--gigy2b-right-tablet, var(--gigy2b-right, auto)); bottom: var(--gigy2b-bottom-tablet, var(--gigy2b-bottom, auto)); left: var(--gigy2b-left-tablet, var(--gigy2b-left, auto)); transform: var(--gigy2b-transform-tablet, var(--gigy2b-transform, none)); z-index: var(--gigy2b-z-index-tablet, var(--gigy2b-z-index, 10)); aspect-ratio: var(--gigy2b-background-imageRatio-tablet, var(--gigy2b-background-imageRatio, auto)); border-width: var(--gigy2b-borderWidth-tl-tablet, var(--gigy2b-borderWidth-tl,0px)) var(--gigy2b-borderWidth-tr-tablet,var(--gigy2b-borderWidth-tr,0px)) var(--gigy2b-borderWidth-br-tablet,var(--gigy2b-borderWidth-br,0px)) var(--gigy2b-borderWidth-bl-tablet,var(--gigy2b-borderWidth-bl,0px)); border-radius: var(--gigy2b-borderRadius-tl-tablet,var(--gigy2b-borderRadius-tl,0px)) var(--gigy2b-borderRadius-tr-tablet,var(--gigy2b-borderRadius-tr,0px)) var(--gigy2b-borderRadius-br-tablet,var(--gigy2b-borderRadius-br,0px)) var(--gigy2b-borderRadius-bl-tablet,var(--gigy2b-borderRadius-bl,0px)); max-width: var(--gigy2b-max-width-tablet, var(--gigy2b-max-width, 100%)); height: if(style(--gigy2b-position-tablet: absolute): var(--gigy2b-height-tablet,var(--gigy2b-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--gigy2b-position-mobile, var(--gigy2b-position-tablet, var(--gigy2b-position, relative))); top: var(--gigy2b-top-mobile, var(--gigy2b-top-tablet, var(--gigy2b-top, auto))); right: var(--gigy2b-right-mobile, var(--gigy2b-right-tablet, var(--gigy2b-right, auto))); bottom: var(--gigy2b-bottom-mobile, var(--gigy2b-bottom-tablet, var(--gigy2b-bottom, auto))); left: var(--gigy2b-left-mobile, var(--gigy2b-left-tablet, var(--gigy2b-left, auto))); transform: var(--gigy2b-transform-mobile, var(--gigy2b-transform-tablet, var(--gigy2b-transform, none))); z-index: var(--gigy2b-z-index-mobile, var(--gigy2b-z-index-tablet, var(--gigy2b-z-index, 10))); aspect-ratio: var(--gigy2b-background-imageRatio-mobile, var(--gigy2b-background-imageRatio, auto)); border-width: var(--gigy2b-borderWidth-tl-mobile, var(--gigy2b-borderWidth-tl,0px)) var(--gigy2b-borderWidth-tr-mobile,var(--gigy2b-borderWidth-tr,0px)) var(--gigy2b-borderWidth-br-mobile,var(--gigy2b-borderWidth-br,0px)) var(--gigy2b-borderWidth-bl-mobile,var(--gigy2b-borderWidth-bl,0px)); border-radius: var(--gigy2b-borderRadius-tl-mobile,var(--gigy2b-borderRadius-tl,0px)) var(--gigy2b-borderRadius-tr-mobile,var(--gigy2b-borderRadius-tr,0px)) var(--gigy2b-borderRadius-br-mobile,var(--gigy2b-borderRadius-br,0px)) var(--gigy2b-borderRadius-bl-mobile,var(--gigy2b-borderRadius-bl,0px)); max-width: var(--gigy2b-max-width-mobile, var(--gigy2b-max-width, 100%)); height: if(style(--gigy2b-position-mobile: absolute): var(--gigy2b-height-mobile,var(--gigy2b-height-tablet,,var(--gigy2b-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--gigy2b-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--gigy2b-gap,var(--beae-card-gap)); padding-top: var(--gigy2b-padding-top,var(--beae-card-padding)); padding-right: var(--gigy2b-padding-right,var(--beae-card-padding)); padding-bottom: var(--gigy2b-padding-bottom,var(--beae-card-padding)); padding-left: var(--gigy2b-padding-left,var(--beae-card-padding)); border-width: var(--gigy2b-borderWidth-tl,var(--beae-card-border-width)) var(--gigy2b-borderWidth-tr,var(--beae-card-border-width)) var(--gigy2b-borderWidth-br,var(--beae-card-border-width)) var(--gigy2b-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--gigy2b-borderRadius-tl,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-tr,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-br,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--gigy2b-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--gigy2b-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--gigy2b-gap-tablet,var(--beae-card-gap)); padding-top: var(--gigy2b-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--gigy2b-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--gigy2b-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--gigy2b-padding-left-tablet,var(--beae-card-padding)); border-width: var(--gigy2b-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--gigy2b-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--gigy2b-borderWidth-br-desktop,var(--beae-card-border-width)) var(--gigy2b-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--gigy2b-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--gigy2b-gap-mobile,var(--beae-card-gap)); padding-top: var(--gigy2b-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--gigy2b-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--gigy2b-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--gigy2b-padding-left-mobile,var(--beae-card-padding)); border-width: var(--gigy2b-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--gigy2b-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--gigy2b-borderWidth-br-mobile,var(--beae-card-border-width)) var(--gigy2b-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--gigy2b-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--gigy2b-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--gigy2b-background-color,var(--beae-card-featured-background)); border-color: var(--gigy2b-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--gigy2b-shadowHorizontal, var(--beae-card-shadow-x)) var(--gigy2b-shadowVertical, var(--beae-card-shadow-y)) var(--gigy2b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gigy2b-shadowColor, var(--beae-card-featured-shadow-color)) var(--gigy2b-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--gigy2b-background-color,var(--beae-card-prod-background)); border-color: var(--gigy2b-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--gigy2b-shadowHorizontal, var(--beae-card-shadow-x)) var(--gigy2b-shadowVertical, var(--beae-card-shadow-y)) var(--gigy2b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gigy2b-shadowColor, var(--beae-card-prod-shadow-color)) var(--gigy2b-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--gigy2b-background-color,var(--beae-card-pricing-background)); border-color: var(--gigy2b-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--gigy2b-shadowHorizontal, var(--beae-card-shadow-x)) var(--gigy2b-shadowVertical, var(--beae-card-shadow-y)) var(--gigy2b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gigy2b-shadowColor, var(--beae-card-pricing-shadow-color)) var(--gigy2b-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--gigy2b-background-color,var(--beae-card-cta-background)); border-color: var(--gigy2b-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--gigy2b-shadowHorizontal, var(--beae-card-shadow-x)) var(--gigy2b-shadowVertical, var(--beae-card-shadow-y)) var(--gigy2b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gigy2b-shadowColor, var(--beae-card-cta-shadow-color)) var(--gigy2b-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-gigy2b"] {     display: flex;     flex-direction: var(--gigy2b-direction, column);     flex-wrap: nowrap;     justify-content: var(--gigy2b-justify-content);     align-items: var(--gigy2b-align-items);     gap: var(--gigy2b-gap, var(--gigy2b-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(--gigy2b-padding-right, 0px) - var(--gigy2b-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gigy2b"] {                            gap: var(--gigy2b-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--gigy2b-padding-right-tablet, 0px) - var(--gigy2b-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gigy2b"] {                            gap: var(--gigy2b-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--gigy2b-padding-right-mobile, 0px) - var(--gigy2b-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5swn06"] { --5swn06-direction: row; --5swn06-direction-tablet: row; --5swn06-direction-mobile: row; --5swn06-structure: columns; --5swn06-structure-tablet: columns; --5swn06-structure-mobile: columns; --5swn06-max-width: 100%; --5swn06-max-width-tablet: 100%; --5swn06-max-width-mobile: 100%; }[data-bnode="beae-5swn06"] { padding-top: var(--5swn06-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--5swn06-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--5swn06-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--5swn06-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5swn06-padding-top-tablet, var(--5swn06-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--5swn06-padding-right-tablet, var(--5swn06-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--5swn06-padding-bottom-tablet, var(--5swn06-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--5swn06-padding-left-tablet, var(--5swn06-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5swn06-padding-top-mobile, var(--5swn06-padding-top-tablet, var(--5swn06-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--5swn06-padding-right-mobile, var(--5swn06-padding-right-tablet, var(--5swn06-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--5swn06-padding-bottom-mobile, var(--5swn06-padding-bottom-tablet, var(--5swn06-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--5swn06-padding-left-mobile, var(--5swn06-padding-left-tablet, var(--5swn06-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--5swn06-position, relative); top: var(--5swn06-top, auto); right: var(--5swn06-right, auto); bottom: var(--5swn06-bottom, auto); left: var(--5swn06-left, auto); transform: var(--5swn06-transform, none); z-index: var(--5swn06-z-index, 10); aspect-ratio: var(--5swn06-background-imageRatio, auto); background: var(--5swn06-background-color,transparent); border-style: var(--5swn06-borderStyle,solid); border-color: var(--5swn06-borderColor,#000000); border-width: var(--5swn06-borderWidth-tl,0px) var(--5swn06-borderWidth-tr,0px) var(--5swn06-borderWidth-br,0px) var(--5swn06-borderWidth-bl,0px); border-radius: var(--5swn06-borderRadius-tl,0px) var(--5swn06-borderRadius-tr,0px) var(--5swn06-borderRadius-br,0px) var(--5swn06-borderRadius-bl,0px); box-shadow: var(--5swn06-shadowHorizontal, 0px) var(--5swn06-shadowVertical, 0px) var(--5swn06-shadowBlur, 0px) 1px color-mix( in srgb, var(--5swn06-shadowColor, #000000) var(--5swn06-shadowTransparent, 0%), transparent ); max-width: var(--5swn06-max-width, 100%); width: 100%; height: if(style(--5swn06-position: absolute): var(--5swn06-height,100%); else: unset ); backdrop-filter:blur(var(--5swn06-background-blur, none)) saturate(var(--5swn06-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--5swn06-position-tablet, var(--5swn06-position, relative)); top: var(--5swn06-top-tablet, var(--5swn06-top, auto)); right: var(--5swn06-right-tablet, var(--5swn06-right, auto)); bottom: var(--5swn06-bottom-tablet, var(--5swn06-bottom, auto)); left: var(--5swn06-left-tablet, var(--5swn06-left, auto)); transform: var(--5swn06-transform-tablet, var(--5swn06-transform, none)); z-index: var(--5swn06-z-index-tablet, var(--5swn06-z-index, 10)); aspect-ratio: var(--5swn06-background-imageRatio-tablet, var(--5swn06-background-imageRatio, auto)); border-width: var(--5swn06-borderWidth-tl-tablet, var(--5swn06-borderWidth-tl,0px)) var(--5swn06-borderWidth-tr-tablet,var(--5swn06-borderWidth-tr,0px)) var(--5swn06-borderWidth-br-tablet,var(--5swn06-borderWidth-br,0px)) var(--5swn06-borderWidth-bl-tablet,var(--5swn06-borderWidth-bl,0px)); border-radius: var(--5swn06-borderRadius-tl-tablet,var(--5swn06-borderRadius-tl,0px)) var(--5swn06-borderRadius-tr-tablet,var(--5swn06-borderRadius-tr,0px)) var(--5swn06-borderRadius-br-tablet,var(--5swn06-borderRadius-br,0px)) var(--5swn06-borderRadius-bl-tablet,var(--5swn06-borderRadius-bl,0px)); max-width: var(--5swn06-max-width-tablet, var(--5swn06-max-width, 100%)); height: if(style(--5swn06-position-tablet: absolute): var(--5swn06-height-tablet,var(--5swn06-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--5swn06-position-mobile, var(--5swn06-position-tablet, var(--5swn06-position, relative))); top: var(--5swn06-top-mobile, var(--5swn06-top-tablet, var(--5swn06-top, auto))); right: var(--5swn06-right-mobile, var(--5swn06-right-tablet, var(--5swn06-right, auto))); bottom: var(--5swn06-bottom-mobile, var(--5swn06-bottom-tablet, var(--5swn06-bottom, auto))); left: var(--5swn06-left-mobile, var(--5swn06-left-tablet, var(--5swn06-left, auto))); transform: var(--5swn06-transform-mobile, var(--5swn06-transform-tablet, var(--5swn06-transform, none))); z-index: var(--5swn06-z-index-mobile, var(--5swn06-z-index-tablet, var(--5swn06-z-index, 10))); aspect-ratio: var(--5swn06-background-imageRatio-mobile, var(--5swn06-background-imageRatio, auto)); border-width: var(--5swn06-borderWidth-tl-mobile, var(--5swn06-borderWidth-tl,0px)) var(--5swn06-borderWidth-tr-mobile,var(--5swn06-borderWidth-tr,0px)) var(--5swn06-borderWidth-br-mobile,var(--5swn06-borderWidth-br,0px)) var(--5swn06-borderWidth-bl-mobile,var(--5swn06-borderWidth-bl,0px)); border-radius: var(--5swn06-borderRadius-tl-mobile,var(--5swn06-borderRadius-tl,0px)) var(--5swn06-borderRadius-tr-mobile,var(--5swn06-borderRadius-tr,0px)) var(--5swn06-borderRadius-br-mobile,var(--5swn06-borderRadius-br,0px)) var(--5swn06-borderRadius-bl-mobile,var(--5swn06-borderRadius-bl,0px)); max-width: var(--5swn06-max-width-mobile, var(--5swn06-max-width, 100%)); height: if(style(--5swn06-position-mobile: absolute): var(--5swn06-height-mobile,var(--5swn06-height-tablet,,var(--5swn06-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--5swn06-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--5swn06-gap,var(--beae-card-gap)); padding-top: var(--5swn06-padding-top,var(--beae-card-padding)); padding-right: var(--5swn06-padding-right,var(--beae-card-padding)); padding-bottom: var(--5swn06-padding-bottom,var(--beae-card-padding)); padding-left: var(--5swn06-padding-left,var(--beae-card-padding)); border-width: var(--5swn06-borderWidth-tl,var(--beae-card-border-width)) var(--5swn06-borderWidth-tr,var(--beae-card-border-width)) var(--5swn06-borderWidth-br,var(--beae-card-border-width)) var(--5swn06-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5swn06-borderRadius-tl,var(--beae-card-border-radius)) var(--5swn06-borderRadius-tr,var(--beae-card-border-radius)) var(--5swn06-borderRadius-br,var(--beae-card-border-radius)) var(--5swn06-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--5swn06-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--5swn06-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--5swn06-gap-tablet,var(--beae-card-gap)); padding-top: var(--5swn06-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--5swn06-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--5swn06-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--5swn06-padding-left-tablet,var(--beae-card-padding)); border-width: var(--5swn06-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--5swn06-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--5swn06-borderWidth-br-desktop,var(--beae-card-border-width)) var(--5swn06-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--5swn06-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--5swn06-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--5swn06-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--5swn06-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--5swn06-gap-mobile,var(--beae-card-gap)); padding-top: var(--5swn06-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--5swn06-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--5swn06-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--5swn06-padding-left-mobile,var(--beae-card-padding)); border-width: var(--5swn06-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--5swn06-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--5swn06-borderWidth-br-mobile,var(--beae-card-border-width)) var(--5swn06-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--5swn06-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--5swn06-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--5swn06-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--5swn06-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--5swn06-background-color,var(--beae-card-featured-background)); border-color: var(--5swn06-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--5swn06-shadowHorizontal, var(--beae-card-shadow-x)) var(--5swn06-shadowVertical, var(--beae-card-shadow-y)) var(--5swn06-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5swn06-shadowColor, var(--beae-card-featured-shadow-color)) var(--5swn06-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--5swn06-background-color,var(--beae-card-prod-background)); border-color: var(--5swn06-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--5swn06-shadowHorizontal, var(--beae-card-shadow-x)) var(--5swn06-shadowVertical, var(--beae-card-shadow-y)) var(--5swn06-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5swn06-shadowColor, var(--beae-card-prod-shadow-color)) var(--5swn06-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--5swn06-background-color,var(--beae-card-pricing-background)); border-color: var(--5swn06-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--5swn06-shadowHorizontal, var(--beae-card-shadow-x)) var(--5swn06-shadowVertical, var(--beae-card-shadow-y)) var(--5swn06-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5swn06-shadowColor, var(--beae-card-pricing-shadow-color)) var(--5swn06-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--5swn06-background-color,var(--beae-card-cta-background)); border-color: var(--5swn06-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--5swn06-shadowHorizontal, var(--beae-card-shadow-x)) var(--5swn06-shadowVertical, var(--beae-card-shadow-y)) var(--5swn06-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5swn06-shadowColor, var(--beae-card-cta-shadow-color)) var(--5swn06-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-5swn06"] {     display: flex;     flex-direction: var(--5swn06-direction, column);     flex-wrap: nowrap;     justify-content: var(--5swn06-justify-content);     align-items: var(--5swn06-align-items);     gap: var(--5swn06-gap, var(--5swn06-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(--5swn06-padding-right, 0px) - var(--5swn06-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-5swn06"] {                            gap: var(--5swn06-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--5swn06-padding-right-tablet, 0px) - var(--5swn06-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-5swn06"] {                            gap: var(--5swn06-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--5swn06-padding-right-mobile, 0px) - var(--5swn06-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-uhwzpd"] { padding-top: var(--uhwzpd-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--uhwzpd-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--uhwzpd-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--uhwzpd-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--uhwzpd-padding-top-tablet, var(--uhwzpd-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--uhwzpd-padding-right-tablet, var(--uhwzpd-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--uhwzpd-padding-bottom-tablet, var(--uhwzpd-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--uhwzpd-padding-left-tablet, var(--uhwzpd-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--uhwzpd-padding-top-mobile, var(--uhwzpd-padding-top-tablet, var(--uhwzpd-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--uhwzpd-padding-right-mobile, var(--uhwzpd-padding-right-tablet, var(--uhwzpd-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--uhwzpd-padding-bottom-mobile, var(--uhwzpd-padding-bottom-tablet, var(--uhwzpd-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--uhwzpd-padding-left-mobile, var(--uhwzpd-padding-left-tablet, var(--uhwzpd-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--uhwzpd-position, relative); top: var(--uhwzpd-top, auto); right: var(--uhwzpd-right, auto); bottom: var(--uhwzpd-bottom, auto); left: var(--uhwzpd-left, auto); transform: var(--uhwzpd-transform, none); z-index: var(--uhwzpd-z-index, 10); aspect-ratio: var(--uhwzpd-background-imageRatio, auto); background: var(--uhwzpd-background-color,transparent); border-style: var(--uhwzpd-borderStyle,solid); border-color: var(--uhwzpd-borderColor,#000000); border-width: var(--uhwzpd-borderWidth-tl,0px) var(--uhwzpd-borderWidth-tr,0px) var(--uhwzpd-borderWidth-br,0px) var(--uhwzpd-borderWidth-bl,0px); border-radius: var(--uhwzpd-borderRadius-tl,0px) var(--uhwzpd-borderRadius-tr,0px) var(--uhwzpd-borderRadius-br,0px) var(--uhwzpd-borderRadius-bl,0px); box-shadow: var(--uhwzpd-shadowHorizontal, 0px) var(--uhwzpd-shadowVertical, 0px) var(--uhwzpd-shadowBlur, 0px) 1px color-mix( in srgb, var(--uhwzpd-shadowColor, #000000) var(--uhwzpd-shadowTransparent, 0%), transparent ); max-width: var(--uhwzpd-max-width, 100%); width: 100%; height: if(style(--uhwzpd-position: absolute): var(--uhwzpd-height,100%); else: unset ); backdrop-filter:blur(var(--uhwzpd-background-blur, none)) saturate(var(--uhwzpd-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--uhwzpd-position-tablet, var(--uhwzpd-position, relative)); top: var(--uhwzpd-top-tablet, var(--uhwzpd-top, auto)); right: var(--uhwzpd-right-tablet, var(--uhwzpd-right, auto)); bottom: var(--uhwzpd-bottom-tablet, var(--uhwzpd-bottom, auto)); left: var(--uhwzpd-left-tablet, var(--uhwzpd-left, auto)); transform: var(--uhwzpd-transform-tablet, var(--uhwzpd-transform, none)); z-index: var(--uhwzpd-z-index-tablet, var(--uhwzpd-z-index, 10)); aspect-ratio: var(--uhwzpd-background-imageRatio-tablet, var(--uhwzpd-background-imageRatio, auto)); border-width: var(--uhwzpd-borderWidth-tl-tablet, var(--uhwzpd-borderWidth-tl,0px)) var(--uhwzpd-borderWidth-tr-tablet,var(--uhwzpd-borderWidth-tr,0px)) var(--uhwzpd-borderWidth-br-tablet,var(--uhwzpd-borderWidth-br,0px)) var(--uhwzpd-borderWidth-bl-tablet,var(--uhwzpd-borderWidth-bl,0px)); border-radius: var(--uhwzpd-borderRadius-tl-tablet,var(--uhwzpd-borderRadius-tl,0px)) var(--uhwzpd-borderRadius-tr-tablet,var(--uhwzpd-borderRadius-tr,0px)) var(--uhwzpd-borderRadius-br-tablet,var(--uhwzpd-borderRadius-br,0px)) var(--uhwzpd-borderRadius-bl-tablet,var(--uhwzpd-borderRadius-bl,0px)); max-width: var(--uhwzpd-max-width-tablet, var(--uhwzpd-max-width, 100%)); height: if(style(--uhwzpd-position-tablet: absolute): var(--uhwzpd-height-tablet,var(--uhwzpd-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--uhwzpd-position-mobile, var(--uhwzpd-position-tablet, var(--uhwzpd-position, relative))); top: var(--uhwzpd-top-mobile, var(--uhwzpd-top-tablet, var(--uhwzpd-top, auto))); right: var(--uhwzpd-right-mobile, var(--uhwzpd-right-tablet, var(--uhwzpd-right, auto))); bottom: var(--uhwzpd-bottom-mobile, var(--uhwzpd-bottom-tablet, var(--uhwzpd-bottom, auto))); left: var(--uhwzpd-left-mobile, var(--uhwzpd-left-tablet, var(--uhwzpd-left, auto))); transform: var(--uhwzpd-transform-mobile, var(--uhwzpd-transform-tablet, var(--uhwzpd-transform, none))); z-index: var(--uhwzpd-z-index-mobile, var(--uhwzpd-z-index-tablet, var(--uhwzpd-z-index, 10))); aspect-ratio: var(--uhwzpd-background-imageRatio-mobile, var(--uhwzpd-background-imageRatio, auto)); border-width: var(--uhwzpd-borderWidth-tl-mobile, var(--uhwzpd-borderWidth-tl,0px)) var(--uhwzpd-borderWidth-tr-mobile,var(--uhwzpd-borderWidth-tr,0px)) var(--uhwzpd-borderWidth-br-mobile,var(--uhwzpd-borderWidth-br,0px)) var(--uhwzpd-borderWidth-bl-mobile,var(--uhwzpd-borderWidth-bl,0px)); border-radius: var(--uhwzpd-borderRadius-tl-mobile,var(--uhwzpd-borderRadius-tl,0px)) var(--uhwzpd-borderRadius-tr-mobile,var(--uhwzpd-borderRadius-tr,0px)) var(--uhwzpd-borderRadius-br-mobile,var(--uhwzpd-borderRadius-br,0px)) var(--uhwzpd-borderRadius-bl-mobile,var(--uhwzpd-borderRadius-bl,0px)); max-width: var(--uhwzpd-max-width-mobile, var(--uhwzpd-max-width, 100%)); height: if(style(--uhwzpd-position-mobile: absolute): var(--uhwzpd-height-mobile,var(--uhwzpd-height-tablet,,var(--uhwzpd-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--uhwzpd-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--uhwzpd-gap,var(--beae-card-gap)); padding-top: var(--uhwzpd-padding-top,var(--beae-card-padding)); padding-right: var(--uhwzpd-padding-right,var(--beae-card-padding)); padding-bottom: var(--uhwzpd-padding-bottom,var(--beae-card-padding)); padding-left: var(--uhwzpd-padding-left,var(--beae-card-padding)); border-width: var(--uhwzpd-borderWidth-tl,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-tr,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-br,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--uhwzpd-borderRadius-tl,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-tr,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-br,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--uhwzpd-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--uhwzpd-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--uhwzpd-gap-tablet,var(--beae-card-gap)); padding-top: var(--uhwzpd-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--uhwzpd-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--uhwzpd-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--uhwzpd-padding-left-tablet,var(--beae-card-padding)); border-width: var(--uhwzpd-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-br-desktop,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--uhwzpd-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--uhwzpd-gap-mobile,var(--beae-card-gap)); padding-top: var(--uhwzpd-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--uhwzpd-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--uhwzpd-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--uhwzpd-padding-left-mobile,var(--beae-card-padding)); border-width: var(--uhwzpd-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-br-mobile,var(--beae-card-border-width)) var(--uhwzpd-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--uhwzpd-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--uhwzpd-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--uhwzpd-background-color,var(--beae-card-featured-background)); border-color: var(--uhwzpd-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--uhwzpd-shadowHorizontal, var(--beae-card-shadow-x)) var(--uhwzpd-shadowVertical, var(--beae-card-shadow-y)) var(--uhwzpd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uhwzpd-shadowColor, var(--beae-card-featured-shadow-color)) var(--uhwzpd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--uhwzpd-background-color,var(--beae-card-prod-background)); border-color: var(--uhwzpd-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--uhwzpd-shadowHorizontal, var(--beae-card-shadow-x)) var(--uhwzpd-shadowVertical, var(--beae-card-shadow-y)) var(--uhwzpd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uhwzpd-shadowColor, var(--beae-card-prod-shadow-color)) var(--uhwzpd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--uhwzpd-background-color,var(--beae-card-pricing-background)); border-color: var(--uhwzpd-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--uhwzpd-shadowHorizontal, var(--beae-card-shadow-x)) var(--uhwzpd-shadowVertical, var(--beae-card-shadow-y)) var(--uhwzpd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uhwzpd-shadowColor, var(--beae-card-pricing-shadow-color)) var(--uhwzpd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--uhwzpd-background-color,var(--beae-card-cta-background)); border-color: var(--uhwzpd-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--uhwzpd-shadowHorizontal, var(--beae-card-shadow-x)) var(--uhwzpd-shadowVertical, var(--beae-card-shadow-y)) var(--uhwzpd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--uhwzpd-shadowColor, var(--beae-card-cta-shadow-color)) var(--uhwzpd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-uhwzpd"] {     display: flex;     flex-direction: var(--uhwzpd-direction, column);     flex-wrap: nowrap;     justify-content: var(--uhwzpd-justify-content);     align-items: var(--uhwzpd-align-items);     gap: var(--uhwzpd-gap, var(--uhwzpd-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-uhwzpd"] {                            gap: var(--uhwzpd-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--uhwzpd-padding-right-tablet, 0px) - var(--uhwzpd-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-uhwzpd"] {                            gap: var(--uhwzpd-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--uhwzpd-padding-right-mobile, 0px) - var(--uhwzpd-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-y60giq"] { --y60giq-typography: h4; --y60giq-typography-tablet: h4; --y60giq-typography-mobile: h4; --beae-h4-text-align: start; --beae-h4-font-weight: 700; --beae-h4-font-size: 31px; --beae-h4-font-size-mobile: 16px; --beae-h4-text-transform: none; --beae-h4-color: #053d2a; }[data-bnode="beae-y60giq"] { margin-top: var(--y60giq-margin-top, 0px); margin-right: var(--y60giq-margin-right, 0px); margin-bottom: var(--y60giq-margin-bottom, 0px); margin-left: var(--y60giq-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--y60giq-margin-top-tablet, 0px); margin-right: var(--y60giq-margin-right-tablet, 0px); margin-bottom: var(--y60giq-margin-bottom-tablet, 0px); margin-left: var(--y60giq-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--y60giq-margin-top-mobile, 0px); margin-right: var(--y60giq-margin-right-mobile, 0px); margin-bottom: var(--y60giq-margin-bottom-mobile, 0px); margin-left: var(--y60giq-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--y60giq-highlightColor,var(--beae-p-color)); top: var(--y60giq-highlightTop, 100%); } }[data-bnode="beae-9ma2x6"] { --9ma2x6-typography: p; --9ma2x6-typography-tablet: p; --9ma2x6-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 600; --beae-p-color: #4a4a4a; --beae-p-font-size: 20px; --9ma2x6-margin-top: 20px; --9ma2x6-margin-top-tablet: 20px; --9ma2x6-margin-top-mobile: 20px; --9ma2x6-margin-right: 0px; --9ma2x6-margin-right-tablet: 0px; --9ma2x6-margin-right-mobile: 0px; --9ma2x6-margin-bottom: 12px; --9ma2x6-margin-bottom-tablet: 12px; --9ma2x6-margin-bottom-mobile: 12px; --9ma2x6-margin-left: 0px; --9ma2x6-margin-left-tablet: 0px; --9ma2x6-margin-left-mobile: 0px; --beae-p-font-size-mobile: 14px; }[data-bnode="beae-9ma2x6"] { margin-top: var(--9ma2x6-margin-top, 0px); margin-right: var(--9ma2x6-margin-right, 0px); margin-bottom: var(--9ma2x6-margin-bottom, 0px); margin-left: var(--9ma2x6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9ma2x6-margin-top-tablet, 0px); margin-right: var(--9ma2x6-margin-right-tablet, 0px); margin-bottom: var(--9ma2x6-margin-bottom-tablet, 0px); margin-left: var(--9ma2x6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9ma2x6-margin-top-mobile, 0px); margin-right: var(--9ma2x6-margin-right-mobile, 0px); margin-bottom: var(--9ma2x6-margin-bottom-mobile, 0px); margin-left: var(--9ma2x6-margin-left-mobile, 0px); } }[data-bnode="beae-jj73q5"] { --jj73q5-typography: p; --jj73q5-typography-tablet: p; --jj73q5-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-size-mobile: 14px; --beae-p-font-size: 20px; --jj73q5-margin-top: 0px; --jj73q5-margin-top-tablet: 0px; --jj73q5-margin-top-mobile: 0px; --jj73q5-margin-right: 0px; --jj73q5-margin-right-tablet: 0px; --jj73q5-margin-right-mobile: 0px; --jj73q5-margin-bottom: 12px; --jj73q5-margin-bottom-tablet: 12px; --jj73q5-margin-bottom-mobile: 12px; --jj73q5-margin-left: 0px; --jj73q5-margin-left-tablet: 0px; --jj73q5-margin-left-mobile: 0px; }[data-bnode="beae-jj73q5"] { margin-top: var(--jj73q5-margin-top, 0px); margin-right: var(--jj73q5-margin-right, 0px); margin-bottom: var(--jj73q5-margin-bottom, 0px); margin-left: var(--jj73q5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jj73q5-margin-top-tablet, 0px); margin-right: var(--jj73q5-margin-right-tablet, 0px); margin-bottom: var(--jj73q5-margin-bottom-tablet, 0px); margin-left: var(--jj73q5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jj73q5-margin-top-mobile, 0px); margin-right: var(--jj73q5-margin-right-mobile, 0px); margin-bottom: var(--jj73q5-margin-bottom-mobile, 0px); margin-left: var(--jj73q5-margin-left-mobile, 0px); } }[data-bnode="beae-hz3s8t"] { --hz3s8t-typography: p; --hz3s8t-typography-tablet: p; --hz3s8t-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-size-mobile: 14px; --beae-p-font-size: 20px; }[data-bnode="beae-hz3s8t"] { margin-top: var(--hz3s8t-margin-top, 0px); margin-right: var(--hz3s8t-margin-right, 0px); margin-bottom: var(--hz3s8t-margin-bottom, 0px); margin-left: var(--hz3s8t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hz3s8t-margin-top-tablet, 0px); margin-right: var(--hz3s8t-margin-right-tablet, 0px); margin-bottom: var(--hz3s8t-margin-bottom-tablet, 0px); margin-left: var(--hz3s8t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hz3s8t-margin-top-mobile, 0px); margin-right: var(--hz3s8t-margin-right-mobile, 0px); margin-bottom: var(--hz3s8t-margin-bottom-mobile, 0px); margin-left: var(--hz3s8t-margin-left-mobile, 0px); } }[data-bnode="beae-nvtnhl"] { --nvtnhl-typography: p; --nvtnhl-typography-tablet: p; --nvtnhl-typography-mobile: p; --beae-p-text-align: start; --beae-p-font-weight: 600; --beae-p-color: #4a4a4a; --beae-p-font-size: 20px; --nvtnhl-margin-top: 20px; --nvtnhl-margin-top-tablet: 20px; --nvtnhl-margin-top-mobile: 20px; --nvtnhl-margin-right: 0px; --nvtnhl-margin-right-tablet: 0px; --nvtnhl-margin-right-mobile: 0px; --nvtnhl-margin-bottom: 12px; --nvtnhl-margin-bottom-tablet: 12px; --nvtnhl-margin-bottom-mobile: 12px; --nvtnhl-margin-left: 0px; --nvtnhl-margin-left-tablet: 0px; --nvtnhl-margin-left-mobile: 0px; --beae-p-font-size-mobile: 14px; }[data-bnode="beae-nvtnhl"] { margin-top: var(--nvtnhl-margin-top, 0px); margin-right: var(--nvtnhl-margin-right, 0px); margin-bottom: var(--nvtnhl-margin-bottom, 0px); margin-left: var(--nvtnhl-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--nvtnhl-margin-top-tablet, 0px); margin-right: var(--nvtnhl-margin-right-tablet, 0px); margin-bottom: var(--nvtnhl-margin-bottom-tablet, 0px); margin-left: var(--nvtnhl-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--nvtnhl-margin-top-mobile, 0px); margin-right: var(--nvtnhl-margin-right-mobile, 0px); margin-bottom: var(--nvtnhl-margin-bottom-mobile, 0px); margin-left: var(--nvtnhl-margin-left-mobile, 0px); } }[data-bnode="beae-l7p8k7"] { --l7p8k7-width: 70%; --l7p8k7-width-tablet: 70%; --l7p8k7-width-mobile: 70%; --l7p8k7-height: fit-content; --l7p8k7-height-tablet: fit-content; --l7p8k7-height-mobile: fit-content; --l7p8k7-padding-top: 64px; --l7p8k7-padding-top-tablet: 64px; --l7p8k7-padding-top-mobile: 36px; --l7p8k7-padding-bottom: 64px; --l7p8k7-padding-bottom-tablet: 64px; --l7p8k7-padding-bottom-mobile: 36px; --l7p8k7-padding-right: 0px; --l7p8k7-padding-right-tablet: 0px; --l7p8k7-padding-right-mobile: 0px; --l7p8k7-padding-left: 0px; --l7p8k7-padding-left-tablet: 0px; --l7p8k7-padding-left-mobile: 0px; --l7p8k7-background-type: color; --l7p8k7-background-type-tablet: color; --l7p8k7-background-type-mobile: color; --l7p8k7-background-image: [object Object]; --l7p8k7-background-image-tablet: [object Object]; --l7p8k7-background-image-mobile: [object Object]; --l7p8k7-background-color: #053D2A; --l7p8k7-background-color-tablet: #053D2A; --l7p8k7-background-color-mobile: #053D2A; --l7p8k7-gap: 6px; --l7p8k7-gap-tablet: 6px; --l7p8k7-gap-mobile: 10px; }[data-bnode="beae-l7p8k7"] { padding-top: var(--l7p8k7-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--l7p8k7-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--l7p8k7-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--l7p8k7-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--l7p8k7-padding-top-tablet, var(--l7p8k7-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--l7p8k7-padding-right-tablet, var(--l7p8k7-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--l7p8k7-padding-bottom-tablet, var(--l7p8k7-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--l7p8k7-padding-left-tablet, var(--l7p8k7-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--l7p8k7-padding-top-mobile, var(--l7p8k7-padding-top-tablet, var(--l7p8k7-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--l7p8k7-padding-right-mobile, var(--l7p8k7-padding-right-tablet, var(--l7p8k7-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--l7p8k7-padding-bottom-mobile, var(--l7p8k7-padding-bottom-tablet, var(--l7p8k7-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--l7p8k7-padding-left-mobile, var(--l7p8k7-padding-left-tablet, var(--l7p8k7-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--l7p8k7-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--l7p8k7-height); width: 100%; max-width: var(--l7p8k7-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--l7p8k7-height-tablet, auto); width: 100%; max-width: var(--l7p8k7-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--l7p8k7-height-mobile, auto); width: 100%; max-width: var(--l7p8k7-width-mobile, 100%); } } } }[data-bnode="beae-l7p8k7"] > .beae-section-container{     display: flex;     flex-direction: var(--l7p8k7-direction, column);     flex-wrap: nowrap;     justify-content: var(--l7p8k7-justify-content);     align-items: var(--l7p8k7-align-items);     gap: var(--l7p8k7-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-l7p8k7"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(12.50% - var(--l7p8k7-padding-right-tablet, 0px) - var(--l7p8k7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-l7p8k7"] > .beae-section-container{                            gap: var(--l7p8k7-gap-mobile, var(--beae-grid-gap-mobile, 4px));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(12.50% - var(--l7p8k7-padding-right-mobile, 0px) - var(--l7p8k7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-dv9t58"] { --dv9t58-direction: column; --dv9t58-direction-tablet: column; --dv9t58-direction-mobile: column; --dv9t58-structure: auto; --dv9t58-structure-tablet: auto; --dv9t58-structure-mobile: auto; --dv9t58-align-items: center; --dv9t58-align-items-tablet: center; --dv9t58-align-items-mobile: center; --dv9t58-padding-top-mobile: 0px; --dv9t58-padding-right-mobile: 0px; --dv9t58-padding-bottom-mobile: 0px; --dv9t58-padding-left-mobile: 0px; }[data-bnode="beae-dv9t58"] { padding-top: var(--dv9t58-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--dv9t58-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--dv9t58-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--dv9t58-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--dv9t58-padding-top-tablet, var(--dv9t58-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--dv9t58-padding-right-tablet, var(--dv9t58-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--dv9t58-padding-bottom-tablet, var(--dv9t58-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--dv9t58-padding-left-tablet, var(--dv9t58-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--dv9t58-padding-top-mobile, var(--dv9t58-padding-top-tablet, var(--dv9t58-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--dv9t58-padding-right-mobile, var(--dv9t58-padding-right-tablet, var(--dv9t58-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--dv9t58-padding-bottom-mobile, var(--dv9t58-padding-bottom-tablet, var(--dv9t58-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--dv9t58-padding-left-mobile, var(--dv9t58-padding-left-tablet, var(--dv9t58-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--dv9t58-position, relative); top: var(--dv9t58-top, auto); right: var(--dv9t58-right, auto); bottom: var(--dv9t58-bottom, auto); left: var(--dv9t58-left, auto); transform: var(--dv9t58-transform, none); z-index: var(--dv9t58-z-index, 10); aspect-ratio: var(--dv9t58-background-imageRatio, auto); background: var(--dv9t58-background-color,transparent); border-style: var(--dv9t58-borderStyle,solid); border-color: var(--dv9t58-borderColor,#000000); border-width: var(--dv9t58-borderWidth-tl,0px) var(--dv9t58-borderWidth-tr,0px) var(--dv9t58-borderWidth-br,0px) var(--dv9t58-borderWidth-bl,0px); border-radius: var(--dv9t58-borderRadius-tl,0px) var(--dv9t58-borderRadius-tr,0px) var(--dv9t58-borderRadius-br,0px) var(--dv9t58-borderRadius-bl,0px); box-shadow: var(--dv9t58-shadowHorizontal, 0px) var(--dv9t58-shadowVertical, 0px) var(--dv9t58-shadowBlur, 0px) 1px color-mix( in srgb, var(--dv9t58-shadowColor, #000000) var(--dv9t58-shadowTransparent, 0%), transparent ); max-width: var(--dv9t58-max-width, 100%); width: 100%; height: if(style(--dv9t58-position: absolute): var(--dv9t58-height,100%); else: unset ); backdrop-filter:blur(var(--dv9t58-background-blur, none)) saturate(var(--dv9t58-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--dv9t58-position-tablet, var(--dv9t58-position, relative)); top: var(--dv9t58-top-tablet, var(--dv9t58-top, auto)); right: var(--dv9t58-right-tablet, var(--dv9t58-right, auto)); bottom: var(--dv9t58-bottom-tablet, var(--dv9t58-bottom, auto)); left: var(--dv9t58-left-tablet, var(--dv9t58-left, auto)); transform: var(--dv9t58-transform-tablet, var(--dv9t58-transform, none)); z-index: var(--dv9t58-z-index-tablet, var(--dv9t58-z-index, 10)); aspect-ratio: var(--dv9t58-background-imageRatio-tablet, var(--dv9t58-background-imageRatio, auto)); border-width: var(--dv9t58-borderWidth-tl-tablet, var(--dv9t58-borderWidth-tl,0px)) var(--dv9t58-borderWidth-tr-tablet,var(--dv9t58-borderWidth-tr,0px)) var(--dv9t58-borderWidth-br-tablet,var(--dv9t58-borderWidth-br,0px)) var(--dv9t58-borderWidth-bl-tablet,var(--dv9t58-borderWidth-bl,0px)); border-radius: var(--dv9t58-borderRadius-tl-tablet,var(--dv9t58-borderRadius-tl,0px)) var(--dv9t58-borderRadius-tr-tablet,var(--dv9t58-borderRadius-tr,0px)) var(--dv9t58-borderRadius-br-tablet,var(--dv9t58-borderRadius-br,0px)) var(--dv9t58-borderRadius-bl-tablet,var(--dv9t58-borderRadius-bl,0px)); max-width: var(--dv9t58-max-width-tablet, var(--dv9t58-max-width, 100%)); height: if(style(--dv9t58-position-tablet: absolute): var(--dv9t58-height-tablet,var(--dv9t58-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--dv9t58-position-mobile, var(--dv9t58-position-tablet, var(--dv9t58-position, relative))); top: var(--dv9t58-top-mobile, var(--dv9t58-top-tablet, var(--dv9t58-top, auto))); right: var(--dv9t58-right-mobile, var(--dv9t58-right-tablet, var(--dv9t58-right, auto))); bottom: var(--dv9t58-bottom-mobile, var(--dv9t58-bottom-tablet, var(--dv9t58-bottom, auto))); left: var(--dv9t58-left-mobile, var(--dv9t58-left-tablet, var(--dv9t58-left, auto))); transform: var(--dv9t58-transform-mobile, var(--dv9t58-transform-tablet, var(--dv9t58-transform, none))); z-index: var(--dv9t58-z-index-mobile, var(--dv9t58-z-index-tablet, var(--dv9t58-z-index, 10))); aspect-ratio: var(--dv9t58-background-imageRatio-mobile, var(--dv9t58-background-imageRatio, auto)); border-width: var(--dv9t58-borderWidth-tl-mobile, var(--dv9t58-borderWidth-tl,0px)) var(--dv9t58-borderWidth-tr-mobile,var(--dv9t58-borderWidth-tr,0px)) var(--dv9t58-borderWidth-br-mobile,var(--dv9t58-borderWidth-br,0px)) var(--dv9t58-borderWidth-bl-mobile,var(--dv9t58-borderWidth-bl,0px)); border-radius: var(--dv9t58-borderRadius-tl-mobile,var(--dv9t58-borderRadius-tl,0px)) var(--dv9t58-borderRadius-tr-mobile,var(--dv9t58-borderRadius-tr,0px)) var(--dv9t58-borderRadius-br-mobile,var(--dv9t58-borderRadius-br,0px)) var(--dv9t58-borderRadius-bl-mobile,var(--dv9t58-borderRadius-bl,0px)); max-width: var(--dv9t58-max-width-mobile, var(--dv9t58-max-width, 100%)); height: if(style(--dv9t58-position-mobile: absolute): var(--dv9t58-height-mobile,var(--dv9t58-height-tablet,,var(--dv9t58-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--dv9t58-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--dv9t58-gap,var(--beae-card-gap)); padding-top: var(--dv9t58-padding-top,var(--beae-card-padding)); padding-right: var(--dv9t58-padding-right,var(--beae-card-padding)); padding-bottom: var(--dv9t58-padding-bottom,var(--beae-card-padding)); padding-left: var(--dv9t58-padding-left,var(--beae-card-padding)); border-width: var(--dv9t58-borderWidth-tl,var(--beae-card-border-width)) var(--dv9t58-borderWidth-tr,var(--beae-card-border-width)) var(--dv9t58-borderWidth-br,var(--beae-card-border-width)) var(--dv9t58-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--dv9t58-borderRadius-tl,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-tr,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-br,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--dv9t58-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--dv9t58-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--dv9t58-gap-tablet,var(--beae-card-gap)); padding-top: var(--dv9t58-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--dv9t58-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--dv9t58-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--dv9t58-padding-left-tablet,var(--beae-card-padding)); border-width: var(--dv9t58-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--dv9t58-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--dv9t58-borderWidth-br-desktop,var(--beae-card-border-width)) var(--dv9t58-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--dv9t58-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--dv9t58-gap-mobile,var(--beae-card-gap)); padding-top: var(--dv9t58-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--dv9t58-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--dv9t58-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--dv9t58-padding-left-mobile,var(--beae-card-padding)); border-width: var(--dv9t58-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--dv9t58-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--dv9t58-borderWidth-br-mobile,var(--beae-card-border-width)) var(--dv9t58-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--dv9t58-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--dv9t58-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--dv9t58-background-color,var(--beae-card-featured-background)); border-color: var(--dv9t58-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--dv9t58-shadowHorizontal, var(--beae-card-shadow-x)) var(--dv9t58-shadowVertical, var(--beae-card-shadow-y)) var(--dv9t58-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dv9t58-shadowColor, var(--beae-card-featured-shadow-color)) var(--dv9t58-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--dv9t58-background-color,var(--beae-card-prod-background)); border-color: var(--dv9t58-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--dv9t58-shadowHorizontal, var(--beae-card-shadow-x)) var(--dv9t58-shadowVertical, var(--beae-card-shadow-y)) var(--dv9t58-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dv9t58-shadowColor, var(--beae-card-prod-shadow-color)) var(--dv9t58-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--dv9t58-background-color,var(--beae-card-pricing-background)); border-color: var(--dv9t58-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--dv9t58-shadowHorizontal, var(--beae-card-shadow-x)) var(--dv9t58-shadowVertical, var(--beae-card-shadow-y)) var(--dv9t58-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dv9t58-shadowColor, var(--beae-card-pricing-shadow-color)) var(--dv9t58-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--dv9t58-background-color,var(--beae-card-cta-background)); border-color: var(--dv9t58-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--dv9t58-shadowHorizontal, var(--beae-card-shadow-x)) var(--dv9t58-shadowVertical, var(--beae-card-shadow-y)) var(--dv9t58-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dv9t58-shadowColor, var(--beae-card-cta-shadow-color)) var(--dv9t58-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-dv9t58"] {     display: flex;     flex-direction: var(--dv9t58-direction, column);     flex-wrap: nowrap;     justify-content: var(--dv9t58-justify-content);     align-items: var(--dv9t58-align-items);     gap: var(--dv9t58-gap, var(--dv9t58-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-dv9t58"] {                            gap: var(--dv9t58-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--dv9t58-padding-right-tablet, 0px) - var(--dv9t58-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-dv9t58"] {                            gap: var(--dv9t58-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--dv9t58-padding-right-mobile, 0px) - var(--dv9t58-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-f0wagv"] { --f0wagv-direction: column; --f0wagv-direction-tablet: column; --f0wagv-direction-mobile: column; --f0wagv-structure: auto; --f0wagv-structure-tablet: auto; --f0wagv-structure-mobile: auto; --f0wagv-background-type: color; --f0wagv-background-type-tablet: color; --f0wagv-background-type-mobile: color; --f0wagv-max-width: 70%; --f0wagv-max-width-tablet: 70%; --f0wagv-max-width-mobile: 100%; --f0wagv-align-items: center; --f0wagv-align-items-tablet: center; --f0wagv-align-items-mobile: center; --f0wagv-justify-content: center; --f0wagv-justify-content-tablet: center; --f0wagv-justify-content-mobile: center; --f0wagv-borderStyle: solid; --f0wagv-borderStyle-tablet: solid; --f0wagv-borderStyle-mobile: solid; --f0wagv-borderColor: #F16028; --f0wagv-borderColor-tablet: #F16028; --f0wagv-borderColor-mobile: #F16028; --f0wagv-borderWidth-tl: 3px; --f0wagv-borderWidth-tl-tablet: 3px; --f0wagv-borderWidth-tl-mobile: 3px; --f0wagv-borderWidth-tr: 3px; --f0wagv-borderWidth-tr-tablet: 3px; --f0wagv-borderWidth-tr-mobile: 3px; --f0wagv-borderWidth-bl: 3px; --f0wagv-borderWidth-bl-tablet: 3px; --f0wagv-borderWidth-bl-mobile: 3px; --f0wagv-borderWidth-br: 3px; --f0wagv-borderWidth-br-tablet: 3px; --f0wagv-borderWidth-br-mobile: 3px; --f0wagv-borderRadius-tl: 5px; --f0wagv-borderRadius-tl-tablet: 5px; --f0wagv-borderRadius-tl-mobile: 5px; --f0wagv-borderRadius-tr: 5px; --f0wagv-borderRadius-tr-tablet: 5px; --f0wagv-borderRadius-tr-mobile: 5px; --f0wagv-borderRadius-bl: 5px; --f0wagv-borderRadius-bl-tablet: 5px; --f0wagv-borderRadius-bl-mobile: 5px; --f0wagv-borderRadius-br: 5px; --f0wagv-borderRadius-br-tablet: 5px; --f0wagv-borderRadius-br-mobile: 5px; --f0wagv-padding-top: 0px; --f0wagv-padding-top-tablet: 0px; --f0wagv-padding-top-mobile: 0px; --f0wagv-padding-right: 0px; --f0wagv-padding-right-tablet: 0px; --f0wagv-padding-right-mobile: 0px; --f0wagv-padding-bottom: 0px; --f0wagv-padding-bottom-tablet: 0px; --f0wagv-padding-bottom-mobile: 0px; --f0wagv-padding-left: 0px; --f0wagv-padding-left-tablet: 0px; --f0wagv-padding-left-mobile: 0px; }[data-bnode="beae-f0wagv"] { padding-top: var(--f0wagv-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--f0wagv-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--f0wagv-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--f0wagv-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--f0wagv-padding-top-tablet, var(--f0wagv-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--f0wagv-padding-right-tablet, var(--f0wagv-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--f0wagv-padding-bottom-tablet, var(--f0wagv-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--f0wagv-padding-left-tablet, var(--f0wagv-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--f0wagv-padding-top-mobile, var(--f0wagv-padding-top-tablet, var(--f0wagv-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--f0wagv-padding-right-mobile, var(--f0wagv-padding-right-tablet, var(--f0wagv-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--f0wagv-padding-bottom-mobile, var(--f0wagv-padding-bottom-tablet, var(--f0wagv-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--f0wagv-padding-left-mobile, var(--f0wagv-padding-left-tablet, var(--f0wagv-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--f0wagv-position, relative); top: var(--f0wagv-top, auto); right: var(--f0wagv-right, auto); bottom: var(--f0wagv-bottom, auto); left: var(--f0wagv-left, auto); transform: var(--f0wagv-transform, none); z-index: var(--f0wagv-z-index, 10); aspect-ratio: var(--f0wagv-background-imageRatio, auto); background: var(--f0wagv-background-color,transparent); border-style: var(--f0wagv-borderStyle,solid); border-color: var(--f0wagv-borderColor,#000000); border-width: var(--f0wagv-borderWidth-tl,0px) var(--f0wagv-borderWidth-tr,0px) var(--f0wagv-borderWidth-br,0px) var(--f0wagv-borderWidth-bl,0px); border-radius: var(--f0wagv-borderRadius-tl,0px) var(--f0wagv-borderRadius-tr,0px) var(--f0wagv-borderRadius-br,0px) var(--f0wagv-borderRadius-bl,0px); box-shadow: var(--f0wagv-shadowHorizontal, 0px) var(--f0wagv-shadowVertical, 0px) var(--f0wagv-shadowBlur, 0px) 1px color-mix( in srgb, var(--f0wagv-shadowColor, #000000) var(--f0wagv-shadowTransparent, 0%), transparent ); max-width: var(--f0wagv-max-width, 100%); width: 100%; height: if(style(--f0wagv-position: absolute): var(--f0wagv-height,100%); else: unset ); backdrop-filter:blur(var(--f0wagv-background-blur, none)) saturate(var(--f0wagv-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--f0wagv-position-tablet, var(--f0wagv-position, relative)); top: var(--f0wagv-top-tablet, var(--f0wagv-top, auto)); right: var(--f0wagv-right-tablet, var(--f0wagv-right, auto)); bottom: var(--f0wagv-bottom-tablet, var(--f0wagv-bottom, auto)); left: var(--f0wagv-left-tablet, var(--f0wagv-left, auto)); transform: var(--f0wagv-transform-tablet, var(--f0wagv-transform, none)); z-index: var(--f0wagv-z-index-tablet, var(--f0wagv-z-index, 10)); aspect-ratio: var(--f0wagv-background-imageRatio-tablet, var(--f0wagv-background-imageRatio, auto)); border-width: var(--f0wagv-borderWidth-tl-tablet, var(--f0wagv-borderWidth-tl,0px)) var(--f0wagv-borderWidth-tr-tablet,var(--f0wagv-borderWidth-tr,0px)) var(--f0wagv-borderWidth-br-tablet,var(--f0wagv-borderWidth-br,0px)) var(--f0wagv-borderWidth-bl-tablet,var(--f0wagv-borderWidth-bl,0px)); border-radius: var(--f0wagv-borderRadius-tl-tablet,var(--f0wagv-borderRadius-tl,0px)) var(--f0wagv-borderRadius-tr-tablet,var(--f0wagv-borderRadius-tr,0px)) var(--f0wagv-borderRadius-br-tablet,var(--f0wagv-borderRadius-br,0px)) var(--f0wagv-borderRadius-bl-tablet,var(--f0wagv-borderRadius-bl,0px)); max-width: var(--f0wagv-max-width-tablet, var(--f0wagv-max-width, 100%)); height: if(style(--f0wagv-position-tablet: absolute): var(--f0wagv-height-tablet,var(--f0wagv-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--f0wagv-position-mobile, var(--f0wagv-position-tablet, var(--f0wagv-position, relative))); top: var(--f0wagv-top-mobile, var(--f0wagv-top-tablet, var(--f0wagv-top, auto))); right: var(--f0wagv-right-mobile, var(--f0wagv-right-tablet, var(--f0wagv-right, auto))); bottom: var(--f0wagv-bottom-mobile, var(--f0wagv-bottom-tablet, var(--f0wagv-bottom, auto))); left: var(--f0wagv-left-mobile, var(--f0wagv-left-tablet, var(--f0wagv-left, auto))); transform: var(--f0wagv-transform-mobile, var(--f0wagv-transform-tablet, var(--f0wagv-transform, none))); z-index: var(--f0wagv-z-index-mobile, var(--f0wagv-z-index-tablet, var(--f0wagv-z-index, 10))); aspect-ratio: var(--f0wagv-background-imageRatio-mobile, var(--f0wagv-background-imageRatio, auto)); border-width: var(--f0wagv-borderWidth-tl-mobile, var(--f0wagv-borderWidth-tl,0px)) var(--f0wagv-borderWidth-tr-mobile,var(--f0wagv-borderWidth-tr,0px)) var(--f0wagv-borderWidth-br-mobile,var(--f0wagv-borderWidth-br,0px)) var(--f0wagv-borderWidth-bl-mobile,var(--f0wagv-borderWidth-bl,0px)); border-radius: var(--f0wagv-borderRadius-tl-mobile,var(--f0wagv-borderRadius-tl,0px)) var(--f0wagv-borderRadius-tr-mobile,var(--f0wagv-borderRadius-tr,0px)) var(--f0wagv-borderRadius-br-mobile,var(--f0wagv-borderRadius-br,0px)) var(--f0wagv-borderRadius-bl-mobile,var(--f0wagv-borderRadius-bl,0px)); max-width: var(--f0wagv-max-width-mobile, var(--f0wagv-max-width, 100%)); height: if(style(--f0wagv-position-mobile: absolute): var(--f0wagv-height-mobile,var(--f0wagv-height-tablet,,var(--f0wagv-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--f0wagv-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--f0wagv-gap,var(--beae-card-gap)); padding-top: var(--f0wagv-padding-top,var(--beae-card-padding)); padding-right: var(--f0wagv-padding-right,var(--beae-card-padding)); padding-bottom: var(--f0wagv-padding-bottom,var(--beae-card-padding)); padding-left: var(--f0wagv-padding-left,var(--beae-card-padding)); border-width: var(--f0wagv-borderWidth-tl,var(--beae-card-border-width)) var(--f0wagv-borderWidth-tr,var(--beae-card-border-width)) var(--f0wagv-borderWidth-br,var(--beae-card-border-width)) var(--f0wagv-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--f0wagv-borderRadius-tl,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-tr,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-br,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--f0wagv-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--f0wagv-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--f0wagv-gap-tablet,var(--beae-card-gap)); padding-top: var(--f0wagv-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--f0wagv-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--f0wagv-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--f0wagv-padding-left-tablet,var(--beae-card-padding)); border-width: var(--f0wagv-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--f0wagv-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--f0wagv-borderWidth-br-desktop,var(--beae-card-border-width)) var(--f0wagv-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--f0wagv-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--f0wagv-gap-mobile,var(--beae-card-gap)); padding-top: var(--f0wagv-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--f0wagv-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--f0wagv-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--f0wagv-padding-left-mobile,var(--beae-card-padding)); border-width: var(--f0wagv-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--f0wagv-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--f0wagv-borderWidth-br-mobile,var(--beae-card-border-width)) var(--f0wagv-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--f0wagv-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--f0wagv-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--f0wagv-background-color,var(--beae-card-featured-background)); border-color: var(--f0wagv-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--f0wagv-shadowHorizontal, var(--beae-card-shadow-x)) var(--f0wagv-shadowVertical, var(--beae-card-shadow-y)) var(--f0wagv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f0wagv-shadowColor, var(--beae-card-featured-shadow-color)) var(--f0wagv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--f0wagv-background-color,var(--beae-card-prod-background)); border-color: var(--f0wagv-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--f0wagv-shadowHorizontal, var(--beae-card-shadow-x)) var(--f0wagv-shadowVertical, var(--beae-card-shadow-y)) var(--f0wagv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f0wagv-shadowColor, var(--beae-card-prod-shadow-color)) var(--f0wagv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--f0wagv-background-color,var(--beae-card-pricing-background)); border-color: var(--f0wagv-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--f0wagv-shadowHorizontal, var(--beae-card-shadow-x)) var(--f0wagv-shadowVertical, var(--beae-card-shadow-y)) var(--f0wagv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f0wagv-shadowColor, var(--beae-card-pricing-shadow-color)) var(--f0wagv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--f0wagv-background-color,var(--beae-card-cta-background)); border-color: var(--f0wagv-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--f0wagv-shadowHorizontal, var(--beae-card-shadow-x)) var(--f0wagv-shadowVertical, var(--beae-card-shadow-y)) var(--f0wagv-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f0wagv-shadowColor, var(--beae-card-cta-shadow-color)) var(--f0wagv-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-f0wagv"] {     display: flex;     flex-direction: var(--f0wagv-direction, column);     flex-wrap: nowrap;     justify-content: var(--f0wagv-justify-content);     align-items: var(--f0wagv-align-items);     gap: var(--f0wagv-gap, var(--f0wagv-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-f0wagv"] {                            gap: var(--f0wagv-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--f0wagv-padding-right-tablet, 0px) - var(--f0wagv-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-f0wagv"] {                            gap: var(--f0wagv-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--f0wagv-padding-right-mobile, 0px) - var(--f0wagv-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-twkpwn"] { --twkpwn-typography: h3; --twkpwn-typography-tablet: h3; --twkpwn-typography-mobile: h3; --beae-h3-text-align: center; --beae-h3-color: #F16028; --beae-h3-text-transform: uppercase; --beae-h3-font-size: 30px; --beae-h3-font-size-mobile: 14px; --twkpwn-margin-top: 0px; --twkpwn-margin-top-tablet: 0px; --twkpwn-margin-top-mobile: 0px; --twkpwn-margin-right: 0px; --twkpwn-margin-right-tablet: 0px; --twkpwn-margin-right-mobile: 0px; --twkpwn-margin-bottom: 0px; --twkpwn-margin-bottom-tablet: 0px; --twkpwn-margin-bottom-mobile: 0px; --twkpwn-margin-left: 0px; --twkpwn-margin-left-tablet: 0px; --twkpwn-margin-left-mobile: 0px; }[data-bnode="beae-twkpwn"] { margin-top: var(--twkpwn-margin-top, 0px); margin-right: var(--twkpwn-margin-right, 0px); margin-bottom: var(--twkpwn-margin-bottom, 0px); margin-left: var(--twkpwn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--twkpwn-margin-top-tablet, 0px); margin-right: var(--twkpwn-margin-right-tablet, 0px); margin-bottom: var(--twkpwn-margin-bottom-tablet, 0px); margin-left: var(--twkpwn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--twkpwn-margin-top-mobile, 0px); margin-right: var(--twkpwn-margin-right-mobile, 0px); margin-bottom: var(--twkpwn-margin-bottom-mobile, 0px); margin-left: var(--twkpwn-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--twkpwn-highlightColor,var(--beae-p-color)); top: var(--twkpwn-highlightTop, 100%); } }[data-bnode="beae-433jd3"] { --433jd3-typography: h4; --433jd3-typography-tablet: h4; --433jd3-typography-mobile: h4; --433jd3-margin-top: 40px; --433jd3-margin-top-tablet: 40px; --433jd3-margin-top-mobile: 8px; --433jd3-margin-right: 0px; --433jd3-margin-right-tablet: 0px; --433jd3-margin-right-mobile: 0px; --433jd3-margin-bottom: 0px; --433jd3-margin-bottom-tablet: 0px; --433jd3-margin-bottom-mobile: 0px; --433jd3-margin-left: 0px; --433jd3-margin-left-tablet: 0px; --433jd3-margin-left-mobile: 0px; --beae-h4-text-align: center; --beae-h4-font-weight: 800; --beae-h4-color: #FEFCF0; --beae-h4-font-size: 72px; --beae-h4-font-size-mobile: 22px; }[data-bnode="beae-433jd3"] { margin-top: var(--433jd3-margin-top, 0px); margin-right: var(--433jd3-margin-right, 0px); margin-bottom: var(--433jd3-margin-bottom, 0px); margin-left: var(--433jd3-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--433jd3-margin-top-tablet, 0px); margin-right: var(--433jd3-margin-right-tablet, 0px); margin-bottom: var(--433jd3-margin-bottom-tablet, 0px); margin-left: var(--433jd3-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--433jd3-margin-top-mobile, 0px); margin-right: var(--433jd3-margin-right-mobile, 0px); margin-bottom: var(--433jd3-margin-bottom-mobile, 0px); margin-left: var(--433jd3-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--433jd3-highlightColor,var(--beae-p-color)); top: var(--433jd3-highlightTop, 100%); } }[data-bnode="beae-bp6uut"] { --bp6uut-typography: p; --bp6uut-typography-tablet: p; --bp6uut-typography-mobile: p; --beae-p-text-align: center; --beae-p-color: #ececec; --beae-p-font-weight: 400; --bp6uut-margin-top: 8px; --bp6uut-margin-top-tablet: 8px; --bp6uut-margin-top-mobile: 0px; --bp6uut-margin-right: 0px; --bp6uut-margin-right-tablet: 0px; --bp6uut-margin-right-mobile: 0px; --bp6uut-margin-bottom: 20px; --bp6uut-margin-bottom-tablet: 20px; --bp6uut-margin-bottom-mobile: 8px; --bp6uut-margin-left: 0px; --bp6uut-margin-left-tablet: 0px; --bp6uut-margin-left-mobile: 0px; --beae-p-font-size-mobile: 12px; }[data-bnode="beae-bp6uut"] { margin-top: var(--bp6uut-margin-top, 0px); margin-right: var(--bp6uut-margin-right, 0px); margin-bottom: var(--bp6uut-margin-bottom, 0px); margin-left: var(--bp6uut-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bp6uut-margin-top-tablet, 0px); margin-right: var(--bp6uut-margin-right-tablet, 0px); margin-bottom: var(--bp6uut-margin-bottom-tablet, 0px); margin-left: var(--bp6uut-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bp6uut-margin-top-mobile, 0px); margin-right: var(--bp6uut-margin-right-mobile, 0px); margin-bottom: var(--bp6uut-margin-bottom-mobile, 0px); margin-left: var(--bp6uut-margin-left-mobile, 0px); } }[data-bnode="beae-6utpqg"] { --6utpqg-headerState: hover; --6utpqg-headerState-tablet: hover; --6utpqg-headerState-mobile: hover; --6utpqg-colorActive: #053d2a; --6utpqg-colorActive-tablet: #053d2a; --6utpqg-colorActive-mobile: #053d2a; --6utpqg-tabBgActive: #fefcf0; --6utpqg-tabBgActive-tablet: #fefcf0; --6utpqg-tabBgActive-mobile: #fefcf0; --6utpqg-paddingX: 24px; --6utpqg-paddingX-tablet: 24px; --6utpqg-paddingX-mobile: 24px; --6utpqg-paddingY: 20px; --6utpqg-paddingY-tablet: 20px; --6utpqg-paddingY-mobile: 20px; --6utpqg-borderStyle: solid; --6utpqg-borderStyle-tablet: solid; --6utpqg-borderStyle-mobile: solid; --6utpqg-tabBg: #053d2a; --6utpqg-tabBg-tablet: #053d2a; --6utpqg-tabBg-mobile: #053d2a; --6utpqg-headingTypo: h3; --6utpqg-headingTypo-tablet: h3; --6utpqg-headingTypo-mobile: h3; --6utpqg-borderWidth-tl: 1px; --6utpqg-borderWidth-tl-tablet: 1px; --6utpqg-borderWidth-tl-mobile: 1px; --6utpqg-borderWidth-tr: 1px; --6utpqg-borderWidth-tr-tablet: 1px; --6utpqg-borderWidth-tr-mobile: 1px; --6utpqg-borderWidth-bl: 1px; --6utpqg-borderWidth-bl-tablet: 1px; --6utpqg-borderWidth-bl-mobile: 1px; --6utpqg-borderWidth-br: 1px; --6utpqg-borderWidth-br-tablet: 1px; --6utpqg-borderWidth-br-mobile: 1px; --6utpqg-borderColor: #fefcf0; --6utpqg-borderColor-tablet: #fefcf0; --6utpqg-borderColor-mobile: #fefcf0; --beae-h3-font-size: 24px; --beae-h3-color: #fefcf0; --6utpqg-colorHover: #DDC7A0; --6utpqg-colorHover-tablet: #DDC7A0; --6utpqg-colorHover-mobile: #DDC7A0; --6utpqg-margin-top: 0px; --6utpqg-margin-top-tablet: 0px; --6utpqg-margin-top-mobile: 0px; --6utpqg-margin-right: 0px; --6utpqg-margin-right-tablet: 0px; --6utpqg-margin-right-mobile: 0px; --6utpqg-margin-bottom: 20px; --6utpqg-margin-bottom-tablet: 20px; --6utpqg-margin-bottom-mobile: 20px; --6utpqg-margin-left: 0px; --6utpqg-margin-left-tablet: 0px; --6utpqg-margin-left-mobile: 0px; --beae-h3-text-transform: none; --beae-h3-font-size-mobile: 14px; }[data-bnode="beae-6utpqg"] { margin-top: var(--6utpqg-margin-top, 0px); margin-right: var(--6utpqg-margin-right, 0px); margin-bottom: var(--6utpqg-margin-bottom, 0px); margin-left: var(--6utpqg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6utpqg-margin-top-tablet, 0px); margin-right: var(--6utpqg-margin-right-tablet, 0px); margin-bottom: var(--6utpqg-margin-bottom-tablet, 0px); margin-left: var(--6utpqg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6utpqg-margin-top-mobile, 0px); margin-right: var(--6utpqg-margin-right-mobile, 0px); margin-bottom: var(--6utpqg-margin-bottom-mobile, 0px); margin-left: var(--6utpqg-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--6utpqg-gap, 16px); @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--6utpqg-gap-tablet, 16px); } @media(max-width: 767px){ gap: var(--6utpqg-gap-mobile, 16px); } .beae-accordion-item { border-style: var(--6utpqg-borderStyle,solid); border-color: var(--6utpqg-borderColor,#000000); border-width: var(--6utpqg-borderWidth-tl,0px) var(--6utpqg-borderWidth-tr,0px) var(--6utpqg-borderWidth-br,0px) var(--6utpqg-borderWidth-bl,0px); border-radius: var(--6utpqg-borderRadius-tl,0px) var(--6utpqg-borderRadius-tr,0px) var(--6utpqg-borderRadius-br,0px) var(--6utpqg-borderRadius-bl,0px); box-shadow: var(--6utpqg-shadowHorizontal, 0px) var(--6utpqg-shadowVertical, 0px) var(--6utpqg-shadowBlur, 0px) 1px color-mix( in srgb, var(--6utpqg-shadowColor, #000000) var(--6utpqg-shadowTransparent, 0%), transparent ); overflow: hidden; transition: all 0.3s ease; @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--6utpqg-borderWidth-tl-tablet,0px) var(--6utpqg-borderWidth-tr-tablet,0px) var(--6utpqg-borderWidth-br-tablet,0px) var(--6utpqg-borderWidth-bl-tablet,0px); border-radius: var(--6utpqg-borderRadius-tl-tablet,0px) var(--6utpqg-borderRadius-tr-tablet,0px) var(--6utpqg-borderRadius-br-tablet,0px) var(--6utpqg-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--6utpqg-borderWidth-tl-mobile,0px) var(--6utpqg-borderWidth-tr-mobile,0px) var(--6utpqg-borderWidth-br-mobile,0px) var(--6utpqg-borderWidth-bl-mobile,0px); border-radius: var(--6utpqg-borderRadius-tl-mobile,0px) var(--6utpqg-borderRadius-tr-mobile,0px) var(--6utpqg-borderRadius-br-mobile,0px) var(--6utpqg-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(--6utpqg-colorActive); background: var(--6utpqg-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(--6utpqg-paddingX, 20px); padding-block: var(--6utpqg-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--6utpqg-tabBg); &:marker { display: none; } &:hover { background: var(--6utpqg-tabBgHover); color: var(--6utpqg-colorHover); } @media(min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--6utpqg-paddingX-tablet, 20px); padding-block: var(--6utpqg-paddingY-tablet, 20px); } @media(max-width: 767px) { padding-inline: var(--6utpqg-paddingX-mobile, 20px); padding-block: var(--6utpqg-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-kvuyth"] { --kvuyth-direction: column; --kvuyth-direction-tablet: column; --kvuyth-direction-mobile: column; --kvuyth-gap: 16px; --kvuyth-gap-tablet: 16px; --kvuyth-gap-mobile: 16px; --kvuyth-padding-top: 12px; --kvuyth-padding-top-tablet: 12px; --kvuyth-padding-top-mobile: 12px; --kvuyth-padding-bottom: 12px; --kvuyth-padding-bottom-tablet: 12px; --kvuyth-padding-bottom-mobile: 12px; --kvuyth-padding-left: 20px; --kvuyth-padding-left-tablet: 20px; --kvuyth-padding-left-mobile: 20px; --kvuyth-padding-right: 20px; --kvuyth-padding-right-tablet: 20px; --kvuyth-padding-right-mobile: 20px; }[data-bnode="beae-kvuyth"] { padding-top: var(--kvuyth-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--kvuyth-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--kvuyth-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--kvuyth-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--kvuyth-padding-top-tablet, var(--kvuyth-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--kvuyth-padding-right-tablet, var(--kvuyth-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--kvuyth-padding-bottom-tablet, var(--kvuyth-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--kvuyth-padding-left-tablet, var(--kvuyth-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--kvuyth-padding-top-mobile, var(--kvuyth-padding-top-tablet, var(--kvuyth-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--kvuyth-padding-right-mobile, var(--kvuyth-padding-right-tablet, var(--kvuyth-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--kvuyth-padding-bottom-mobile, var(--kvuyth-padding-bottom-tablet, var(--kvuyth-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--kvuyth-padding-left-mobile, var(--kvuyth-padding-left-tablet, var(--kvuyth-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--kvuyth-position, relative); top: var(--kvuyth-top, auto); right: var(--kvuyth-right, auto); bottom: var(--kvuyth-bottom, auto); left: var(--kvuyth-left, auto); transform: var(--kvuyth-transform, none); z-index: var(--kvuyth-z-index, 10); aspect-ratio: var(--kvuyth-background-imageRatio, auto); background: var(--kvuyth-background-color,transparent); border-style: var(--kvuyth-borderStyle,solid); border-color: var(--kvuyth-borderColor,#000000); border-width: var(--kvuyth-borderWidth-tl,0px) var(--kvuyth-borderWidth-tr,0px) var(--kvuyth-borderWidth-br,0px) var(--kvuyth-borderWidth-bl,0px); border-radius: var(--kvuyth-borderRadius-tl,0px) var(--kvuyth-borderRadius-tr,0px) var(--kvuyth-borderRadius-br,0px) var(--kvuyth-borderRadius-bl,0px); box-shadow: var(--kvuyth-shadowHorizontal, 0px) var(--kvuyth-shadowVertical, 0px) var(--kvuyth-shadowBlur, 0px) 1px color-mix( in srgb, var(--kvuyth-shadowColor, #000000) var(--kvuyth-shadowTransparent, 0%), transparent ); max-width: var(--kvuyth-max-width, 100%); width: 100%; height: if(style(--kvuyth-position: absolute): var(--kvuyth-height,100%); else: unset ); backdrop-filter:blur(var(--kvuyth-background-blur, none)) saturate(var(--kvuyth-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--kvuyth-position-tablet, var(--kvuyth-position, relative)); top: var(--kvuyth-top-tablet, var(--kvuyth-top, auto)); right: var(--kvuyth-right-tablet, var(--kvuyth-right, auto)); bottom: var(--kvuyth-bottom-tablet, var(--kvuyth-bottom, auto)); left: var(--kvuyth-left-tablet, var(--kvuyth-left, auto)); transform: var(--kvuyth-transform-tablet, var(--kvuyth-transform, none)); z-index: var(--kvuyth-z-index-tablet, var(--kvuyth-z-index, 10)); aspect-ratio: var(--kvuyth-background-imageRatio-tablet, var(--kvuyth-background-imageRatio, auto)); border-width: var(--kvuyth-borderWidth-tl-tablet, var(--kvuyth-borderWidth-tl,0px)) var(--kvuyth-borderWidth-tr-tablet,var(--kvuyth-borderWidth-tr,0px)) var(--kvuyth-borderWidth-br-tablet,var(--kvuyth-borderWidth-br,0px)) var(--kvuyth-borderWidth-bl-tablet,var(--kvuyth-borderWidth-bl,0px)); border-radius: var(--kvuyth-borderRadius-tl-tablet,var(--kvuyth-borderRadius-tl,0px)) var(--kvuyth-borderRadius-tr-tablet,var(--kvuyth-borderRadius-tr,0px)) var(--kvuyth-borderRadius-br-tablet,var(--kvuyth-borderRadius-br,0px)) var(--kvuyth-borderRadius-bl-tablet,var(--kvuyth-borderRadius-bl,0px)); max-width: var(--kvuyth-max-width-tablet, var(--kvuyth-max-width, 100%)); height: if(style(--kvuyth-position-tablet: absolute): var(--kvuyth-height-tablet,var(--kvuyth-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--kvuyth-position-mobile, var(--kvuyth-position-tablet, var(--kvuyth-position, relative))); top: var(--kvuyth-top-mobile, var(--kvuyth-top-tablet, var(--kvuyth-top, auto))); right: var(--kvuyth-right-mobile, var(--kvuyth-right-tablet, var(--kvuyth-right, auto))); bottom: var(--kvuyth-bottom-mobile, var(--kvuyth-bottom-tablet, var(--kvuyth-bottom, auto))); left: var(--kvuyth-left-mobile, var(--kvuyth-left-tablet, var(--kvuyth-left, auto))); transform: var(--kvuyth-transform-mobile, var(--kvuyth-transform-tablet, var(--kvuyth-transform, none))); z-index: var(--kvuyth-z-index-mobile, var(--kvuyth-z-index-tablet, var(--kvuyth-z-index, 10))); aspect-ratio: var(--kvuyth-background-imageRatio-mobile, var(--kvuyth-background-imageRatio, auto)); border-width: var(--kvuyth-borderWidth-tl-mobile, var(--kvuyth-borderWidth-tl,0px)) var(--kvuyth-borderWidth-tr-mobile,var(--kvuyth-borderWidth-tr,0px)) var(--kvuyth-borderWidth-br-mobile,var(--kvuyth-borderWidth-br,0px)) var(--kvuyth-borderWidth-bl-mobile,var(--kvuyth-borderWidth-bl,0px)); border-radius: var(--kvuyth-borderRadius-tl-mobile,var(--kvuyth-borderRadius-tl,0px)) var(--kvuyth-borderRadius-tr-mobile,var(--kvuyth-borderRadius-tr,0px)) var(--kvuyth-borderRadius-br-mobile,var(--kvuyth-borderRadius-br,0px)) var(--kvuyth-borderRadius-bl-mobile,var(--kvuyth-borderRadius-bl,0px)); max-width: var(--kvuyth-max-width-mobile, var(--kvuyth-max-width, 100%)); height: if(style(--kvuyth-position-mobile: absolute): var(--kvuyth-height-mobile,var(--kvuyth-height-tablet,,var(--kvuyth-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--kvuyth-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--kvuyth-gap,var(--beae-card-gap)); padding-top: var(--kvuyth-padding-top,var(--beae-card-padding)); padding-right: var(--kvuyth-padding-right,var(--beae-card-padding)); padding-bottom: var(--kvuyth-padding-bottom,var(--beae-card-padding)); padding-left: var(--kvuyth-padding-left,var(--beae-card-padding)); border-width: var(--kvuyth-borderWidth-tl,var(--beae-card-border-width)) var(--kvuyth-borderWidth-tr,var(--beae-card-border-width)) var(--kvuyth-borderWidth-br,var(--beae-card-border-width)) var(--kvuyth-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--kvuyth-borderRadius-tl,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-tr,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-br,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--kvuyth-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--kvuyth-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--kvuyth-gap-tablet,var(--beae-card-gap)); padding-top: var(--kvuyth-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--kvuyth-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--kvuyth-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--kvuyth-padding-left-tablet,var(--beae-card-padding)); border-width: var(--kvuyth-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--kvuyth-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--kvuyth-borderWidth-br-desktop,var(--beae-card-border-width)) var(--kvuyth-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--kvuyth-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--kvuyth-gap-mobile,var(--beae-card-gap)); padding-top: var(--kvuyth-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--kvuyth-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--kvuyth-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--kvuyth-padding-left-mobile,var(--beae-card-padding)); border-width: var(--kvuyth-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--kvuyth-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--kvuyth-borderWidth-br-mobile,var(--beae-card-border-width)) var(--kvuyth-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--kvuyth-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--kvuyth-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--kvuyth-background-color,var(--beae-card-featured-background)); border-color: var(--kvuyth-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--kvuyth-shadowHorizontal, var(--beae-card-shadow-x)) var(--kvuyth-shadowVertical, var(--beae-card-shadow-y)) var(--kvuyth-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kvuyth-shadowColor, var(--beae-card-featured-shadow-color)) var(--kvuyth-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--kvuyth-background-color,var(--beae-card-prod-background)); border-color: var(--kvuyth-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--kvuyth-shadowHorizontal, var(--beae-card-shadow-x)) var(--kvuyth-shadowVertical, var(--beae-card-shadow-y)) var(--kvuyth-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kvuyth-shadowColor, var(--beae-card-prod-shadow-color)) var(--kvuyth-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--kvuyth-background-color,var(--beae-card-pricing-background)); border-color: var(--kvuyth-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--kvuyth-shadowHorizontal, var(--beae-card-shadow-x)) var(--kvuyth-shadowVertical, var(--beae-card-shadow-y)) var(--kvuyth-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kvuyth-shadowColor, var(--beae-card-pricing-shadow-color)) var(--kvuyth-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--kvuyth-background-color,var(--beae-card-cta-background)); border-color: var(--kvuyth-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--kvuyth-shadowHorizontal, var(--beae-card-shadow-x)) var(--kvuyth-shadowVertical, var(--beae-card-shadow-y)) var(--kvuyth-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--kvuyth-shadowColor, var(--beae-card-cta-shadow-color)) var(--kvuyth-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-kvuyth"] {     display: flex;     flex-direction: var(--kvuyth-direction, column);     flex-wrap: nowrap;     justify-content: var(--kvuyth-justify-content);     align-items: var(--kvuyth-align-items);     gap: var(--kvuyth-gap, var(--kvuyth-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-kvuyth"] {                            gap: var(--kvuyth-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--kvuyth-padding-right-tablet, 0px) - var(--kvuyth-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-kvuyth"] {                            gap: var(--kvuyth-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--kvuyth-padding-right-mobile, 0px) - var(--kvuyth-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6tm16i"] { --beae-p-color: #fefcf0; }[data-bnode="beae-6tm16i"] { margin-top: var(--6tm16i-margin-top, 0px); margin-right: var(--6tm16i-margin-right, 0px); margin-bottom: var(--6tm16i-margin-bottom, 0px); margin-left: var(--6tm16i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6tm16i-margin-top-tablet, 0px); margin-right: var(--6tm16i-margin-right-tablet, 0px); margin-bottom: var(--6tm16i-margin-bottom-tablet, 0px); margin-left: var(--6tm16i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6tm16i-margin-top-mobile, 0px); margin-right: var(--6tm16i-margin-right-mobile, 0px); margin-bottom: var(--6tm16i-margin-bottom-mobile, 0px); margin-left: var(--6tm16i-margin-left-mobile, 0px); } }[data-bnode="beae-u1r7oa"] { --u1r7oa-direction: row; --u1r7oa-direction-tablet: row; --u1r7oa-direction-mobile: row; --u1r7oa-structure: columns; --u1r7oa-structure-tablet: columns; --u1r7oa-structure-mobile: columns; }[data-bnode="beae-u1r7oa"] { padding-top: var(--u1r7oa-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--u1r7oa-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--u1r7oa-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--u1r7oa-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--u1r7oa-padding-top-tablet, var(--u1r7oa-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--u1r7oa-padding-right-tablet, var(--u1r7oa-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--u1r7oa-padding-bottom-tablet, var(--u1r7oa-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--u1r7oa-padding-left-tablet, var(--u1r7oa-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--u1r7oa-padding-top-mobile, var(--u1r7oa-padding-top-tablet, var(--u1r7oa-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--u1r7oa-padding-right-mobile, var(--u1r7oa-padding-right-tablet, var(--u1r7oa-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--u1r7oa-padding-bottom-mobile, var(--u1r7oa-padding-bottom-tablet, var(--u1r7oa-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--u1r7oa-padding-left-mobile, var(--u1r7oa-padding-left-tablet, var(--u1r7oa-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--u1r7oa-position, relative); top: var(--u1r7oa-top, auto); right: var(--u1r7oa-right, auto); bottom: var(--u1r7oa-bottom, auto); left: var(--u1r7oa-left, auto); transform: var(--u1r7oa-transform, none); z-index: var(--u1r7oa-z-index, 10); aspect-ratio: var(--u1r7oa-background-imageRatio, auto); background: var(--u1r7oa-background-color,transparent); border-style: var(--u1r7oa-borderStyle,solid); border-color: var(--u1r7oa-borderColor,#000000); border-width: var(--u1r7oa-borderWidth-tl,0px) var(--u1r7oa-borderWidth-tr,0px) var(--u1r7oa-borderWidth-br,0px) var(--u1r7oa-borderWidth-bl,0px); border-radius: var(--u1r7oa-borderRadius-tl,0px) var(--u1r7oa-borderRadius-tr,0px) var(--u1r7oa-borderRadius-br,0px) var(--u1r7oa-borderRadius-bl,0px); box-shadow: var(--u1r7oa-shadowHorizontal, 0px) var(--u1r7oa-shadowVertical, 0px) var(--u1r7oa-shadowBlur, 0px) 1px color-mix( in srgb, var(--u1r7oa-shadowColor, #000000) var(--u1r7oa-shadowTransparent, 0%), transparent ); max-width: var(--u1r7oa-max-width, 100%); width: 100%; height: if(style(--u1r7oa-position: absolute): var(--u1r7oa-height,100%); else: unset ); backdrop-filter:blur(var(--u1r7oa-background-blur, none)) saturate(var(--u1r7oa-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--u1r7oa-position-tablet, var(--u1r7oa-position, relative)); top: var(--u1r7oa-top-tablet, var(--u1r7oa-top, auto)); right: var(--u1r7oa-right-tablet, var(--u1r7oa-right, auto)); bottom: var(--u1r7oa-bottom-tablet, var(--u1r7oa-bottom, auto)); left: var(--u1r7oa-left-tablet, var(--u1r7oa-left, auto)); transform: var(--u1r7oa-transform-tablet, var(--u1r7oa-transform, none)); z-index: var(--u1r7oa-z-index-tablet, var(--u1r7oa-z-index, 10)); aspect-ratio: var(--u1r7oa-background-imageRatio-tablet, var(--u1r7oa-background-imageRatio, auto)); border-width: var(--u1r7oa-borderWidth-tl-tablet, var(--u1r7oa-borderWidth-tl,0px)) var(--u1r7oa-borderWidth-tr-tablet,var(--u1r7oa-borderWidth-tr,0px)) var(--u1r7oa-borderWidth-br-tablet,var(--u1r7oa-borderWidth-br,0px)) var(--u1r7oa-borderWidth-bl-tablet,var(--u1r7oa-borderWidth-bl,0px)); border-radius: var(--u1r7oa-borderRadius-tl-tablet,var(--u1r7oa-borderRadius-tl,0px)) var(--u1r7oa-borderRadius-tr-tablet,var(--u1r7oa-borderRadius-tr,0px)) var(--u1r7oa-borderRadius-br-tablet,var(--u1r7oa-borderRadius-br,0px)) var(--u1r7oa-borderRadius-bl-tablet,var(--u1r7oa-borderRadius-bl,0px)); max-width: var(--u1r7oa-max-width-tablet, var(--u1r7oa-max-width, 100%)); height: if(style(--u1r7oa-position-tablet: absolute): var(--u1r7oa-height-tablet,var(--u1r7oa-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--u1r7oa-position-mobile, var(--u1r7oa-position-tablet, var(--u1r7oa-position, relative))); top: var(--u1r7oa-top-mobile, var(--u1r7oa-top-tablet, var(--u1r7oa-top, auto))); right: var(--u1r7oa-right-mobile, var(--u1r7oa-right-tablet, var(--u1r7oa-right, auto))); bottom: var(--u1r7oa-bottom-mobile, var(--u1r7oa-bottom-tablet, var(--u1r7oa-bottom, auto))); left: var(--u1r7oa-left-mobile, var(--u1r7oa-left-tablet, var(--u1r7oa-left, auto))); transform: var(--u1r7oa-transform-mobile, var(--u1r7oa-transform-tablet, var(--u1r7oa-transform, none))); z-index: var(--u1r7oa-z-index-mobile, var(--u1r7oa-z-index-tablet, var(--u1r7oa-z-index, 10))); aspect-ratio: var(--u1r7oa-background-imageRatio-mobile, var(--u1r7oa-background-imageRatio, auto)); border-width: var(--u1r7oa-borderWidth-tl-mobile, var(--u1r7oa-borderWidth-tl,0px)) var(--u1r7oa-borderWidth-tr-mobile,var(--u1r7oa-borderWidth-tr,0px)) var(--u1r7oa-borderWidth-br-mobile,var(--u1r7oa-borderWidth-br,0px)) var(--u1r7oa-borderWidth-bl-mobile,var(--u1r7oa-borderWidth-bl,0px)); border-radius: var(--u1r7oa-borderRadius-tl-mobile,var(--u1r7oa-borderRadius-tl,0px)) var(--u1r7oa-borderRadius-tr-mobile,var(--u1r7oa-borderRadius-tr,0px)) var(--u1r7oa-borderRadius-br-mobile,var(--u1r7oa-borderRadius-br,0px)) var(--u1r7oa-borderRadius-bl-mobile,var(--u1r7oa-borderRadius-bl,0px)); max-width: var(--u1r7oa-max-width-mobile, var(--u1r7oa-max-width, 100%)); height: if(style(--u1r7oa-position-mobile: absolute): var(--u1r7oa-height-mobile,var(--u1r7oa-height-tablet,,var(--u1r7oa-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--u1r7oa-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--u1r7oa-gap,var(--beae-card-gap)); padding-top: var(--u1r7oa-padding-top,var(--beae-card-padding)); padding-right: var(--u1r7oa-padding-right,var(--beae-card-padding)); padding-bottom: var(--u1r7oa-padding-bottom,var(--beae-card-padding)); padding-left: var(--u1r7oa-padding-left,var(--beae-card-padding)); border-width: var(--u1r7oa-borderWidth-tl,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-tr,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-br,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--u1r7oa-borderRadius-tl,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-tr,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-br,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--u1r7oa-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--u1r7oa-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--u1r7oa-gap-tablet,var(--beae-card-gap)); padding-top: var(--u1r7oa-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--u1r7oa-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--u1r7oa-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--u1r7oa-padding-left-tablet,var(--beae-card-padding)); border-width: var(--u1r7oa-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-br-desktop,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--u1r7oa-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--u1r7oa-gap-mobile,var(--beae-card-gap)); padding-top: var(--u1r7oa-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--u1r7oa-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--u1r7oa-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--u1r7oa-padding-left-mobile,var(--beae-card-padding)); border-width: var(--u1r7oa-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-br-mobile,var(--beae-card-border-width)) var(--u1r7oa-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--u1r7oa-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--u1r7oa-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--u1r7oa-background-color,var(--beae-card-featured-background)); border-color: var(--u1r7oa-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--u1r7oa-shadowHorizontal, var(--beae-card-shadow-x)) var(--u1r7oa-shadowVertical, var(--beae-card-shadow-y)) var(--u1r7oa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u1r7oa-shadowColor, var(--beae-card-featured-shadow-color)) var(--u1r7oa-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--u1r7oa-background-color,var(--beae-card-prod-background)); border-color: var(--u1r7oa-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--u1r7oa-shadowHorizontal, var(--beae-card-shadow-x)) var(--u1r7oa-shadowVertical, var(--beae-card-shadow-y)) var(--u1r7oa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u1r7oa-shadowColor, var(--beae-card-prod-shadow-color)) var(--u1r7oa-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--u1r7oa-background-color,var(--beae-card-pricing-background)); border-color: var(--u1r7oa-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--u1r7oa-shadowHorizontal, var(--beae-card-shadow-x)) var(--u1r7oa-shadowVertical, var(--beae-card-shadow-y)) var(--u1r7oa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u1r7oa-shadowColor, var(--beae-card-pricing-shadow-color)) var(--u1r7oa-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--u1r7oa-background-color,var(--beae-card-cta-background)); border-color: var(--u1r7oa-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--u1r7oa-shadowHorizontal, var(--beae-card-shadow-x)) var(--u1r7oa-shadowVertical, var(--beae-card-shadow-y)) var(--u1r7oa-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u1r7oa-shadowColor, var(--beae-card-cta-shadow-color)) var(--u1r7oa-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-u1r7oa"] {     display: flex;     flex-direction: var(--u1r7oa-direction, column);     flex-wrap: nowrap;     justify-content: var(--u1r7oa-justify-content);     align-items: var(--u1r7oa-align-items);     gap: var(--u1r7oa-gap, var(--u1r7oa-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(--u1r7oa-padding-right, 0px) - var(--u1r7oa-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-u1r7oa"] {                            gap: var(--u1r7oa-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--u1r7oa-padding-right-tablet, 0px) - var(--u1r7oa-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-u1r7oa"] {                            gap: var(--u1r7oa-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--u1r7oa-padding-right-mobile, 0px) - var(--u1r7oa-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-47jwm2"] { --47jwm2-direction: row; --47jwm2-direction-tablet: row; --47jwm2-direction-mobile: row; --47jwm2-structure: columns; --47jwm2-structure-tablet: columns; --47jwm2-structure-mobile: columns; }[data-bnode="beae-47jwm2"] { padding-top: var(--47jwm2-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--47jwm2-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--47jwm2-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--47jwm2-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--47jwm2-padding-top-tablet, var(--47jwm2-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--47jwm2-padding-right-tablet, var(--47jwm2-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--47jwm2-padding-bottom-tablet, var(--47jwm2-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--47jwm2-padding-left-tablet, var(--47jwm2-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--47jwm2-padding-top-mobile, var(--47jwm2-padding-top-tablet, var(--47jwm2-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--47jwm2-padding-right-mobile, var(--47jwm2-padding-right-tablet, var(--47jwm2-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--47jwm2-padding-bottom-mobile, var(--47jwm2-padding-bottom-tablet, var(--47jwm2-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--47jwm2-padding-left-mobile, var(--47jwm2-padding-left-tablet, var(--47jwm2-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--47jwm2-position, relative); top: var(--47jwm2-top, auto); right: var(--47jwm2-right, auto); bottom: var(--47jwm2-bottom, auto); left: var(--47jwm2-left, auto); transform: var(--47jwm2-transform, none); z-index: var(--47jwm2-z-index, 10); aspect-ratio: var(--47jwm2-background-imageRatio, auto); background: var(--47jwm2-background-color,transparent); border-style: var(--47jwm2-borderStyle,solid); border-color: var(--47jwm2-borderColor,#000000); border-width: var(--47jwm2-borderWidth-tl,0px) var(--47jwm2-borderWidth-tr,0px) var(--47jwm2-borderWidth-br,0px) var(--47jwm2-borderWidth-bl,0px); border-radius: var(--47jwm2-borderRadius-tl,0px) var(--47jwm2-borderRadius-tr,0px) var(--47jwm2-borderRadius-br,0px) var(--47jwm2-borderRadius-bl,0px); box-shadow: var(--47jwm2-shadowHorizontal, 0px) var(--47jwm2-shadowVertical, 0px) var(--47jwm2-shadowBlur, 0px) 1px color-mix( in srgb, var(--47jwm2-shadowColor, #000000) var(--47jwm2-shadowTransparent, 0%), transparent ); max-width: var(--47jwm2-max-width, 100%); width: 100%; height: if(style(--47jwm2-position: absolute): var(--47jwm2-height,100%); else: unset ); backdrop-filter:blur(var(--47jwm2-background-blur, none)) saturate(var(--47jwm2-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--47jwm2-position-tablet, var(--47jwm2-position, relative)); top: var(--47jwm2-top-tablet, var(--47jwm2-top, auto)); right: var(--47jwm2-right-tablet, var(--47jwm2-right, auto)); bottom: var(--47jwm2-bottom-tablet, var(--47jwm2-bottom, auto)); left: var(--47jwm2-left-tablet, var(--47jwm2-left, auto)); transform: var(--47jwm2-transform-tablet, var(--47jwm2-transform, none)); z-index: var(--47jwm2-z-index-tablet, var(--47jwm2-z-index, 10)); aspect-ratio: var(--47jwm2-background-imageRatio-tablet, var(--47jwm2-background-imageRatio, auto)); border-width: var(--47jwm2-borderWidth-tl-tablet, var(--47jwm2-borderWidth-tl,0px)) var(--47jwm2-borderWidth-tr-tablet,var(--47jwm2-borderWidth-tr,0px)) var(--47jwm2-borderWidth-br-tablet,var(--47jwm2-borderWidth-br,0px)) var(--47jwm2-borderWidth-bl-tablet,var(--47jwm2-borderWidth-bl,0px)); border-radius: var(--47jwm2-borderRadius-tl-tablet,var(--47jwm2-borderRadius-tl,0px)) var(--47jwm2-borderRadius-tr-tablet,var(--47jwm2-borderRadius-tr,0px)) var(--47jwm2-borderRadius-br-tablet,var(--47jwm2-borderRadius-br,0px)) var(--47jwm2-borderRadius-bl-tablet,var(--47jwm2-borderRadius-bl,0px)); max-width: var(--47jwm2-max-width-tablet, var(--47jwm2-max-width, 100%)); height: if(style(--47jwm2-position-tablet: absolute): var(--47jwm2-height-tablet,var(--47jwm2-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--47jwm2-position-mobile, var(--47jwm2-position-tablet, var(--47jwm2-position, relative))); top: var(--47jwm2-top-mobile, var(--47jwm2-top-tablet, var(--47jwm2-top, auto))); right: var(--47jwm2-right-mobile, var(--47jwm2-right-tablet, var(--47jwm2-right, auto))); bottom: var(--47jwm2-bottom-mobile, var(--47jwm2-bottom-tablet, var(--47jwm2-bottom, auto))); left: var(--47jwm2-left-mobile, var(--47jwm2-left-tablet, var(--47jwm2-left, auto))); transform: var(--47jwm2-transform-mobile, var(--47jwm2-transform-tablet, var(--47jwm2-transform, none))); z-index: var(--47jwm2-z-index-mobile, var(--47jwm2-z-index-tablet, var(--47jwm2-z-index, 10))); aspect-ratio: var(--47jwm2-background-imageRatio-mobile, var(--47jwm2-background-imageRatio, auto)); border-width: var(--47jwm2-borderWidth-tl-mobile, var(--47jwm2-borderWidth-tl,0px)) var(--47jwm2-borderWidth-tr-mobile,var(--47jwm2-borderWidth-tr,0px)) var(--47jwm2-borderWidth-br-mobile,var(--47jwm2-borderWidth-br,0px)) var(--47jwm2-borderWidth-bl-mobile,var(--47jwm2-borderWidth-bl,0px)); border-radius: var(--47jwm2-borderRadius-tl-mobile,var(--47jwm2-borderRadius-tl,0px)) var(--47jwm2-borderRadius-tr-mobile,var(--47jwm2-borderRadius-tr,0px)) var(--47jwm2-borderRadius-br-mobile,var(--47jwm2-borderRadius-br,0px)) var(--47jwm2-borderRadius-bl-mobile,var(--47jwm2-borderRadius-bl,0px)); max-width: var(--47jwm2-max-width-mobile, var(--47jwm2-max-width, 100%)); height: if(style(--47jwm2-position-mobile: absolute): var(--47jwm2-height-mobile,var(--47jwm2-height-tablet,,var(--47jwm2-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--47jwm2-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--47jwm2-gap,var(--beae-card-gap)); padding-top: var(--47jwm2-padding-top,var(--beae-card-padding)); padding-right: var(--47jwm2-padding-right,var(--beae-card-padding)); padding-bottom: var(--47jwm2-padding-bottom,var(--beae-card-padding)); padding-left: var(--47jwm2-padding-left,var(--beae-card-padding)); border-width: var(--47jwm2-borderWidth-tl,var(--beae-card-border-width)) var(--47jwm2-borderWidth-tr,var(--beae-card-border-width)) var(--47jwm2-borderWidth-br,var(--beae-card-border-width)) var(--47jwm2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--47jwm2-borderRadius-tl,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-tr,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-br,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--47jwm2-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--47jwm2-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--47jwm2-gap-tablet,var(--beae-card-gap)); padding-top: var(--47jwm2-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--47jwm2-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--47jwm2-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--47jwm2-padding-left-tablet,var(--beae-card-padding)); border-width: var(--47jwm2-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--47jwm2-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--47jwm2-borderWidth-br-desktop,var(--beae-card-border-width)) var(--47jwm2-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--47jwm2-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--47jwm2-gap-mobile,var(--beae-card-gap)); padding-top: var(--47jwm2-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--47jwm2-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--47jwm2-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--47jwm2-padding-left-mobile,var(--beae-card-padding)); border-width: var(--47jwm2-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--47jwm2-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--47jwm2-borderWidth-br-mobile,var(--beae-card-border-width)) var(--47jwm2-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--47jwm2-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--47jwm2-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--47jwm2-background-color,var(--beae-card-featured-background)); border-color: var(--47jwm2-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--47jwm2-shadowHorizontal, var(--beae-card-shadow-x)) var(--47jwm2-shadowVertical, var(--beae-card-shadow-y)) var(--47jwm2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--47jwm2-shadowColor, var(--beae-card-featured-shadow-color)) var(--47jwm2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--47jwm2-background-color,var(--beae-card-prod-background)); border-color: var(--47jwm2-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--47jwm2-shadowHorizontal, var(--beae-card-shadow-x)) var(--47jwm2-shadowVertical, var(--beae-card-shadow-y)) var(--47jwm2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--47jwm2-shadowColor, var(--beae-card-prod-shadow-color)) var(--47jwm2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--47jwm2-background-color,var(--beae-card-pricing-background)); border-color: var(--47jwm2-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--47jwm2-shadowHorizontal, var(--beae-card-shadow-x)) var(--47jwm2-shadowVertical, var(--beae-card-shadow-y)) var(--47jwm2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--47jwm2-shadowColor, var(--beae-card-pricing-shadow-color)) var(--47jwm2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--47jwm2-background-color,var(--beae-card-cta-background)); border-color: var(--47jwm2-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--47jwm2-shadowHorizontal, var(--beae-card-shadow-x)) var(--47jwm2-shadowVertical, var(--beae-card-shadow-y)) var(--47jwm2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--47jwm2-shadowColor, var(--beae-card-cta-shadow-color)) var(--47jwm2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-47jwm2"] {     display: flex;     flex-direction: var(--47jwm2-direction, column);     flex-wrap: nowrap;     justify-content: var(--47jwm2-justify-content);     align-items: var(--47jwm2-align-items);     gap: var(--47jwm2-gap, var(--47jwm2-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--47jwm2-padding-right, 0px) - var(--47jwm2-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-47jwm2"] {                            gap: var(--47jwm2-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--47jwm2-padding-right-tablet, 0px) - var(--47jwm2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-47jwm2"] {                            gap: var(--47jwm2-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--47jwm2-padding-right-mobile, 0px) - var(--47jwm2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-p8t82j"] { padding-top: var(--p8t82j-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--p8t82j-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--p8t82j-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--p8t82j-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p8t82j-padding-top-tablet, var(--p8t82j-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--p8t82j-padding-right-tablet, var(--p8t82j-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--p8t82j-padding-bottom-tablet, var(--p8t82j-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--p8t82j-padding-left-tablet, var(--p8t82j-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p8t82j-padding-top-mobile, var(--p8t82j-padding-top-tablet, var(--p8t82j-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--p8t82j-padding-right-mobile, var(--p8t82j-padding-right-tablet, var(--p8t82j-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--p8t82j-padding-bottom-mobile, var(--p8t82j-padding-bottom-tablet, var(--p8t82j-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--p8t82j-padding-left-mobile, var(--p8t82j-padding-left-tablet, var(--p8t82j-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--p8t82j-position, relative); top: var(--p8t82j-top, auto); right: var(--p8t82j-right, auto); bottom: var(--p8t82j-bottom, auto); left: var(--p8t82j-left, auto); transform: var(--p8t82j-transform, none); z-index: var(--p8t82j-z-index, 10); aspect-ratio: var(--p8t82j-background-imageRatio, auto); background: var(--p8t82j-background-color,transparent); border-style: var(--p8t82j-borderStyle,solid); border-color: var(--p8t82j-borderColor,#000000); border-width: var(--p8t82j-borderWidth-tl,0px) var(--p8t82j-borderWidth-tr,0px) var(--p8t82j-borderWidth-br,0px) var(--p8t82j-borderWidth-bl,0px); border-radius: var(--p8t82j-borderRadius-tl,0px) var(--p8t82j-borderRadius-tr,0px) var(--p8t82j-borderRadius-br,0px) var(--p8t82j-borderRadius-bl,0px); box-shadow: var(--p8t82j-shadowHorizontal, 0px) var(--p8t82j-shadowVertical, 0px) var(--p8t82j-shadowBlur, 0px) 1px color-mix( in srgb, var(--p8t82j-shadowColor, #000000) var(--p8t82j-shadowTransparent, 0%), transparent ); max-width: var(--p8t82j-max-width, 100%); width: 100%; height: if(style(--p8t82j-position: absolute): var(--p8t82j-height,100%); else: unset ); backdrop-filter:blur(var(--p8t82j-background-blur, none)) saturate(var(--p8t82j-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--p8t82j-position-tablet, var(--p8t82j-position, relative)); top: var(--p8t82j-top-tablet, var(--p8t82j-top, auto)); right: var(--p8t82j-right-tablet, var(--p8t82j-right, auto)); bottom: var(--p8t82j-bottom-tablet, var(--p8t82j-bottom, auto)); left: var(--p8t82j-left-tablet, var(--p8t82j-left, auto)); transform: var(--p8t82j-transform-tablet, var(--p8t82j-transform, none)); z-index: var(--p8t82j-z-index-tablet, var(--p8t82j-z-index, 10)); aspect-ratio: var(--p8t82j-background-imageRatio-tablet, var(--p8t82j-background-imageRatio, auto)); border-width: var(--p8t82j-borderWidth-tl-tablet, var(--p8t82j-borderWidth-tl,0px)) var(--p8t82j-borderWidth-tr-tablet,var(--p8t82j-borderWidth-tr,0px)) var(--p8t82j-borderWidth-br-tablet,var(--p8t82j-borderWidth-br,0px)) var(--p8t82j-borderWidth-bl-tablet,var(--p8t82j-borderWidth-bl,0px)); border-radius: var(--p8t82j-borderRadius-tl-tablet,var(--p8t82j-borderRadius-tl,0px)) var(--p8t82j-borderRadius-tr-tablet,var(--p8t82j-borderRadius-tr,0px)) var(--p8t82j-borderRadius-br-tablet,var(--p8t82j-borderRadius-br,0px)) var(--p8t82j-borderRadius-bl-tablet,var(--p8t82j-borderRadius-bl,0px)); max-width: var(--p8t82j-max-width-tablet, var(--p8t82j-max-width, 100%)); height: if(style(--p8t82j-position-tablet: absolute): var(--p8t82j-height-tablet,var(--p8t82j-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--p8t82j-position-mobile, var(--p8t82j-position-tablet, var(--p8t82j-position, relative))); top: var(--p8t82j-top-mobile, var(--p8t82j-top-tablet, var(--p8t82j-top, auto))); right: var(--p8t82j-right-mobile, var(--p8t82j-right-tablet, var(--p8t82j-right, auto))); bottom: var(--p8t82j-bottom-mobile, var(--p8t82j-bottom-tablet, var(--p8t82j-bottom, auto))); left: var(--p8t82j-left-mobile, var(--p8t82j-left-tablet, var(--p8t82j-left, auto))); transform: var(--p8t82j-transform-mobile, var(--p8t82j-transform-tablet, var(--p8t82j-transform, none))); z-index: var(--p8t82j-z-index-mobile, var(--p8t82j-z-index-tablet, var(--p8t82j-z-index, 10))); aspect-ratio: var(--p8t82j-background-imageRatio-mobile, var(--p8t82j-background-imageRatio, auto)); border-width: var(--p8t82j-borderWidth-tl-mobile, var(--p8t82j-borderWidth-tl,0px)) var(--p8t82j-borderWidth-tr-mobile,var(--p8t82j-borderWidth-tr,0px)) var(--p8t82j-borderWidth-br-mobile,var(--p8t82j-borderWidth-br,0px)) var(--p8t82j-borderWidth-bl-mobile,var(--p8t82j-borderWidth-bl,0px)); border-radius: var(--p8t82j-borderRadius-tl-mobile,var(--p8t82j-borderRadius-tl,0px)) var(--p8t82j-borderRadius-tr-mobile,var(--p8t82j-borderRadius-tr,0px)) var(--p8t82j-borderRadius-br-mobile,var(--p8t82j-borderRadius-br,0px)) var(--p8t82j-borderRadius-bl-mobile,var(--p8t82j-borderRadius-bl,0px)); max-width: var(--p8t82j-max-width-mobile, var(--p8t82j-max-width, 100%)); height: if(style(--p8t82j-position-mobile: absolute): var(--p8t82j-height-mobile,var(--p8t82j-height-tablet,,var(--p8t82j-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--p8t82j-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--p8t82j-gap,var(--beae-card-gap)); padding-top: var(--p8t82j-padding-top,var(--beae-card-padding)); padding-right: var(--p8t82j-padding-right,var(--beae-card-padding)); padding-bottom: var(--p8t82j-padding-bottom,var(--beae-card-padding)); padding-left: var(--p8t82j-padding-left,var(--beae-card-padding)); border-width: var(--p8t82j-borderWidth-tl,var(--beae-card-border-width)) var(--p8t82j-borderWidth-tr,var(--beae-card-border-width)) var(--p8t82j-borderWidth-br,var(--beae-card-border-width)) var(--p8t82j-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p8t82j-borderRadius-tl,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-tr,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-br,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--p8t82j-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--p8t82j-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--p8t82j-gap-tablet,var(--beae-card-gap)); padding-top: var(--p8t82j-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--p8t82j-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--p8t82j-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--p8t82j-padding-left-tablet,var(--beae-card-padding)); border-width: var(--p8t82j-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--p8t82j-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--p8t82j-borderWidth-br-desktop,var(--beae-card-border-width)) var(--p8t82j-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--p8t82j-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--p8t82j-gap-mobile,var(--beae-card-gap)); padding-top: var(--p8t82j-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--p8t82j-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--p8t82j-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--p8t82j-padding-left-mobile,var(--beae-card-padding)); border-width: var(--p8t82j-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--p8t82j-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--p8t82j-borderWidth-br-mobile,var(--beae-card-border-width)) var(--p8t82j-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--p8t82j-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--p8t82j-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--p8t82j-background-color,var(--beae-card-featured-background)); border-color: var(--p8t82j-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--p8t82j-shadowHorizontal, var(--beae-card-shadow-x)) var(--p8t82j-shadowVertical, var(--beae-card-shadow-y)) var(--p8t82j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p8t82j-shadowColor, var(--beae-card-featured-shadow-color)) var(--p8t82j-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--p8t82j-background-color,var(--beae-card-prod-background)); border-color: var(--p8t82j-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--p8t82j-shadowHorizontal, var(--beae-card-shadow-x)) var(--p8t82j-shadowVertical, var(--beae-card-shadow-y)) var(--p8t82j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p8t82j-shadowColor, var(--beae-card-prod-shadow-color)) var(--p8t82j-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--p8t82j-background-color,var(--beae-card-pricing-background)); border-color: var(--p8t82j-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--p8t82j-shadowHorizontal, var(--beae-card-shadow-x)) var(--p8t82j-shadowVertical, var(--beae-card-shadow-y)) var(--p8t82j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p8t82j-shadowColor, var(--beae-card-pricing-shadow-color)) var(--p8t82j-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--p8t82j-background-color,var(--beae-card-cta-background)); border-color: var(--p8t82j-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--p8t82j-shadowHorizontal, var(--beae-card-shadow-x)) var(--p8t82j-shadowVertical, var(--beae-card-shadow-y)) var(--p8t82j-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p8t82j-shadowColor, var(--beae-card-cta-shadow-color)) var(--p8t82j-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-p8t82j"] {     display: flex;     flex-direction: var(--p8t82j-direction, column);     flex-wrap: nowrap;     justify-content: var(--p8t82j-justify-content);     align-items: var(--p8t82j-align-items);     gap: var(--p8t82j-gap, var(--p8t82j-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-p8t82j"] {                            gap: var(--p8t82j-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--p8t82j-padding-right-tablet, 0px) - var(--p8t82j-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-p8t82j"] {                            gap: var(--p8t82j-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--p8t82j-padding-right-mobile, 0px) - var(--p8t82j-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-5txfds"] { --5txfds-width: 100%; --5txfds-width-tablet: 100%; --5txfds-width-mobile: 100%; --5txfds-imageRatio: auto; --5txfds-imageRatio-tablet: auto; --5txfds-imageRatio-mobile: auto; --5txfds-objFit: cover; --5txfds-objFit-tablet: cover; --5txfds-objFit-mobile: cover; --5txfds-borderStyle: none; --5txfds-borderStyle-tablet: none; --5txfds-borderStyle-mobile: none; }[data-bnode="beae-5txfds"] { margin-top: var(--5txfds-margin-top, 0px); margin-right: var(--5txfds-margin-right, 0px); margin-bottom: var(--5txfds-margin-bottom, 0px); margin-left: var(--5txfds-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--5txfds-margin-top-tablet, 0px); margin-right: var(--5txfds-margin-right-tablet, 0px); margin-bottom: var(--5txfds-margin-bottom-tablet, 0px); margin-left: var(--5txfds-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--5txfds-margin-top-mobile, 0px); margin-right: var(--5txfds-margin-right-mobile, 0px); margin-bottom: var(--5txfds-margin-bottom-mobile, 0px); margin-left: var(--5txfds-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--5txfds-width,100%) - var(--5txfds-margin-left,0px) - var(--5txfds-margin-right,0px)); min-height: min-content; border-color: var(--5txfds-borderColor,var(--beae-card-media-border-color)); border-style: var(--5txfds-borderStyle,solid); border-width: var(--5txfds-borderWidth-tl,var(--beae-card-border-width)) var(--5txfds-borderWidth-tr,var(--beae-card-border-width)) var(--5txfds-borderWidth-br,var(--beae-card-border-width)) var(--5txfds-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5txfds-borderRadius-tl,var(--beae-card-border-radius)) var(--5txfds-borderRadius-tr,var(--beae-card-border-radius)) var(--5txfds-borderRadius-br,var(--beae-card-border-radius)) var(--5txfds-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--5txfds-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--5txfds-borderWidth-tl-tablet, var(--5txfds-borderWidth-tl,var(--beae-card-border-width))) var(--5txfds-borderWidth-tr-tablet, var(--5txfds-borderWidth-tr,var(--beae-card-border-width))) var(--5txfds-borderWidth-br-tablet, var(--5txfds-borderWidth-br,var(--beae-card-border-width))) var(--5txfds-borderWidth-bl-tablet, var(--5txfds-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--5txfds-borderRadius-tl-tablet, var(--5txfds-borderRadius-tl,var(--beae-card-border-radius))) var(--5txfds-borderRadius-tr-tablet, var(--5txfds-borderRadius-tr,var(--beae-card-border-radius))) var(--5txfds-borderRadius-br-tablet, var(--5txfds-borderRadius-br,var(--beae-card-border-radius))) var(--5txfds-borderRadius-bl-tablet, var(--5txfds-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--5txfds-borderWidth-tl-mobile, var(--5txfds-borderWidth-tl,var(--beae-card-border-width))) var(--5txfds-borderWidth-tr-mobile, var(--5txfds-borderWidth-tr,var(--beae-card-border-width))) var(--5txfds-borderWidth-br-mobile, var(--5txfds-borderWidth-br,var(--beae-card-border-width))) var(--5txfds-borderWidth-bl-mobile, var(--5txfds-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--5txfds-borderRadius-tl-mobile, var(--5txfds-borderRadius-tl,var(--beae-card-border-radius))) var(--5txfds-borderRadius-tr-mobile, var(--5txfds-borderRadius-tr,var(--beae-card-border-radius))) var(--5txfds-borderRadius-br-mobile, var(--5txfds-borderRadius-br,var(--beae-card-border-radius))) var(--5txfds-borderRadius-bl-mobile, var(--5txfds-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--5txfds-shadowHorizontal, var(--beae-card-shadow-x)) var(--5txfds-shadowVertical, var(--beae-card-shadow-y)) var(--5txfds-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5txfds-shadowColor, var(--beae-card-media-shadow-color)) var(--5txfds-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--5txfds-overlayColor-color, #000); opacity: var(--5txfds-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--5txfds-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--5txfds-width-tablet,var(--5txfds-width,100%)) - var(--5txfds-margin-left-tablet,var(--5txfds-margin-left,0px)) - var(--5txfds-margin-right-tablet,var(--5txfds-margin-right,0px))); aspect-ratio: var(--5txfds-imageRatio-tablet, var(--5txfds-imageRatio, auto)); img { object-fit: var(--5txfds-objFit-tablet, var(--5txfds-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--5txfds-width-mobile,var(--5txfds-width,100%)) - var(--5txfds-margin-left-mobile,var(--5txfds-margin-left,0px)) - var(--5txfds-margin-right-mobile,var(--5txfds-margin-right,0px))); aspect-ratio: var(--5txfds-imageRatio-mobile, var(--5txfds-imageRatio, auto)); img { object-fit: var(--5txfds-objFit-mobile, var(--5txfds-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-2cipqp"] { padding-top: var(--2cipqp-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--2cipqp-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--2cipqp-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--2cipqp-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--2cipqp-padding-top-tablet, var(--2cipqp-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--2cipqp-padding-right-tablet, var(--2cipqp-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--2cipqp-padding-bottom-tablet, var(--2cipqp-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--2cipqp-padding-left-tablet, var(--2cipqp-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--2cipqp-padding-top-mobile, var(--2cipqp-padding-top-tablet, var(--2cipqp-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--2cipqp-padding-right-mobile, var(--2cipqp-padding-right-tablet, var(--2cipqp-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--2cipqp-padding-bottom-mobile, var(--2cipqp-padding-bottom-tablet, var(--2cipqp-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--2cipqp-padding-left-mobile, var(--2cipqp-padding-left-tablet, var(--2cipqp-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--2cipqp-position, relative); top: var(--2cipqp-top, auto); right: var(--2cipqp-right, auto); bottom: var(--2cipqp-bottom, auto); left: var(--2cipqp-left, auto); transform: var(--2cipqp-transform, none); z-index: var(--2cipqp-z-index, 10); aspect-ratio: var(--2cipqp-background-imageRatio, auto); background: var(--2cipqp-background-color,transparent); border-style: var(--2cipqp-borderStyle,solid); border-color: var(--2cipqp-borderColor,#000000); border-width: var(--2cipqp-borderWidth-tl,0px) var(--2cipqp-borderWidth-tr,0px) var(--2cipqp-borderWidth-br,0px) var(--2cipqp-borderWidth-bl,0px); border-radius: var(--2cipqp-borderRadius-tl,0px) var(--2cipqp-borderRadius-tr,0px) var(--2cipqp-borderRadius-br,0px) var(--2cipqp-borderRadius-bl,0px); box-shadow: var(--2cipqp-shadowHorizontal, 0px) var(--2cipqp-shadowVertical, 0px) var(--2cipqp-shadowBlur, 0px) 1px color-mix( in srgb, var(--2cipqp-shadowColor, #000000) var(--2cipqp-shadowTransparent, 0%), transparent ); max-width: var(--2cipqp-max-width, 100%); width: 100%; height: if(style(--2cipqp-position: absolute): var(--2cipqp-height,100%); else: unset ); backdrop-filter:blur(var(--2cipqp-background-blur, none)) saturate(var(--2cipqp-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--2cipqp-position-tablet, var(--2cipqp-position, relative)); top: var(--2cipqp-top-tablet, var(--2cipqp-top, auto)); right: var(--2cipqp-right-tablet, var(--2cipqp-right, auto)); bottom: var(--2cipqp-bottom-tablet, var(--2cipqp-bottom, auto)); left: var(--2cipqp-left-tablet, var(--2cipqp-left, auto)); transform: var(--2cipqp-transform-tablet, var(--2cipqp-transform, none)); z-index: var(--2cipqp-z-index-tablet, var(--2cipqp-z-index, 10)); aspect-ratio: var(--2cipqp-background-imageRatio-tablet, var(--2cipqp-background-imageRatio, auto)); border-width: var(--2cipqp-borderWidth-tl-tablet, var(--2cipqp-borderWidth-tl,0px)) var(--2cipqp-borderWidth-tr-tablet,var(--2cipqp-borderWidth-tr,0px)) var(--2cipqp-borderWidth-br-tablet,var(--2cipqp-borderWidth-br,0px)) var(--2cipqp-borderWidth-bl-tablet,var(--2cipqp-borderWidth-bl,0px)); border-radius: var(--2cipqp-borderRadius-tl-tablet,var(--2cipqp-borderRadius-tl,0px)) var(--2cipqp-borderRadius-tr-tablet,var(--2cipqp-borderRadius-tr,0px)) var(--2cipqp-borderRadius-br-tablet,var(--2cipqp-borderRadius-br,0px)) var(--2cipqp-borderRadius-bl-tablet,var(--2cipqp-borderRadius-bl,0px)); max-width: var(--2cipqp-max-width-tablet, var(--2cipqp-max-width, 100%)); height: if(style(--2cipqp-position-tablet: absolute): var(--2cipqp-height-tablet,var(--2cipqp-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--2cipqp-position-mobile, var(--2cipqp-position-tablet, var(--2cipqp-position, relative))); top: var(--2cipqp-top-mobile, var(--2cipqp-top-tablet, var(--2cipqp-top, auto))); right: var(--2cipqp-right-mobile, var(--2cipqp-right-tablet, var(--2cipqp-right, auto))); bottom: var(--2cipqp-bottom-mobile, var(--2cipqp-bottom-tablet, var(--2cipqp-bottom, auto))); left: var(--2cipqp-left-mobile, var(--2cipqp-left-tablet, var(--2cipqp-left, auto))); transform: var(--2cipqp-transform-mobile, var(--2cipqp-transform-tablet, var(--2cipqp-transform, none))); z-index: var(--2cipqp-z-index-mobile, var(--2cipqp-z-index-tablet, var(--2cipqp-z-index, 10))); aspect-ratio: var(--2cipqp-background-imageRatio-mobile, var(--2cipqp-background-imageRatio, auto)); border-width: var(--2cipqp-borderWidth-tl-mobile, var(--2cipqp-borderWidth-tl,0px)) var(--2cipqp-borderWidth-tr-mobile,var(--2cipqp-borderWidth-tr,0px)) var(--2cipqp-borderWidth-br-mobile,var(--2cipqp-borderWidth-br,0px)) var(--2cipqp-borderWidth-bl-mobile,var(--2cipqp-borderWidth-bl,0px)); border-radius: var(--2cipqp-borderRadius-tl-mobile,var(--2cipqp-borderRadius-tl,0px)) var(--2cipqp-borderRadius-tr-mobile,var(--2cipqp-borderRadius-tr,0px)) var(--2cipqp-borderRadius-br-mobile,var(--2cipqp-borderRadius-br,0px)) var(--2cipqp-borderRadius-bl-mobile,var(--2cipqp-borderRadius-bl,0px)); max-width: var(--2cipqp-max-width-mobile, var(--2cipqp-max-width, 100%)); height: if(style(--2cipqp-position-mobile: absolute): var(--2cipqp-height-mobile,var(--2cipqp-height-tablet,,var(--2cipqp-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--2cipqp-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--2cipqp-gap,var(--beae-card-gap)); padding-top: var(--2cipqp-padding-top,var(--beae-card-padding)); padding-right: var(--2cipqp-padding-right,var(--beae-card-padding)); padding-bottom: var(--2cipqp-padding-bottom,var(--beae-card-padding)); padding-left: var(--2cipqp-padding-left,var(--beae-card-padding)); border-width: var(--2cipqp-borderWidth-tl,var(--beae-card-border-width)) var(--2cipqp-borderWidth-tr,var(--beae-card-border-width)) var(--2cipqp-borderWidth-br,var(--beae-card-border-width)) var(--2cipqp-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--2cipqp-borderRadius-tl,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-tr,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-br,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--2cipqp-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--2cipqp-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--2cipqp-gap-tablet,var(--beae-card-gap)); padding-top: var(--2cipqp-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--2cipqp-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--2cipqp-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--2cipqp-padding-left-tablet,var(--beae-card-padding)); border-width: var(--2cipqp-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--2cipqp-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--2cipqp-borderWidth-br-desktop,var(--beae-card-border-width)) var(--2cipqp-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--2cipqp-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--2cipqp-gap-mobile,var(--beae-card-gap)); padding-top: var(--2cipqp-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--2cipqp-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--2cipqp-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--2cipqp-padding-left-mobile,var(--beae-card-padding)); border-width: var(--2cipqp-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--2cipqp-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--2cipqp-borderWidth-br-mobile,var(--beae-card-border-width)) var(--2cipqp-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--2cipqp-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--2cipqp-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--2cipqp-background-color,var(--beae-card-featured-background)); border-color: var(--2cipqp-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--2cipqp-shadowHorizontal, var(--beae-card-shadow-x)) var(--2cipqp-shadowVertical, var(--beae-card-shadow-y)) var(--2cipqp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2cipqp-shadowColor, var(--beae-card-featured-shadow-color)) var(--2cipqp-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--2cipqp-background-color,var(--beae-card-prod-background)); border-color: var(--2cipqp-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--2cipqp-shadowHorizontal, var(--beae-card-shadow-x)) var(--2cipqp-shadowVertical, var(--beae-card-shadow-y)) var(--2cipqp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2cipqp-shadowColor, var(--beae-card-prod-shadow-color)) var(--2cipqp-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--2cipqp-background-color,var(--beae-card-pricing-background)); border-color: var(--2cipqp-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--2cipqp-shadowHorizontal, var(--beae-card-shadow-x)) var(--2cipqp-shadowVertical, var(--beae-card-shadow-y)) var(--2cipqp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2cipqp-shadowColor, var(--beae-card-pricing-shadow-color)) var(--2cipqp-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--2cipqp-background-color,var(--beae-card-cta-background)); border-color: var(--2cipqp-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--2cipqp-shadowHorizontal, var(--beae-card-shadow-x)) var(--2cipqp-shadowVertical, var(--beae-card-shadow-y)) var(--2cipqp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2cipqp-shadowColor, var(--beae-card-cta-shadow-color)) var(--2cipqp-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-2cipqp"] {     display: flex;     flex-direction: var(--2cipqp-direction, column);     flex-wrap: nowrap;     justify-content: var(--2cipqp-justify-content);     align-items: var(--2cipqp-align-items);     gap: var(--2cipqp-gap, var(--2cipqp-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-2cipqp"] {                            gap: var(--2cipqp-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2cipqp-padding-right-tablet, 0px) - var(--2cipqp-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-2cipqp"] {                            gap: var(--2cipqp-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2cipqp-padding-right-mobile, 0px) - var(--2cipqp-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mvnex7"] { --mvnex7-width: 100%; --mvnex7-width-tablet: 100%; --mvnex7-width-mobile: 100%; --mvnex7-imageRatio: auto; --mvnex7-imageRatio-tablet: auto; --mvnex7-imageRatio-mobile: auto; --mvnex7-objFit: cover; --mvnex7-objFit-tablet: cover; --mvnex7-objFit-mobile: cover; --mvnex7-borderStyle: none; --mvnex7-borderStyle-tablet: none; --mvnex7-borderStyle-mobile: none; }[data-bnode="beae-mvnex7"] { margin-top: var(--mvnex7-margin-top, 0px); margin-right: var(--mvnex7-margin-right, 0px); margin-bottom: var(--mvnex7-margin-bottom, 0px); margin-left: var(--mvnex7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mvnex7-margin-top-tablet, 0px); margin-right: var(--mvnex7-margin-right-tablet, 0px); margin-bottom: var(--mvnex7-margin-bottom-tablet, 0px); margin-left: var(--mvnex7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mvnex7-margin-top-mobile, 0px); margin-right: var(--mvnex7-margin-right-mobile, 0px); margin-bottom: var(--mvnex7-margin-bottom-mobile, 0px); margin-left: var(--mvnex7-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--mvnex7-width,100%) - var(--mvnex7-margin-left,0px) - var(--mvnex7-margin-right,0px)); min-height: min-content; border-color: var(--mvnex7-borderColor,var(--beae-card-media-border-color)); border-style: var(--mvnex7-borderStyle,solid); border-width: var(--mvnex7-borderWidth-tl,var(--beae-card-border-width)) var(--mvnex7-borderWidth-tr,var(--beae-card-border-width)) var(--mvnex7-borderWidth-br,var(--beae-card-border-width)) var(--mvnex7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--mvnex7-borderRadius-tl,var(--beae-card-border-radius)) var(--mvnex7-borderRadius-tr,var(--beae-card-border-radius)) var(--mvnex7-borderRadius-br,var(--beae-card-border-radius)) var(--mvnex7-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--mvnex7-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--mvnex7-borderWidth-tl-tablet, var(--mvnex7-borderWidth-tl,var(--beae-card-border-width))) var(--mvnex7-borderWidth-tr-tablet, var(--mvnex7-borderWidth-tr,var(--beae-card-border-width))) var(--mvnex7-borderWidth-br-tablet, var(--mvnex7-borderWidth-br,var(--beae-card-border-width))) var(--mvnex7-borderWidth-bl-tablet, var(--mvnex7-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--mvnex7-borderRadius-tl-tablet, var(--mvnex7-borderRadius-tl,var(--beae-card-border-radius))) var(--mvnex7-borderRadius-tr-tablet, var(--mvnex7-borderRadius-tr,var(--beae-card-border-radius))) var(--mvnex7-borderRadius-br-tablet, var(--mvnex7-borderRadius-br,var(--beae-card-border-radius))) var(--mvnex7-borderRadius-bl-tablet, var(--mvnex7-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--mvnex7-borderWidth-tl-mobile, var(--mvnex7-borderWidth-tl,var(--beae-card-border-width))) var(--mvnex7-borderWidth-tr-mobile, var(--mvnex7-borderWidth-tr,var(--beae-card-border-width))) var(--mvnex7-borderWidth-br-mobile, var(--mvnex7-borderWidth-br,var(--beae-card-border-width))) var(--mvnex7-borderWidth-bl-mobile, var(--mvnex7-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--mvnex7-borderRadius-tl-mobile, var(--mvnex7-borderRadius-tl,var(--beae-card-border-radius))) var(--mvnex7-borderRadius-tr-mobile, var(--mvnex7-borderRadius-tr,var(--beae-card-border-radius))) var(--mvnex7-borderRadius-br-mobile, var(--mvnex7-borderRadius-br,var(--beae-card-border-radius))) var(--mvnex7-borderRadius-bl-mobile, var(--mvnex7-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--mvnex7-shadowHorizontal, var(--beae-card-shadow-x)) var(--mvnex7-shadowVertical, var(--beae-card-shadow-y)) var(--mvnex7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mvnex7-shadowColor, var(--beae-card-media-shadow-color)) var(--mvnex7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--mvnex7-overlayColor-color, #000); opacity: var(--mvnex7-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--mvnex7-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--mvnex7-width-tablet,var(--mvnex7-width,100%)) - var(--mvnex7-margin-left-tablet,var(--mvnex7-margin-left,0px)) - var(--mvnex7-margin-right-tablet,var(--mvnex7-margin-right,0px))); aspect-ratio: var(--mvnex7-imageRatio-tablet, var(--mvnex7-imageRatio, auto)); img { object-fit: var(--mvnex7-objFit-tablet, var(--mvnex7-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--mvnex7-width-mobile,var(--mvnex7-width,100%)) - var(--mvnex7-margin-left-mobile,var(--mvnex7-margin-left,0px)) - var(--mvnex7-margin-right-mobile,var(--mvnex7-margin-right,0px))); aspect-ratio: var(--mvnex7-imageRatio-mobile, var(--mvnex7-imageRatio, auto)); img { object-fit: var(--mvnex7-objFit-mobile, var(--mvnex7-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-7r4a9e"] { --7r4a9e-direction: column; --7r4a9e-direction-tablet: column; --7r4a9e-direction-mobile: column; --7r4a9e-gap: 16px; --7r4a9e-gap-tablet: 16px; --7r4a9e-gap-mobile: 16px; --7r4a9e-padding-top: 12px; --7r4a9e-padding-top-tablet: 12px; --7r4a9e-padding-top-mobile: 12px; --7r4a9e-padding-bottom: 12px; --7r4a9e-padding-bottom-tablet: 12px; --7r4a9e-padding-bottom-mobile: 12px; --7r4a9e-padding-left: 20px; --7r4a9e-padding-left-tablet: 20px; --7r4a9e-padding-left-mobile: 20px; --7r4a9e-padding-right: 20px; --7r4a9e-padding-right-tablet: 20px; --7r4a9e-padding-right-mobile: 20px; --7r4a9e-borderStyle: none; --7r4a9e-borderStyle-tablet: none; --7r4a9e-borderStyle-mobile: none; --7r4a9e-borderWidth-tl: 0px; --7r4a9e-borderWidth-tl-tablet: 0px; --7r4a9e-borderWidth-tl-mobile: 0px; --7r4a9e-borderWidth-tr: 1px; --7r4a9e-borderWidth-tr-tablet: 1px; --7r4a9e-borderWidth-tr-mobile: 1px; --7r4a9e-borderWidth-bl: 1px; --7r4a9e-borderWidth-bl-tablet: 1px; --7r4a9e-borderWidth-bl-mobile: 1px; --7r4a9e-borderWidth-br: 1px; --7r4a9e-borderWidth-br-tablet: 1px; --7r4a9e-borderWidth-br-mobile: 1px; --7r4a9e-borderColor: #e6e6e6; --7r4a9e-borderColor-tablet: #e6e6e6; --7r4a9e-borderColor-mobile: #e6e6e6; }[data-bnode="beae-7r4a9e"] { padding-top: var(--7r4a9e-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7r4a9e-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7r4a9e-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7r4a9e-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7r4a9e-padding-top-tablet, var(--7r4a9e-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7r4a9e-padding-right-tablet, var(--7r4a9e-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7r4a9e-padding-bottom-tablet, var(--7r4a9e-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7r4a9e-padding-left-tablet, var(--7r4a9e-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7r4a9e-padding-top-mobile, var(--7r4a9e-padding-top-tablet, var(--7r4a9e-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7r4a9e-padding-right-mobile, var(--7r4a9e-padding-right-tablet, var(--7r4a9e-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7r4a9e-padding-bottom-mobile, var(--7r4a9e-padding-bottom-tablet, var(--7r4a9e-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7r4a9e-padding-left-mobile, var(--7r4a9e-padding-left-tablet, var(--7r4a9e-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--7r4a9e-position, relative); top: var(--7r4a9e-top, auto); right: var(--7r4a9e-right, auto); bottom: var(--7r4a9e-bottom, auto); left: var(--7r4a9e-left, auto); transform: var(--7r4a9e-transform, none); z-index: var(--7r4a9e-z-index, 10); aspect-ratio: var(--7r4a9e-background-imageRatio, auto); background: var(--7r4a9e-background-color,transparent); border-style: var(--7r4a9e-borderStyle,solid); border-color: var(--7r4a9e-borderColor,#000000); border-width: var(--7r4a9e-borderWidth-tl,0px) var(--7r4a9e-borderWidth-tr,0px) var(--7r4a9e-borderWidth-br,0px) var(--7r4a9e-borderWidth-bl,0px); border-radius: var(--7r4a9e-borderRadius-tl,0px) var(--7r4a9e-borderRadius-tr,0px) var(--7r4a9e-borderRadius-br,0px) var(--7r4a9e-borderRadius-bl,0px); box-shadow: var(--7r4a9e-shadowHorizontal, 0px) var(--7r4a9e-shadowVertical, 0px) var(--7r4a9e-shadowBlur, 0px) 1px color-mix( in srgb, var(--7r4a9e-shadowColor, #000000) var(--7r4a9e-shadowTransparent, 0%), transparent ); max-width: var(--7r4a9e-max-width, 100%); width: 100%; height: if(style(--7r4a9e-position: absolute): var(--7r4a9e-height,100%); else: unset ); backdrop-filter:blur(var(--7r4a9e-background-blur, none)) saturate(var(--7r4a9e-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--7r4a9e-position-tablet, var(--7r4a9e-position, relative)); top: var(--7r4a9e-top-tablet, var(--7r4a9e-top, auto)); right: var(--7r4a9e-right-tablet, var(--7r4a9e-right, auto)); bottom: var(--7r4a9e-bottom-tablet, var(--7r4a9e-bottom, auto)); left: var(--7r4a9e-left-tablet, var(--7r4a9e-left, auto)); transform: var(--7r4a9e-transform-tablet, var(--7r4a9e-transform, none)); z-index: var(--7r4a9e-z-index-tablet, var(--7r4a9e-z-index, 10)); aspect-ratio: var(--7r4a9e-background-imageRatio-tablet, var(--7r4a9e-background-imageRatio, auto)); border-width: var(--7r4a9e-borderWidth-tl-tablet, var(--7r4a9e-borderWidth-tl,0px)) var(--7r4a9e-borderWidth-tr-tablet,var(--7r4a9e-borderWidth-tr,0px)) var(--7r4a9e-borderWidth-br-tablet,var(--7r4a9e-borderWidth-br,0px)) var(--7r4a9e-borderWidth-bl-tablet,var(--7r4a9e-borderWidth-bl,0px)); border-radius: var(--7r4a9e-borderRadius-tl-tablet,var(--7r4a9e-borderRadius-tl,0px)) var(--7r4a9e-borderRadius-tr-tablet,var(--7r4a9e-borderRadius-tr,0px)) var(--7r4a9e-borderRadius-br-tablet,var(--7r4a9e-borderRadius-br,0px)) var(--7r4a9e-borderRadius-bl-tablet,var(--7r4a9e-borderRadius-bl,0px)); max-width: var(--7r4a9e-max-width-tablet, var(--7r4a9e-max-width, 100%)); height: if(style(--7r4a9e-position-tablet: absolute): var(--7r4a9e-height-tablet,var(--7r4a9e-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--7r4a9e-position-mobile, var(--7r4a9e-position-tablet, var(--7r4a9e-position, relative))); top: var(--7r4a9e-top-mobile, var(--7r4a9e-top-tablet, var(--7r4a9e-top, auto))); right: var(--7r4a9e-right-mobile, var(--7r4a9e-right-tablet, var(--7r4a9e-right, auto))); bottom: var(--7r4a9e-bottom-mobile, var(--7r4a9e-bottom-tablet, var(--7r4a9e-bottom, auto))); left: var(--7r4a9e-left-mobile, var(--7r4a9e-left-tablet, var(--7r4a9e-left, auto))); transform: var(--7r4a9e-transform-mobile, var(--7r4a9e-transform-tablet, var(--7r4a9e-transform, none))); z-index: var(--7r4a9e-z-index-mobile, var(--7r4a9e-z-index-tablet, var(--7r4a9e-z-index, 10))); aspect-ratio: var(--7r4a9e-background-imageRatio-mobile, var(--7r4a9e-background-imageRatio, auto)); border-width: var(--7r4a9e-borderWidth-tl-mobile, var(--7r4a9e-borderWidth-tl,0px)) var(--7r4a9e-borderWidth-tr-mobile,var(--7r4a9e-borderWidth-tr,0px)) var(--7r4a9e-borderWidth-br-mobile,var(--7r4a9e-borderWidth-br,0px)) var(--7r4a9e-borderWidth-bl-mobile,var(--7r4a9e-borderWidth-bl,0px)); border-radius: var(--7r4a9e-borderRadius-tl-mobile,var(--7r4a9e-borderRadius-tl,0px)) var(--7r4a9e-borderRadius-tr-mobile,var(--7r4a9e-borderRadius-tr,0px)) var(--7r4a9e-borderRadius-br-mobile,var(--7r4a9e-borderRadius-br,0px)) var(--7r4a9e-borderRadius-bl-mobile,var(--7r4a9e-borderRadius-bl,0px)); max-width: var(--7r4a9e-max-width-mobile, var(--7r4a9e-max-width, 100%)); height: if(style(--7r4a9e-position-mobile: absolute): var(--7r4a9e-height-mobile,var(--7r4a9e-height-tablet,,var(--7r4a9e-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7r4a9e-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--7r4a9e-gap,var(--beae-card-gap)); padding-top: var(--7r4a9e-padding-top,var(--beae-card-padding)); padding-right: var(--7r4a9e-padding-right,var(--beae-card-padding)); padding-bottom: var(--7r4a9e-padding-bottom,var(--beae-card-padding)); padding-left: var(--7r4a9e-padding-left,var(--beae-card-padding)); border-width: var(--7r4a9e-borderWidth-tl,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-tr,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-br,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7r4a9e-borderRadius-tl,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-tr,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-br,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--7r4a9e-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--7r4a9e-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--7r4a9e-gap-tablet,var(--beae-card-gap)); padding-top: var(--7r4a9e-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7r4a9e-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7r4a9e-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7r4a9e-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7r4a9e-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7r4a9e-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--7r4a9e-gap-mobile,var(--beae-card-gap)); padding-top: var(--7r4a9e-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7r4a9e-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7r4a9e-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7r4a9e-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7r4a9e-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7r4a9e-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7r4a9e-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7r4a9e-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7r4a9e-background-color,var(--beae-card-featured-background)); border-color: var(--7r4a9e-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--7r4a9e-shadowHorizontal, var(--beae-card-shadow-x)) var(--7r4a9e-shadowVertical, var(--beae-card-shadow-y)) var(--7r4a9e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7r4a9e-shadowColor, var(--beae-card-featured-shadow-color)) var(--7r4a9e-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--7r4a9e-background-color,var(--beae-card-prod-background)); border-color: var(--7r4a9e-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--7r4a9e-shadowHorizontal, var(--beae-card-shadow-x)) var(--7r4a9e-shadowVertical, var(--beae-card-shadow-y)) var(--7r4a9e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7r4a9e-shadowColor, var(--beae-card-prod-shadow-color)) var(--7r4a9e-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--7r4a9e-background-color,var(--beae-card-pricing-background)); border-color: var(--7r4a9e-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--7r4a9e-shadowHorizontal, var(--beae-card-shadow-x)) var(--7r4a9e-shadowVertical, var(--beae-card-shadow-y)) var(--7r4a9e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7r4a9e-shadowColor, var(--beae-card-pricing-shadow-color)) var(--7r4a9e-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--7r4a9e-background-color,var(--beae-card-cta-background)); border-color: var(--7r4a9e-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--7r4a9e-shadowHorizontal, var(--beae-card-shadow-x)) var(--7r4a9e-shadowVertical, var(--beae-card-shadow-y)) var(--7r4a9e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7r4a9e-shadowColor, var(--beae-card-cta-shadow-color)) var(--7r4a9e-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-7r4a9e"] {     display: flex;     flex-direction: var(--7r4a9e-direction, column);     flex-wrap: nowrap;     justify-content: var(--7r4a9e-justify-content);     align-items: var(--7r4a9e-align-items);     gap: var(--7r4a9e-gap, var(--7r4a9e-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7r4a9e"] {                            gap: var(--7r4a9e-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--7r4a9e-padding-right-tablet, 0px) - var(--7r4a9e-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7r4a9e"] {                            gap: var(--7r4a9e-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--7r4a9e-padding-right-mobile, 0px) - var(--7r4a9e-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-os8sme"] { --beae-p-color: #fefcf0; }[data-bnode="beae-os8sme"] { margin-top: var(--os8sme-margin-top, 0px); margin-right: var(--os8sme-margin-right, 0px); margin-bottom: var(--os8sme-margin-bottom, 0px); margin-left: var(--os8sme-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--os8sme-margin-top-tablet, 0px); margin-right: var(--os8sme-margin-right-tablet, 0px); margin-bottom: var(--os8sme-margin-bottom-tablet, 0px); margin-left: var(--os8sme-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--os8sme-margin-top-mobile, 0px); margin-right: var(--os8sme-margin-right-mobile, 0px); margin-bottom: var(--os8sme-margin-bottom-mobile, 0px); margin-left: var(--os8sme-margin-left-mobile, 0px); } }[data-bnode="beae-2x63k2"] { --2x63k2-direction: row; --2x63k2-direction-tablet: row; --2x63k2-direction-mobile: row; --2x63k2-structure: columns; --2x63k2-structure-tablet: columns; --2x63k2-structure-mobile: columns; }[data-bnode="beae-2x63k2"] { padding-top: var(--2x63k2-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--2x63k2-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--2x63k2-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--2x63k2-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--2x63k2-padding-top-tablet, var(--2x63k2-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--2x63k2-padding-right-tablet, var(--2x63k2-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--2x63k2-padding-bottom-tablet, var(--2x63k2-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--2x63k2-padding-left-tablet, var(--2x63k2-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--2x63k2-padding-top-mobile, var(--2x63k2-padding-top-tablet, var(--2x63k2-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--2x63k2-padding-right-mobile, var(--2x63k2-padding-right-tablet, var(--2x63k2-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--2x63k2-padding-bottom-mobile, var(--2x63k2-padding-bottom-tablet, var(--2x63k2-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--2x63k2-padding-left-mobile, var(--2x63k2-padding-left-tablet, var(--2x63k2-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--2x63k2-position, relative); top: var(--2x63k2-top, auto); right: var(--2x63k2-right, auto); bottom: var(--2x63k2-bottom, auto); left: var(--2x63k2-left, auto); transform: var(--2x63k2-transform, none); z-index: var(--2x63k2-z-index, 10); aspect-ratio: var(--2x63k2-background-imageRatio, auto); background: var(--2x63k2-background-color,transparent); border-style: var(--2x63k2-borderStyle,solid); border-color: var(--2x63k2-borderColor,#000000); border-width: var(--2x63k2-borderWidth-tl,0px) var(--2x63k2-borderWidth-tr,0px) var(--2x63k2-borderWidth-br,0px) var(--2x63k2-borderWidth-bl,0px); border-radius: var(--2x63k2-borderRadius-tl,0px) var(--2x63k2-borderRadius-tr,0px) var(--2x63k2-borderRadius-br,0px) var(--2x63k2-borderRadius-bl,0px); box-shadow: var(--2x63k2-shadowHorizontal, 0px) var(--2x63k2-shadowVertical, 0px) var(--2x63k2-shadowBlur, 0px) 1px color-mix( in srgb, var(--2x63k2-shadowColor, #000000) var(--2x63k2-shadowTransparent, 0%), transparent ); max-width: var(--2x63k2-max-width, 100%); width: 100%; height: if(style(--2x63k2-position: absolute): var(--2x63k2-height,100%); else: unset ); backdrop-filter:blur(var(--2x63k2-background-blur, none)) saturate(var(--2x63k2-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--2x63k2-position-tablet, var(--2x63k2-position, relative)); top: var(--2x63k2-top-tablet, var(--2x63k2-top, auto)); right: var(--2x63k2-right-tablet, var(--2x63k2-right, auto)); bottom: var(--2x63k2-bottom-tablet, var(--2x63k2-bottom, auto)); left: var(--2x63k2-left-tablet, var(--2x63k2-left, auto)); transform: var(--2x63k2-transform-tablet, var(--2x63k2-transform, none)); z-index: var(--2x63k2-z-index-tablet, var(--2x63k2-z-index, 10)); aspect-ratio: var(--2x63k2-background-imageRatio-tablet, var(--2x63k2-background-imageRatio, auto)); border-width: var(--2x63k2-borderWidth-tl-tablet, var(--2x63k2-borderWidth-tl,0px)) var(--2x63k2-borderWidth-tr-tablet,var(--2x63k2-borderWidth-tr,0px)) var(--2x63k2-borderWidth-br-tablet,var(--2x63k2-borderWidth-br,0px)) var(--2x63k2-borderWidth-bl-tablet,var(--2x63k2-borderWidth-bl,0px)); border-radius: var(--2x63k2-borderRadius-tl-tablet,var(--2x63k2-borderRadius-tl,0px)) var(--2x63k2-borderRadius-tr-tablet,var(--2x63k2-borderRadius-tr,0px)) var(--2x63k2-borderRadius-br-tablet,var(--2x63k2-borderRadius-br,0px)) var(--2x63k2-borderRadius-bl-tablet,var(--2x63k2-borderRadius-bl,0px)); max-width: var(--2x63k2-max-width-tablet, var(--2x63k2-max-width, 100%)); height: if(style(--2x63k2-position-tablet: absolute): var(--2x63k2-height-tablet,var(--2x63k2-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--2x63k2-position-mobile, var(--2x63k2-position-tablet, var(--2x63k2-position, relative))); top: var(--2x63k2-top-mobile, var(--2x63k2-top-tablet, var(--2x63k2-top, auto))); right: var(--2x63k2-right-mobile, var(--2x63k2-right-tablet, var(--2x63k2-right, auto))); bottom: var(--2x63k2-bottom-mobile, var(--2x63k2-bottom-tablet, var(--2x63k2-bottom, auto))); left: var(--2x63k2-left-mobile, var(--2x63k2-left-tablet, var(--2x63k2-left, auto))); transform: var(--2x63k2-transform-mobile, var(--2x63k2-transform-tablet, var(--2x63k2-transform, none))); z-index: var(--2x63k2-z-index-mobile, var(--2x63k2-z-index-tablet, var(--2x63k2-z-index, 10))); aspect-ratio: var(--2x63k2-background-imageRatio-mobile, var(--2x63k2-background-imageRatio, auto)); border-width: var(--2x63k2-borderWidth-tl-mobile, var(--2x63k2-borderWidth-tl,0px)) var(--2x63k2-borderWidth-tr-mobile,var(--2x63k2-borderWidth-tr,0px)) var(--2x63k2-borderWidth-br-mobile,var(--2x63k2-borderWidth-br,0px)) var(--2x63k2-borderWidth-bl-mobile,var(--2x63k2-borderWidth-bl,0px)); border-radius: var(--2x63k2-borderRadius-tl-mobile,var(--2x63k2-borderRadius-tl,0px)) var(--2x63k2-borderRadius-tr-mobile,var(--2x63k2-borderRadius-tr,0px)) var(--2x63k2-borderRadius-br-mobile,var(--2x63k2-borderRadius-br,0px)) var(--2x63k2-borderRadius-bl-mobile,var(--2x63k2-borderRadius-bl,0px)); max-width: var(--2x63k2-max-width-mobile, var(--2x63k2-max-width, 100%)); height: if(style(--2x63k2-position-mobile: absolute): var(--2x63k2-height-mobile,var(--2x63k2-height-tablet,,var(--2x63k2-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--2x63k2-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--2x63k2-gap,var(--beae-card-gap)); padding-top: var(--2x63k2-padding-top,var(--beae-card-padding)); padding-right: var(--2x63k2-padding-right,var(--beae-card-padding)); padding-bottom: var(--2x63k2-padding-bottom,var(--beae-card-padding)); padding-left: var(--2x63k2-padding-left,var(--beae-card-padding)); border-width: var(--2x63k2-borderWidth-tl,var(--beae-card-border-width)) var(--2x63k2-borderWidth-tr,var(--beae-card-border-width)) var(--2x63k2-borderWidth-br,var(--beae-card-border-width)) var(--2x63k2-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--2x63k2-borderRadius-tl,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-tr,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-br,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--2x63k2-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--2x63k2-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--2x63k2-gap-tablet,var(--beae-card-gap)); padding-top: var(--2x63k2-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--2x63k2-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--2x63k2-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--2x63k2-padding-left-tablet,var(--beae-card-padding)); border-width: var(--2x63k2-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--2x63k2-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--2x63k2-borderWidth-br-desktop,var(--beae-card-border-width)) var(--2x63k2-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--2x63k2-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--2x63k2-gap-mobile,var(--beae-card-gap)); padding-top: var(--2x63k2-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--2x63k2-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--2x63k2-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--2x63k2-padding-left-mobile,var(--beae-card-padding)); border-width: var(--2x63k2-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--2x63k2-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--2x63k2-borderWidth-br-mobile,var(--beae-card-border-width)) var(--2x63k2-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--2x63k2-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--2x63k2-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--2x63k2-background-color,var(--beae-card-featured-background)); border-color: var(--2x63k2-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--2x63k2-shadowHorizontal, var(--beae-card-shadow-x)) var(--2x63k2-shadowVertical, var(--beae-card-shadow-y)) var(--2x63k2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2x63k2-shadowColor, var(--beae-card-featured-shadow-color)) var(--2x63k2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--2x63k2-background-color,var(--beae-card-prod-background)); border-color: var(--2x63k2-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--2x63k2-shadowHorizontal, var(--beae-card-shadow-x)) var(--2x63k2-shadowVertical, var(--beae-card-shadow-y)) var(--2x63k2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2x63k2-shadowColor, var(--beae-card-prod-shadow-color)) var(--2x63k2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--2x63k2-background-color,var(--beae-card-pricing-background)); border-color: var(--2x63k2-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--2x63k2-shadowHorizontal, var(--beae-card-shadow-x)) var(--2x63k2-shadowVertical, var(--beae-card-shadow-y)) var(--2x63k2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2x63k2-shadowColor, var(--beae-card-pricing-shadow-color)) var(--2x63k2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--2x63k2-background-color,var(--beae-card-cta-background)); border-color: var(--2x63k2-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--2x63k2-shadowHorizontal, var(--beae-card-shadow-x)) var(--2x63k2-shadowVertical, var(--beae-card-shadow-y)) var(--2x63k2-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2x63k2-shadowColor, var(--beae-card-cta-shadow-color)) var(--2x63k2-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-2x63k2"] {     display: flex;     flex-direction: var(--2x63k2-direction, column);     flex-wrap: nowrap;     justify-content: var(--2x63k2-justify-content);     align-items: var(--2x63k2-align-items);     gap: var(--2x63k2-gap, var(--2x63k2-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(--2x63k2-padding-right, 0px) - var(--2x63k2-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-2x63k2"] {                            gap: var(--2x63k2-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2x63k2-padding-right-tablet, 0px) - var(--2x63k2-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-2x63k2"] {                            gap: var(--2x63k2-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--2x63k2-padding-right-mobile, 0px) - var(--2x63k2-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-w1ll47"] { --w1ll47-direction: row; --w1ll47-direction-tablet: row; --w1ll47-direction-mobile: row; --w1ll47-structure: columns; --w1ll47-structure-tablet: columns; --w1ll47-structure-mobile: columns; }[data-bnode="beae-w1ll47"] { padding-top: var(--w1ll47-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--w1ll47-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--w1ll47-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--w1ll47-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--w1ll47-padding-top-tablet, var(--w1ll47-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--w1ll47-padding-right-tablet, var(--w1ll47-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--w1ll47-padding-bottom-tablet, var(--w1ll47-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--w1ll47-padding-left-tablet, var(--w1ll47-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--w1ll47-padding-top-mobile, var(--w1ll47-padding-top-tablet, var(--w1ll47-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--w1ll47-padding-right-mobile, var(--w1ll47-padding-right-tablet, var(--w1ll47-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--w1ll47-padding-bottom-mobile, var(--w1ll47-padding-bottom-tablet, var(--w1ll47-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--w1ll47-padding-left-mobile, var(--w1ll47-padding-left-tablet, var(--w1ll47-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--w1ll47-position, relative); top: var(--w1ll47-top, auto); right: var(--w1ll47-right, auto); bottom: var(--w1ll47-bottom, auto); left: var(--w1ll47-left, auto); transform: var(--w1ll47-transform, none); z-index: var(--w1ll47-z-index, 10); aspect-ratio: var(--w1ll47-background-imageRatio, auto); background: var(--w1ll47-background-color,transparent); border-style: var(--w1ll47-borderStyle,solid); border-color: var(--w1ll47-borderColor,#000000); border-width: var(--w1ll47-borderWidth-tl,0px) var(--w1ll47-borderWidth-tr,0px) var(--w1ll47-borderWidth-br,0px) var(--w1ll47-borderWidth-bl,0px); border-radius: var(--w1ll47-borderRadius-tl,0px) var(--w1ll47-borderRadius-tr,0px) var(--w1ll47-borderRadius-br,0px) var(--w1ll47-borderRadius-bl,0px); box-shadow: var(--w1ll47-shadowHorizontal, 0px) var(--w1ll47-shadowVertical, 0px) var(--w1ll47-shadowBlur, 0px) 1px color-mix( in srgb, var(--w1ll47-shadowColor, #000000) var(--w1ll47-shadowTransparent, 0%), transparent ); max-width: var(--w1ll47-max-width, 100%); width: 100%; height: if(style(--w1ll47-position: absolute): var(--w1ll47-height,100%); else: unset ); backdrop-filter:blur(var(--w1ll47-background-blur, none)) saturate(var(--w1ll47-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--w1ll47-position-tablet, var(--w1ll47-position, relative)); top: var(--w1ll47-top-tablet, var(--w1ll47-top, auto)); right: var(--w1ll47-right-tablet, var(--w1ll47-right, auto)); bottom: var(--w1ll47-bottom-tablet, var(--w1ll47-bottom, auto)); left: var(--w1ll47-left-tablet, var(--w1ll47-left, auto)); transform: var(--w1ll47-transform-tablet, var(--w1ll47-transform, none)); z-index: var(--w1ll47-z-index-tablet, var(--w1ll47-z-index, 10)); aspect-ratio: var(--w1ll47-background-imageRatio-tablet, var(--w1ll47-background-imageRatio, auto)); border-width: var(--w1ll47-borderWidth-tl-tablet, var(--w1ll47-borderWidth-tl,0px)) var(--w1ll47-borderWidth-tr-tablet,var(--w1ll47-borderWidth-tr,0px)) var(--w1ll47-borderWidth-br-tablet,var(--w1ll47-borderWidth-br,0px)) var(--w1ll47-borderWidth-bl-tablet,var(--w1ll47-borderWidth-bl,0px)); border-radius: var(--w1ll47-borderRadius-tl-tablet,var(--w1ll47-borderRadius-tl,0px)) var(--w1ll47-borderRadius-tr-tablet,var(--w1ll47-borderRadius-tr,0px)) var(--w1ll47-borderRadius-br-tablet,var(--w1ll47-borderRadius-br,0px)) var(--w1ll47-borderRadius-bl-tablet,var(--w1ll47-borderRadius-bl,0px)); max-width: var(--w1ll47-max-width-tablet, var(--w1ll47-max-width, 100%)); height: if(style(--w1ll47-position-tablet: absolute): var(--w1ll47-height-tablet,var(--w1ll47-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--w1ll47-position-mobile, var(--w1ll47-position-tablet, var(--w1ll47-position, relative))); top: var(--w1ll47-top-mobile, var(--w1ll47-top-tablet, var(--w1ll47-top, auto))); right: var(--w1ll47-right-mobile, var(--w1ll47-right-tablet, var(--w1ll47-right, auto))); bottom: var(--w1ll47-bottom-mobile, var(--w1ll47-bottom-tablet, var(--w1ll47-bottom, auto))); left: var(--w1ll47-left-mobile, var(--w1ll47-left-tablet, var(--w1ll47-left, auto))); transform: var(--w1ll47-transform-mobile, var(--w1ll47-transform-tablet, var(--w1ll47-transform, none))); z-index: var(--w1ll47-z-index-mobile, var(--w1ll47-z-index-tablet, var(--w1ll47-z-index, 10))); aspect-ratio: var(--w1ll47-background-imageRatio-mobile, var(--w1ll47-background-imageRatio, auto)); border-width: var(--w1ll47-borderWidth-tl-mobile, var(--w1ll47-borderWidth-tl,0px)) var(--w1ll47-borderWidth-tr-mobile,var(--w1ll47-borderWidth-tr,0px)) var(--w1ll47-borderWidth-br-mobile,var(--w1ll47-borderWidth-br,0px)) var(--w1ll47-borderWidth-bl-mobile,var(--w1ll47-borderWidth-bl,0px)); border-radius: var(--w1ll47-borderRadius-tl-mobile,var(--w1ll47-borderRadius-tl,0px)) var(--w1ll47-borderRadius-tr-mobile,var(--w1ll47-borderRadius-tr,0px)) var(--w1ll47-borderRadius-br-mobile,var(--w1ll47-borderRadius-br,0px)) var(--w1ll47-borderRadius-bl-mobile,var(--w1ll47-borderRadius-bl,0px)); max-width: var(--w1ll47-max-width-mobile, var(--w1ll47-max-width, 100%)); height: if(style(--w1ll47-position-mobile: absolute): var(--w1ll47-height-mobile,var(--w1ll47-height-tablet,,var(--w1ll47-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--w1ll47-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--w1ll47-gap,var(--beae-card-gap)); padding-top: var(--w1ll47-padding-top,var(--beae-card-padding)); padding-right: var(--w1ll47-padding-right,var(--beae-card-padding)); padding-bottom: var(--w1ll47-padding-bottom,var(--beae-card-padding)); padding-left: var(--w1ll47-padding-left,var(--beae-card-padding)); border-width: var(--w1ll47-borderWidth-tl,var(--beae-card-border-width)) var(--w1ll47-borderWidth-tr,var(--beae-card-border-width)) var(--w1ll47-borderWidth-br,var(--beae-card-border-width)) var(--w1ll47-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--w1ll47-borderRadius-tl,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-tr,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-br,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--w1ll47-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--w1ll47-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--w1ll47-gap-tablet,var(--beae-card-gap)); padding-top: var(--w1ll47-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--w1ll47-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--w1ll47-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--w1ll47-padding-left-tablet,var(--beae-card-padding)); border-width: var(--w1ll47-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--w1ll47-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--w1ll47-borderWidth-br-desktop,var(--beae-card-border-width)) var(--w1ll47-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--w1ll47-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--w1ll47-gap-mobile,var(--beae-card-gap)); padding-top: var(--w1ll47-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--w1ll47-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--w1ll47-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--w1ll47-padding-left-mobile,var(--beae-card-padding)); border-width: var(--w1ll47-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--w1ll47-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--w1ll47-borderWidth-br-mobile,var(--beae-card-border-width)) var(--w1ll47-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--w1ll47-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--w1ll47-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--w1ll47-background-color,var(--beae-card-featured-background)); border-color: var(--w1ll47-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--w1ll47-shadowHorizontal, var(--beae-card-shadow-x)) var(--w1ll47-shadowVertical, var(--beae-card-shadow-y)) var(--w1ll47-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w1ll47-shadowColor, var(--beae-card-featured-shadow-color)) var(--w1ll47-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--w1ll47-background-color,var(--beae-card-prod-background)); border-color: var(--w1ll47-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--w1ll47-shadowHorizontal, var(--beae-card-shadow-x)) var(--w1ll47-shadowVertical, var(--beae-card-shadow-y)) var(--w1ll47-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w1ll47-shadowColor, var(--beae-card-prod-shadow-color)) var(--w1ll47-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--w1ll47-background-color,var(--beae-card-pricing-background)); border-color: var(--w1ll47-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--w1ll47-shadowHorizontal, var(--beae-card-shadow-x)) var(--w1ll47-shadowVertical, var(--beae-card-shadow-y)) var(--w1ll47-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w1ll47-shadowColor, var(--beae-card-pricing-shadow-color)) var(--w1ll47-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--w1ll47-background-color,var(--beae-card-cta-background)); border-color: var(--w1ll47-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--w1ll47-shadowHorizontal, var(--beae-card-shadow-x)) var(--w1ll47-shadowVertical, var(--beae-card-shadow-y)) var(--w1ll47-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--w1ll47-shadowColor, var(--beae-card-cta-shadow-color)) var(--w1ll47-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-w1ll47"] {     display: flex;     flex-direction: var(--w1ll47-direction, column);     flex-wrap: nowrap;     justify-content: var(--w1ll47-justify-content);     align-items: var(--w1ll47-align-items);     gap: var(--w1ll47-gap, var(--w1ll47-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--w1ll47-padding-right, 0px) - var(--w1ll47-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-w1ll47"] {                            gap: var(--w1ll47-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--w1ll47-padding-right-tablet, 0px) - var(--w1ll47-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-w1ll47"] {                            gap: var(--w1ll47-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--w1ll47-padding-right-mobile, 0px) - var(--w1ll47-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-7slzm1"] { --7slzm1-padding-top: 0px; --7slzm1-padding-top-tablet: 0px; --7slzm1-padding-top-mobile: 0px; --7slzm1-padding-right: 0px; --7slzm1-padding-right-tablet: 0px; --7slzm1-padding-right-mobile: 0px; --7slzm1-padding-bottom: 0px; --7slzm1-padding-bottom-tablet: 0px; --7slzm1-padding-bottom-mobile: 0px; --7slzm1-padding-left: 0px; --7slzm1-padding-left-tablet: 0px; --7slzm1-padding-left-mobile: 0px; }[data-bnode="beae-7slzm1"] { padding-top: var(--7slzm1-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7slzm1-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7slzm1-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7slzm1-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7slzm1-padding-top-tablet, var(--7slzm1-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7slzm1-padding-right-tablet, var(--7slzm1-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7slzm1-padding-bottom-tablet, var(--7slzm1-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7slzm1-padding-left-tablet, var(--7slzm1-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7slzm1-padding-top-mobile, var(--7slzm1-padding-top-tablet, var(--7slzm1-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7slzm1-padding-right-mobile, var(--7slzm1-padding-right-tablet, var(--7slzm1-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7slzm1-padding-bottom-mobile, var(--7slzm1-padding-bottom-tablet, var(--7slzm1-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7slzm1-padding-left-mobile, var(--7slzm1-padding-left-tablet, var(--7slzm1-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--7slzm1-position, relative); top: var(--7slzm1-top, auto); right: var(--7slzm1-right, auto); bottom: var(--7slzm1-bottom, auto); left: var(--7slzm1-left, auto); transform: var(--7slzm1-transform, none); z-index: var(--7slzm1-z-index, 10); aspect-ratio: var(--7slzm1-background-imageRatio, auto); background: var(--7slzm1-background-color,transparent); border-style: var(--7slzm1-borderStyle,solid); border-color: var(--7slzm1-borderColor,#000000); border-width: var(--7slzm1-borderWidth-tl,0px) var(--7slzm1-borderWidth-tr,0px) var(--7slzm1-borderWidth-br,0px) var(--7slzm1-borderWidth-bl,0px); border-radius: var(--7slzm1-borderRadius-tl,0px) var(--7slzm1-borderRadius-tr,0px) var(--7slzm1-borderRadius-br,0px) var(--7slzm1-borderRadius-bl,0px); box-shadow: var(--7slzm1-shadowHorizontal, 0px) var(--7slzm1-shadowVertical, 0px) var(--7slzm1-shadowBlur, 0px) 1px color-mix( in srgb, var(--7slzm1-shadowColor, #000000) var(--7slzm1-shadowTransparent, 0%), transparent ); max-width: var(--7slzm1-max-width, 100%); width: 100%; height: if(style(--7slzm1-position: absolute): var(--7slzm1-height,100%); else: unset ); backdrop-filter:blur(var(--7slzm1-background-blur, none)) saturate(var(--7slzm1-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--7slzm1-position-tablet, var(--7slzm1-position, relative)); top: var(--7slzm1-top-tablet, var(--7slzm1-top, auto)); right: var(--7slzm1-right-tablet, var(--7slzm1-right, auto)); bottom: var(--7slzm1-bottom-tablet, var(--7slzm1-bottom, auto)); left: var(--7slzm1-left-tablet, var(--7slzm1-left, auto)); transform: var(--7slzm1-transform-tablet, var(--7slzm1-transform, none)); z-index: var(--7slzm1-z-index-tablet, var(--7slzm1-z-index, 10)); aspect-ratio: var(--7slzm1-background-imageRatio-tablet, var(--7slzm1-background-imageRatio, auto)); border-width: var(--7slzm1-borderWidth-tl-tablet, var(--7slzm1-borderWidth-tl,0px)) var(--7slzm1-borderWidth-tr-tablet,var(--7slzm1-borderWidth-tr,0px)) var(--7slzm1-borderWidth-br-tablet,var(--7slzm1-borderWidth-br,0px)) var(--7slzm1-borderWidth-bl-tablet,var(--7slzm1-borderWidth-bl,0px)); border-radius: var(--7slzm1-borderRadius-tl-tablet,var(--7slzm1-borderRadius-tl,0px)) var(--7slzm1-borderRadius-tr-tablet,var(--7slzm1-borderRadius-tr,0px)) var(--7slzm1-borderRadius-br-tablet,var(--7slzm1-borderRadius-br,0px)) var(--7slzm1-borderRadius-bl-tablet,var(--7slzm1-borderRadius-bl,0px)); max-width: var(--7slzm1-max-width-tablet, var(--7slzm1-max-width, 100%)); height: if(style(--7slzm1-position-tablet: absolute): var(--7slzm1-height-tablet,var(--7slzm1-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--7slzm1-position-mobile, var(--7slzm1-position-tablet, var(--7slzm1-position, relative))); top: var(--7slzm1-top-mobile, var(--7slzm1-top-tablet, var(--7slzm1-top, auto))); right: var(--7slzm1-right-mobile, var(--7slzm1-right-tablet, var(--7slzm1-right, auto))); bottom: var(--7slzm1-bottom-mobile, var(--7slzm1-bottom-tablet, var(--7slzm1-bottom, auto))); left: var(--7slzm1-left-mobile, var(--7slzm1-left-tablet, var(--7slzm1-left, auto))); transform: var(--7slzm1-transform-mobile, var(--7slzm1-transform-tablet, var(--7slzm1-transform, none))); z-index: var(--7slzm1-z-index-mobile, var(--7slzm1-z-index-tablet, var(--7slzm1-z-index, 10))); aspect-ratio: var(--7slzm1-background-imageRatio-mobile, var(--7slzm1-background-imageRatio, auto)); border-width: var(--7slzm1-borderWidth-tl-mobile, var(--7slzm1-borderWidth-tl,0px)) var(--7slzm1-borderWidth-tr-mobile,var(--7slzm1-borderWidth-tr,0px)) var(--7slzm1-borderWidth-br-mobile,var(--7slzm1-borderWidth-br,0px)) var(--7slzm1-borderWidth-bl-mobile,var(--7slzm1-borderWidth-bl,0px)); border-radius: var(--7slzm1-borderRadius-tl-mobile,var(--7slzm1-borderRadius-tl,0px)) var(--7slzm1-borderRadius-tr-mobile,var(--7slzm1-borderRadius-tr,0px)) var(--7slzm1-borderRadius-br-mobile,var(--7slzm1-borderRadius-br,0px)) var(--7slzm1-borderRadius-bl-mobile,var(--7slzm1-borderRadius-bl,0px)); max-width: var(--7slzm1-max-width-mobile, var(--7slzm1-max-width, 100%)); height: if(style(--7slzm1-position-mobile: absolute): var(--7slzm1-height-mobile,var(--7slzm1-height-tablet,,var(--7slzm1-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--7slzm1-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--7slzm1-gap,var(--beae-card-gap)); padding-top: var(--7slzm1-padding-top,var(--beae-card-padding)); padding-right: var(--7slzm1-padding-right,var(--beae-card-padding)); padding-bottom: var(--7slzm1-padding-bottom,var(--beae-card-padding)); padding-left: var(--7slzm1-padding-left,var(--beae-card-padding)); border-width: var(--7slzm1-borderWidth-tl,var(--beae-card-border-width)) var(--7slzm1-borderWidth-tr,var(--beae-card-border-width)) var(--7slzm1-borderWidth-br,var(--beae-card-border-width)) var(--7slzm1-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--7slzm1-borderRadius-tl,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-tr,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-br,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--7slzm1-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--7slzm1-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--7slzm1-gap-tablet,var(--beae-card-gap)); padding-top: var(--7slzm1-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--7slzm1-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--7slzm1-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--7slzm1-padding-left-tablet,var(--beae-card-padding)); border-width: var(--7slzm1-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--7slzm1-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--7slzm1-borderWidth-br-desktop,var(--beae-card-border-width)) var(--7slzm1-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--7slzm1-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--7slzm1-gap-mobile,var(--beae-card-gap)); padding-top: var(--7slzm1-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--7slzm1-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--7slzm1-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--7slzm1-padding-left-mobile,var(--beae-card-padding)); border-width: var(--7slzm1-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--7slzm1-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--7slzm1-borderWidth-br-mobile,var(--beae-card-border-width)) var(--7slzm1-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--7slzm1-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--7slzm1-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--7slzm1-background-color,var(--beae-card-featured-background)); border-color: var(--7slzm1-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--7slzm1-shadowHorizontal, var(--beae-card-shadow-x)) var(--7slzm1-shadowVertical, var(--beae-card-shadow-y)) var(--7slzm1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7slzm1-shadowColor, var(--beae-card-featured-shadow-color)) var(--7slzm1-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--7slzm1-background-color,var(--beae-card-prod-background)); border-color: var(--7slzm1-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--7slzm1-shadowHorizontal, var(--beae-card-shadow-x)) var(--7slzm1-shadowVertical, var(--beae-card-shadow-y)) var(--7slzm1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7slzm1-shadowColor, var(--beae-card-prod-shadow-color)) var(--7slzm1-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--7slzm1-background-color,var(--beae-card-pricing-background)); border-color: var(--7slzm1-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--7slzm1-shadowHorizontal, var(--beae-card-shadow-x)) var(--7slzm1-shadowVertical, var(--beae-card-shadow-y)) var(--7slzm1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7slzm1-shadowColor, var(--beae-card-pricing-shadow-color)) var(--7slzm1-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--7slzm1-background-color,var(--beae-card-cta-background)); border-color: var(--7slzm1-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--7slzm1-shadowHorizontal, var(--beae-card-shadow-x)) var(--7slzm1-shadowVertical, var(--beae-card-shadow-y)) var(--7slzm1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--7slzm1-shadowColor, var(--beae-card-cta-shadow-color)) var(--7slzm1-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-7slzm1"] {     display: flex;     flex-direction: var(--7slzm1-direction, column);     flex-wrap: nowrap;     justify-content: var(--7slzm1-justify-content);     align-items: var(--7slzm1-align-items);     gap: var(--7slzm1-gap, var(--7slzm1-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-7slzm1"] {                            gap: var(--7slzm1-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7slzm1-padding-right-tablet, 0px) - var(--7slzm1-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-7slzm1"] {                            gap: var(--7slzm1-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--7slzm1-padding-right-mobile, 0px) - var(--7slzm1-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-fi8pwx"] { --fi8pwx-width: 100%; --fi8pwx-width-tablet: 100%; --fi8pwx-width-mobile: 100%; --fi8pwx-imageRatio: auto; --fi8pwx-imageRatio-tablet: auto; --fi8pwx-imageRatio-mobile: auto; --fi8pwx-objFit: cover; --fi8pwx-objFit-tablet: cover; --fi8pwx-objFit-mobile: cover; --fi8pwx-borderStyle: none; --fi8pwx-borderStyle-tablet: none; --fi8pwx-borderStyle-mobile: none; --fi8pwx-margin-top: 0px; --fi8pwx-margin-top-tablet: 0px; --fi8pwx-margin-top-mobile: 0px; --fi8pwx-margin-right: 6px; --fi8pwx-margin-right-tablet: 6px; --fi8pwx-margin-right-mobile: 6px; --fi8pwx-margin-bottom: 0px; --fi8pwx-margin-bottom-tablet: 0px; --fi8pwx-margin-bottom-mobile: 0px; --fi8pwx-margin-left: 0px; --fi8pwx-margin-left-tablet: 0px; --fi8pwx-margin-left-mobile: 0px; }[data-bnode="beae-fi8pwx"] { margin-top: var(--fi8pwx-margin-top, 0px); margin-right: var(--fi8pwx-margin-right, 0px); margin-bottom: var(--fi8pwx-margin-bottom, 0px); margin-left: var(--fi8pwx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fi8pwx-margin-top-tablet, 0px); margin-right: var(--fi8pwx-margin-right-tablet, 0px); margin-bottom: var(--fi8pwx-margin-bottom-tablet, 0px); margin-left: var(--fi8pwx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fi8pwx-margin-top-mobile, 0px); margin-right: var(--fi8pwx-margin-right-mobile, 0px); margin-bottom: var(--fi8pwx-margin-bottom-mobile, 0px); margin-left: var(--fi8pwx-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--fi8pwx-width,100%) - var(--fi8pwx-margin-left,0px) - var(--fi8pwx-margin-right,0px)); min-height: min-content; border-color: var(--fi8pwx-borderColor,var(--beae-card-media-border-color)); border-style: var(--fi8pwx-borderStyle,solid); border-width: var(--fi8pwx-borderWidth-tl,var(--beae-card-border-width)) var(--fi8pwx-borderWidth-tr,var(--beae-card-border-width)) var(--fi8pwx-borderWidth-br,var(--beae-card-border-width)) var(--fi8pwx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--fi8pwx-borderRadius-tl,var(--beae-card-border-radius)) var(--fi8pwx-borderRadius-tr,var(--beae-card-border-radius)) var(--fi8pwx-borderRadius-br,var(--beae-card-border-radius)) var(--fi8pwx-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--fi8pwx-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--fi8pwx-borderWidth-tl-tablet, var(--fi8pwx-borderWidth-tl,var(--beae-card-border-width))) var(--fi8pwx-borderWidth-tr-tablet, var(--fi8pwx-borderWidth-tr,var(--beae-card-border-width))) var(--fi8pwx-borderWidth-br-tablet, var(--fi8pwx-borderWidth-br,var(--beae-card-border-width))) var(--fi8pwx-borderWidth-bl-tablet, var(--fi8pwx-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--fi8pwx-borderRadius-tl-tablet, var(--fi8pwx-borderRadius-tl,var(--beae-card-border-radius))) var(--fi8pwx-borderRadius-tr-tablet, var(--fi8pwx-borderRadius-tr,var(--beae-card-border-radius))) var(--fi8pwx-borderRadius-br-tablet, var(--fi8pwx-borderRadius-br,var(--beae-card-border-radius))) var(--fi8pwx-borderRadius-bl-tablet, var(--fi8pwx-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--fi8pwx-borderWidth-tl-mobile, var(--fi8pwx-borderWidth-tl,var(--beae-card-border-width))) var(--fi8pwx-borderWidth-tr-mobile, var(--fi8pwx-borderWidth-tr,var(--beae-card-border-width))) var(--fi8pwx-borderWidth-br-mobile, var(--fi8pwx-borderWidth-br,var(--beae-card-border-width))) var(--fi8pwx-borderWidth-bl-mobile, var(--fi8pwx-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--fi8pwx-borderRadius-tl-mobile, var(--fi8pwx-borderRadius-tl,var(--beae-card-border-radius))) var(--fi8pwx-borderRadius-tr-mobile, var(--fi8pwx-borderRadius-tr,var(--beae-card-border-radius))) var(--fi8pwx-borderRadius-br-mobile, var(--fi8pwx-borderRadius-br,var(--beae-card-border-radius))) var(--fi8pwx-borderRadius-bl-mobile, var(--fi8pwx-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--fi8pwx-shadowHorizontal, var(--beae-card-shadow-x)) var(--fi8pwx-shadowVertical, var(--beae-card-shadow-y)) var(--fi8pwx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fi8pwx-shadowColor, var(--beae-card-media-shadow-color)) var(--fi8pwx-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--fi8pwx-overlayColor-color, #000); opacity: var(--fi8pwx-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--fi8pwx-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--fi8pwx-width-tablet,var(--fi8pwx-width,100%)) - var(--fi8pwx-margin-left-tablet,var(--fi8pwx-margin-left,0px)) - var(--fi8pwx-margin-right-tablet,var(--fi8pwx-margin-right,0px))); aspect-ratio: var(--fi8pwx-imageRatio-tablet, var(--fi8pwx-imageRatio, auto)); img { object-fit: var(--fi8pwx-objFit-tablet, var(--fi8pwx-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--fi8pwx-width-mobile,var(--fi8pwx-width,100%)) - var(--fi8pwx-margin-left-mobile,var(--fi8pwx-margin-left,0px)) - var(--fi8pwx-margin-right-mobile,var(--fi8pwx-margin-right,0px))); aspect-ratio: var(--fi8pwx-imageRatio-mobile, var(--fi8pwx-imageRatio, auto)); img { object-fit: var(--fi8pwx-objFit-mobile, var(--fi8pwx-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-rw49py"] { padding-top: var(--rw49py-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rw49py-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rw49py-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rw49py-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rw49py-padding-top-tablet, var(--rw49py-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rw49py-padding-right-tablet, var(--rw49py-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rw49py-padding-bottom-tablet, var(--rw49py-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rw49py-padding-left-tablet, var(--rw49py-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rw49py-padding-top-mobile, var(--rw49py-padding-top-tablet, var(--rw49py-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rw49py-padding-right-mobile, var(--rw49py-padding-right-tablet, var(--rw49py-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rw49py-padding-bottom-mobile, var(--rw49py-padding-bottom-tablet, var(--rw49py-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rw49py-padding-left-mobile, var(--rw49py-padding-left-tablet, var(--rw49py-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--rw49py-position, relative); top: var(--rw49py-top, auto); right: var(--rw49py-right, auto); bottom: var(--rw49py-bottom, auto); left: var(--rw49py-left, auto); transform: var(--rw49py-transform, none); z-index: var(--rw49py-z-index, 10); aspect-ratio: var(--rw49py-background-imageRatio, auto); background: var(--rw49py-background-color,transparent); border-style: var(--rw49py-borderStyle,solid); border-color: var(--rw49py-borderColor,#000000); border-width: var(--rw49py-borderWidth-tl,0px) var(--rw49py-borderWidth-tr,0px) var(--rw49py-borderWidth-br,0px) var(--rw49py-borderWidth-bl,0px); border-radius: var(--rw49py-borderRadius-tl,0px) var(--rw49py-borderRadius-tr,0px) var(--rw49py-borderRadius-br,0px) var(--rw49py-borderRadius-bl,0px); box-shadow: var(--rw49py-shadowHorizontal, 0px) var(--rw49py-shadowVertical, 0px) var(--rw49py-shadowBlur, 0px) 1px color-mix( in srgb, var(--rw49py-shadowColor, #000000) var(--rw49py-shadowTransparent, 0%), transparent ); max-width: var(--rw49py-max-width, 100%); width: 100%; height: if(style(--rw49py-position: absolute): var(--rw49py-height,100%); else: unset ); backdrop-filter:blur(var(--rw49py-background-blur, none)) saturate(var(--rw49py-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--rw49py-position-tablet, var(--rw49py-position, relative)); top: var(--rw49py-top-tablet, var(--rw49py-top, auto)); right: var(--rw49py-right-tablet, var(--rw49py-right, auto)); bottom: var(--rw49py-bottom-tablet, var(--rw49py-bottom, auto)); left: var(--rw49py-left-tablet, var(--rw49py-left, auto)); transform: var(--rw49py-transform-tablet, var(--rw49py-transform, none)); z-index: var(--rw49py-z-index-tablet, var(--rw49py-z-index, 10)); aspect-ratio: var(--rw49py-background-imageRatio-tablet, var(--rw49py-background-imageRatio, auto)); border-width: var(--rw49py-borderWidth-tl-tablet, var(--rw49py-borderWidth-tl,0px)) var(--rw49py-borderWidth-tr-tablet,var(--rw49py-borderWidth-tr,0px)) var(--rw49py-borderWidth-br-tablet,var(--rw49py-borderWidth-br,0px)) var(--rw49py-borderWidth-bl-tablet,var(--rw49py-borderWidth-bl,0px)); border-radius: var(--rw49py-borderRadius-tl-tablet,var(--rw49py-borderRadius-tl,0px)) var(--rw49py-borderRadius-tr-tablet,var(--rw49py-borderRadius-tr,0px)) var(--rw49py-borderRadius-br-tablet,var(--rw49py-borderRadius-br,0px)) var(--rw49py-borderRadius-bl-tablet,var(--rw49py-borderRadius-bl,0px)); max-width: var(--rw49py-max-width-tablet, var(--rw49py-max-width, 100%)); height: if(style(--rw49py-position-tablet: absolute): var(--rw49py-height-tablet,var(--rw49py-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--rw49py-position-mobile, var(--rw49py-position-tablet, var(--rw49py-position, relative))); top: var(--rw49py-top-mobile, var(--rw49py-top-tablet, var(--rw49py-top, auto))); right: var(--rw49py-right-mobile, var(--rw49py-right-tablet, var(--rw49py-right, auto))); bottom: var(--rw49py-bottom-mobile, var(--rw49py-bottom-tablet, var(--rw49py-bottom, auto))); left: var(--rw49py-left-mobile, var(--rw49py-left-tablet, var(--rw49py-left, auto))); transform: var(--rw49py-transform-mobile, var(--rw49py-transform-tablet, var(--rw49py-transform, none))); z-index: var(--rw49py-z-index-mobile, var(--rw49py-z-index-tablet, var(--rw49py-z-index, 10))); aspect-ratio: var(--rw49py-background-imageRatio-mobile, var(--rw49py-background-imageRatio, auto)); border-width: var(--rw49py-borderWidth-tl-mobile, var(--rw49py-borderWidth-tl,0px)) var(--rw49py-borderWidth-tr-mobile,var(--rw49py-borderWidth-tr,0px)) var(--rw49py-borderWidth-br-mobile,var(--rw49py-borderWidth-br,0px)) var(--rw49py-borderWidth-bl-mobile,var(--rw49py-borderWidth-bl,0px)); border-radius: var(--rw49py-borderRadius-tl-mobile,var(--rw49py-borderRadius-tl,0px)) var(--rw49py-borderRadius-tr-mobile,var(--rw49py-borderRadius-tr,0px)) var(--rw49py-borderRadius-br-mobile,var(--rw49py-borderRadius-br,0px)) var(--rw49py-borderRadius-bl-mobile,var(--rw49py-borderRadius-bl,0px)); max-width: var(--rw49py-max-width-mobile, var(--rw49py-max-width, 100%)); height: if(style(--rw49py-position-mobile: absolute): var(--rw49py-height-mobile,var(--rw49py-height-tablet,,var(--rw49py-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rw49py-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--rw49py-gap,var(--beae-card-gap)); padding-top: var(--rw49py-padding-top,var(--beae-card-padding)); padding-right: var(--rw49py-padding-right,var(--beae-card-padding)); padding-bottom: var(--rw49py-padding-bottom,var(--beae-card-padding)); padding-left: var(--rw49py-padding-left,var(--beae-card-padding)); border-width: var(--rw49py-borderWidth-tl,var(--beae-card-border-width)) var(--rw49py-borderWidth-tr,var(--beae-card-border-width)) var(--rw49py-borderWidth-br,var(--beae-card-border-width)) var(--rw49py-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rw49py-borderRadius-tl,var(--beae-card-border-radius)) var(--rw49py-borderRadius-tr,var(--beae-card-border-radius)) var(--rw49py-borderRadius-br,var(--beae-card-border-radius)) var(--rw49py-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--rw49py-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--rw49py-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--rw49py-gap-tablet,var(--beae-card-gap)); padding-top: var(--rw49py-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rw49py-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rw49py-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rw49py-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rw49py-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rw49py-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rw49py-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rw49py-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rw49py-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--rw49py-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--rw49py-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--rw49py-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--rw49py-gap-mobile,var(--beae-card-gap)); padding-top: var(--rw49py-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rw49py-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rw49py-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rw49py-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rw49py-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rw49py-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rw49py-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rw49py-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rw49py-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rw49py-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rw49py-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rw49py-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rw49py-background-color,var(--beae-card-featured-background)); border-color: var(--rw49py-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--rw49py-shadowHorizontal, var(--beae-card-shadow-x)) var(--rw49py-shadowVertical, var(--beae-card-shadow-y)) var(--rw49py-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rw49py-shadowColor, var(--beae-card-featured-shadow-color)) var(--rw49py-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--rw49py-background-color,var(--beae-card-prod-background)); border-color: var(--rw49py-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--rw49py-shadowHorizontal, var(--beae-card-shadow-x)) var(--rw49py-shadowVertical, var(--beae-card-shadow-y)) var(--rw49py-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rw49py-shadowColor, var(--beae-card-prod-shadow-color)) var(--rw49py-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--rw49py-background-color,var(--beae-card-pricing-background)); border-color: var(--rw49py-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--rw49py-shadowHorizontal, var(--beae-card-shadow-x)) var(--rw49py-shadowVertical, var(--beae-card-shadow-y)) var(--rw49py-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rw49py-shadowColor, var(--beae-card-pricing-shadow-color)) var(--rw49py-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--rw49py-background-color,var(--beae-card-cta-background)); border-color: var(--rw49py-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--rw49py-shadowHorizontal, var(--beae-card-shadow-x)) var(--rw49py-shadowVertical, var(--beae-card-shadow-y)) var(--rw49py-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rw49py-shadowColor, var(--beae-card-cta-shadow-color)) var(--rw49py-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-rw49py"] {     display: flex;     flex-direction: var(--rw49py-direction, column);     flex-wrap: nowrap;     justify-content: var(--rw49py-justify-content);     align-items: var(--rw49py-align-items);     gap: var(--rw49py-gap, var(--rw49py-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-rw49py"] {                            gap: var(--rw49py-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rw49py-padding-right-tablet, 0px) - var(--rw49py-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-rw49py"] {                            gap: var(--rw49py-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--rw49py-padding-right-mobile, 0px) - var(--rw49py-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-i3k9ba"] { --i3k9ba-width: 100%; --i3k9ba-width-tablet: 100%; --i3k9ba-width-mobile: 100%; --i3k9ba-imageRatio: auto; --i3k9ba-imageRatio-tablet: auto; --i3k9ba-imageRatio-mobile: auto; --i3k9ba-objFit: cover; --i3k9ba-objFit-tablet: cover; --i3k9ba-objFit-mobile: cover; --i3k9ba-borderStyle: none; --i3k9ba-borderStyle-tablet: none; --i3k9ba-borderStyle-mobile: none; --i3k9ba-margin-top: 0px; --i3k9ba-margin-top-tablet: 0px; --i3k9ba-margin-top-mobile: 0px; --i3k9ba-margin-right: 0px; --i3k9ba-margin-right-tablet: 0px; --i3k9ba-margin-right-mobile: 0px; --i3k9ba-margin-bottom: 0px; --i3k9ba-margin-bottom-tablet: 0px; --i3k9ba-margin-bottom-mobile: 0px; --i3k9ba-margin-left: 6px; --i3k9ba-margin-left-tablet: 6px; --i3k9ba-margin-left-mobile: 6px; }[data-bnode="beae-i3k9ba"] { margin-top: var(--i3k9ba-margin-top, 0px); margin-right: var(--i3k9ba-margin-right, 0px); margin-bottom: var(--i3k9ba-margin-bottom, 0px); margin-left: var(--i3k9ba-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i3k9ba-margin-top-tablet, 0px); margin-right: var(--i3k9ba-margin-right-tablet, 0px); margin-bottom: var(--i3k9ba-margin-bottom-tablet, 0px); margin-left: var(--i3k9ba-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i3k9ba-margin-top-mobile, 0px); margin-right: var(--i3k9ba-margin-right-mobile, 0px); margin-bottom: var(--i3k9ba-margin-bottom-mobile, 0px); margin-left: var(--i3k9ba-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--i3k9ba-width,100%) - var(--i3k9ba-margin-left,0px) - var(--i3k9ba-margin-right,0px)); min-height: min-content; border-color: var(--i3k9ba-borderColor,var(--beae-card-media-border-color)); border-style: var(--i3k9ba-borderStyle,solid); border-width: var(--i3k9ba-borderWidth-tl,var(--beae-card-border-width)) var(--i3k9ba-borderWidth-tr,var(--beae-card-border-width)) var(--i3k9ba-borderWidth-br,var(--beae-card-border-width)) var(--i3k9ba-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--i3k9ba-borderRadius-tl,var(--beae-card-border-radius)) var(--i3k9ba-borderRadius-tr,var(--beae-card-border-radius)) var(--i3k9ba-borderRadius-br,var(--beae-card-border-radius)) var(--i3k9ba-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--i3k9ba-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--i3k9ba-borderWidth-tl-tablet, var(--i3k9ba-borderWidth-tl,var(--beae-card-border-width))) var(--i3k9ba-borderWidth-tr-tablet, var(--i3k9ba-borderWidth-tr,var(--beae-card-border-width))) var(--i3k9ba-borderWidth-br-tablet, var(--i3k9ba-borderWidth-br,var(--beae-card-border-width))) var(--i3k9ba-borderWidth-bl-tablet, var(--i3k9ba-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--i3k9ba-borderRadius-tl-tablet, var(--i3k9ba-borderRadius-tl,var(--beae-card-border-radius))) var(--i3k9ba-borderRadius-tr-tablet, var(--i3k9ba-borderRadius-tr,var(--beae-card-border-radius))) var(--i3k9ba-borderRadius-br-tablet, var(--i3k9ba-borderRadius-br,var(--beae-card-border-radius))) var(--i3k9ba-borderRadius-bl-tablet, var(--i3k9ba-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--i3k9ba-borderWidth-tl-mobile, var(--i3k9ba-borderWidth-tl,var(--beae-card-border-width))) var(--i3k9ba-borderWidth-tr-mobile, var(--i3k9ba-borderWidth-tr,var(--beae-card-border-width))) var(--i3k9ba-borderWidth-br-mobile, var(--i3k9ba-borderWidth-br,var(--beae-card-border-width))) var(--i3k9ba-borderWidth-bl-mobile, var(--i3k9ba-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--i3k9ba-borderRadius-tl-mobile, var(--i3k9ba-borderRadius-tl,var(--beae-card-border-radius))) var(--i3k9ba-borderRadius-tr-mobile, var(--i3k9ba-borderRadius-tr,var(--beae-card-border-radius))) var(--i3k9ba-borderRadius-br-mobile, var(--i3k9ba-borderRadius-br,var(--beae-card-border-radius))) var(--i3k9ba-borderRadius-bl-mobile, var(--i3k9ba-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--i3k9ba-shadowHorizontal, var(--beae-card-shadow-x)) var(--i3k9ba-shadowVertical, var(--beae-card-shadow-y)) var(--i3k9ba-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--i3k9ba-shadowColor, var(--beae-card-media-shadow-color)) var(--i3k9ba-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--i3k9ba-overlayColor-color, #000); opacity: var(--i3k9ba-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--i3k9ba-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--i3k9ba-width-tablet,var(--i3k9ba-width,100%)) - var(--i3k9ba-margin-left-tablet,var(--i3k9ba-margin-left,0px)) - var(--i3k9ba-margin-right-tablet,var(--i3k9ba-margin-right,0px))); aspect-ratio: var(--i3k9ba-imageRatio-tablet, var(--i3k9ba-imageRatio, auto)); img { object-fit: var(--i3k9ba-objFit-tablet, var(--i3k9ba-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--i3k9ba-width-mobile,var(--i3k9ba-width,100%)) - var(--i3k9ba-margin-left-mobile,var(--i3k9ba-margin-left,0px)) - var(--i3k9ba-margin-right-mobile,var(--i3k9ba-margin-right,0px))); aspect-ratio: var(--i3k9ba-imageRatio-mobile, var(--i3k9ba-imageRatio, auto)); img { object-fit: var(--i3k9ba-objFit-mobile, var(--i3k9ba-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-jds8ah"] { --jds8ah-direction: row; --jds8ah-direction-tablet: row; --jds8ah-direction-mobile: row; --jds8ah-structure: columns; --jds8ah-structure-tablet: columns; --jds8ah-structure-mobile: columns; }[data-bnode="beae-jds8ah"] { padding-top: var(--jds8ah-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--jds8ah-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--jds8ah-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--jds8ah-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--jds8ah-padding-top-tablet, var(--jds8ah-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--jds8ah-padding-right-tablet, var(--jds8ah-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--jds8ah-padding-bottom-tablet, var(--jds8ah-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--jds8ah-padding-left-tablet, var(--jds8ah-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--jds8ah-padding-top-mobile, var(--jds8ah-padding-top-tablet, var(--jds8ah-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--jds8ah-padding-right-mobile, var(--jds8ah-padding-right-tablet, var(--jds8ah-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--jds8ah-padding-bottom-mobile, var(--jds8ah-padding-bottom-tablet, var(--jds8ah-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--jds8ah-padding-left-mobile, var(--jds8ah-padding-left-tablet, var(--jds8ah-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--jds8ah-position, relative); top: var(--jds8ah-top, auto); right: var(--jds8ah-right, auto); bottom: var(--jds8ah-bottom, auto); left: var(--jds8ah-left, auto); transform: var(--jds8ah-transform, none); z-index: var(--jds8ah-z-index, 10); aspect-ratio: var(--jds8ah-background-imageRatio, auto); background: var(--jds8ah-background-color,transparent); border-style: var(--jds8ah-borderStyle,solid); border-color: var(--jds8ah-borderColor,#000000); border-width: var(--jds8ah-borderWidth-tl,0px) var(--jds8ah-borderWidth-tr,0px) var(--jds8ah-borderWidth-br,0px) var(--jds8ah-borderWidth-bl,0px); border-radius: var(--jds8ah-borderRadius-tl,0px) var(--jds8ah-borderRadius-tr,0px) var(--jds8ah-borderRadius-br,0px) var(--jds8ah-borderRadius-bl,0px); box-shadow: var(--jds8ah-shadowHorizontal, 0px) var(--jds8ah-shadowVertical, 0px) var(--jds8ah-shadowBlur, 0px) 1px color-mix( in srgb, var(--jds8ah-shadowColor, #000000) var(--jds8ah-shadowTransparent, 0%), transparent ); max-width: var(--jds8ah-max-width, 100%); width: 100%; height: if(style(--jds8ah-position: absolute): var(--jds8ah-height,100%); else: unset ); backdrop-filter:blur(var(--jds8ah-background-blur, none)) saturate(var(--jds8ah-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--jds8ah-position-tablet, var(--jds8ah-position, relative)); top: var(--jds8ah-top-tablet, var(--jds8ah-top, auto)); right: var(--jds8ah-right-tablet, var(--jds8ah-right, auto)); bottom: var(--jds8ah-bottom-tablet, var(--jds8ah-bottom, auto)); left: var(--jds8ah-left-tablet, var(--jds8ah-left, auto)); transform: var(--jds8ah-transform-tablet, var(--jds8ah-transform, none)); z-index: var(--jds8ah-z-index-tablet, var(--jds8ah-z-index, 10)); aspect-ratio: var(--jds8ah-background-imageRatio-tablet, var(--jds8ah-background-imageRatio, auto)); border-width: var(--jds8ah-borderWidth-tl-tablet, var(--jds8ah-borderWidth-tl,0px)) var(--jds8ah-borderWidth-tr-tablet,var(--jds8ah-borderWidth-tr,0px)) var(--jds8ah-borderWidth-br-tablet,var(--jds8ah-borderWidth-br,0px)) var(--jds8ah-borderWidth-bl-tablet,var(--jds8ah-borderWidth-bl,0px)); border-radius: var(--jds8ah-borderRadius-tl-tablet,var(--jds8ah-borderRadius-tl,0px)) var(--jds8ah-borderRadius-tr-tablet,var(--jds8ah-borderRadius-tr,0px)) var(--jds8ah-borderRadius-br-tablet,var(--jds8ah-borderRadius-br,0px)) var(--jds8ah-borderRadius-bl-tablet,var(--jds8ah-borderRadius-bl,0px)); max-width: var(--jds8ah-max-width-tablet, var(--jds8ah-max-width, 100%)); height: if(style(--jds8ah-position-tablet: absolute): var(--jds8ah-height-tablet,var(--jds8ah-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--jds8ah-position-mobile, var(--jds8ah-position-tablet, var(--jds8ah-position, relative))); top: var(--jds8ah-top-mobile, var(--jds8ah-top-tablet, var(--jds8ah-top, auto))); right: var(--jds8ah-right-mobile, var(--jds8ah-right-tablet, var(--jds8ah-right, auto))); bottom: var(--jds8ah-bottom-mobile, var(--jds8ah-bottom-tablet, var(--jds8ah-bottom, auto))); left: var(--jds8ah-left-mobile, var(--jds8ah-left-tablet, var(--jds8ah-left, auto))); transform: var(--jds8ah-transform-mobile, var(--jds8ah-transform-tablet, var(--jds8ah-transform, none))); z-index: var(--jds8ah-z-index-mobile, var(--jds8ah-z-index-tablet, var(--jds8ah-z-index, 10))); aspect-ratio: var(--jds8ah-background-imageRatio-mobile, var(--jds8ah-background-imageRatio, auto)); border-width: var(--jds8ah-borderWidth-tl-mobile, var(--jds8ah-borderWidth-tl,0px)) var(--jds8ah-borderWidth-tr-mobile,var(--jds8ah-borderWidth-tr,0px)) var(--jds8ah-borderWidth-br-mobile,var(--jds8ah-borderWidth-br,0px)) var(--jds8ah-borderWidth-bl-mobile,var(--jds8ah-borderWidth-bl,0px)); border-radius: var(--jds8ah-borderRadius-tl-mobile,var(--jds8ah-borderRadius-tl,0px)) var(--jds8ah-borderRadius-tr-mobile,var(--jds8ah-borderRadius-tr,0px)) var(--jds8ah-borderRadius-br-mobile,var(--jds8ah-borderRadius-br,0px)) var(--jds8ah-borderRadius-bl-mobile,var(--jds8ah-borderRadius-bl,0px)); max-width: var(--jds8ah-max-width-mobile, var(--jds8ah-max-width, 100%)); height: if(style(--jds8ah-position-mobile: absolute): var(--jds8ah-height-mobile,var(--jds8ah-height-tablet,,var(--jds8ah-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--jds8ah-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--jds8ah-gap,var(--beae-card-gap)); padding-top: var(--jds8ah-padding-top,var(--beae-card-padding)); padding-right: var(--jds8ah-padding-right,var(--beae-card-padding)); padding-bottom: var(--jds8ah-padding-bottom,var(--beae-card-padding)); padding-left: var(--jds8ah-padding-left,var(--beae-card-padding)); border-width: var(--jds8ah-borderWidth-tl,var(--beae-card-border-width)) var(--jds8ah-borderWidth-tr,var(--beae-card-border-width)) var(--jds8ah-borderWidth-br,var(--beae-card-border-width)) var(--jds8ah-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--jds8ah-borderRadius-tl,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-tr,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-br,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--jds8ah-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--jds8ah-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--jds8ah-gap-tablet,var(--beae-card-gap)); padding-top: var(--jds8ah-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--jds8ah-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--jds8ah-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--jds8ah-padding-left-tablet,var(--beae-card-padding)); border-width: var(--jds8ah-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--jds8ah-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--jds8ah-borderWidth-br-desktop,var(--beae-card-border-width)) var(--jds8ah-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--jds8ah-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--jds8ah-gap-mobile,var(--beae-card-gap)); padding-top: var(--jds8ah-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--jds8ah-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--jds8ah-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--jds8ah-padding-left-mobile,var(--beae-card-padding)); border-width: var(--jds8ah-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--jds8ah-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--jds8ah-borderWidth-br-mobile,var(--beae-card-border-width)) var(--jds8ah-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--jds8ah-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--jds8ah-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--jds8ah-background-color,var(--beae-card-featured-background)); border-color: var(--jds8ah-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--jds8ah-shadowHorizontal, var(--beae-card-shadow-x)) var(--jds8ah-shadowVertical, var(--beae-card-shadow-y)) var(--jds8ah-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jds8ah-shadowColor, var(--beae-card-featured-shadow-color)) var(--jds8ah-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--jds8ah-background-color,var(--beae-card-prod-background)); border-color: var(--jds8ah-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--jds8ah-shadowHorizontal, var(--beae-card-shadow-x)) var(--jds8ah-shadowVertical, var(--beae-card-shadow-y)) var(--jds8ah-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jds8ah-shadowColor, var(--beae-card-prod-shadow-color)) var(--jds8ah-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--jds8ah-background-color,var(--beae-card-pricing-background)); border-color: var(--jds8ah-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--jds8ah-shadowHorizontal, var(--beae-card-shadow-x)) var(--jds8ah-shadowVertical, var(--beae-card-shadow-y)) var(--jds8ah-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jds8ah-shadowColor, var(--beae-card-pricing-shadow-color)) var(--jds8ah-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--jds8ah-background-color,var(--beae-card-cta-background)); border-color: var(--jds8ah-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--jds8ah-shadowHorizontal, var(--beae-card-shadow-x)) var(--jds8ah-shadowVertical, var(--beae-card-shadow-y)) var(--jds8ah-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--jds8ah-shadowColor, var(--beae-card-cta-shadow-color)) var(--jds8ah-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-jds8ah"] {     display: flex;     flex-direction: var(--jds8ah-direction, column);     flex-wrap: nowrap;     justify-content: var(--jds8ah-justify-content);     align-items: var(--jds8ah-align-items);     gap: var(--jds8ah-gap, var(--jds8ah-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(--jds8ah-padding-right, 0px) - var(--jds8ah-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-jds8ah"] {                            gap: var(--jds8ah-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--jds8ah-padding-right-tablet, 0px) - var(--jds8ah-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-jds8ah"] {                            gap: var(--jds8ah-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--jds8ah-padding-right-mobile, 0px) - var(--jds8ah-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-49etm6"] { --49etm6-direction: row; --49etm6-direction-tablet: row; --49etm6-direction-mobile: row; --49etm6-structure: columns; --49etm6-structure-tablet: columns; --49etm6-structure-mobile: columns; }[data-bnode="beae-49etm6"] { padding-top: var(--49etm6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--49etm6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--49etm6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--49etm6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--49etm6-padding-top-tablet, var(--49etm6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--49etm6-padding-right-tablet, var(--49etm6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--49etm6-padding-bottom-tablet, var(--49etm6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--49etm6-padding-left-tablet, var(--49etm6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--49etm6-padding-top-mobile, var(--49etm6-padding-top-tablet, var(--49etm6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--49etm6-padding-right-mobile, var(--49etm6-padding-right-tablet, var(--49etm6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--49etm6-padding-bottom-mobile, var(--49etm6-padding-bottom-tablet, var(--49etm6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--49etm6-padding-left-mobile, var(--49etm6-padding-left-tablet, var(--49etm6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--49etm6-position, relative); top: var(--49etm6-top, auto); right: var(--49etm6-right, auto); bottom: var(--49etm6-bottom, auto); left: var(--49etm6-left, auto); transform: var(--49etm6-transform, none); z-index: var(--49etm6-z-index, 10); aspect-ratio: var(--49etm6-background-imageRatio, auto); background: var(--49etm6-background-color,transparent); border-style: var(--49etm6-borderStyle,solid); border-color: var(--49etm6-borderColor,#000000); border-width: var(--49etm6-borderWidth-tl,0px) var(--49etm6-borderWidth-tr,0px) var(--49etm6-borderWidth-br,0px) var(--49etm6-borderWidth-bl,0px); border-radius: var(--49etm6-borderRadius-tl,0px) var(--49etm6-borderRadius-tr,0px) var(--49etm6-borderRadius-br,0px) var(--49etm6-borderRadius-bl,0px); box-shadow: var(--49etm6-shadowHorizontal, 0px) var(--49etm6-shadowVertical, 0px) var(--49etm6-shadowBlur, 0px) 1px color-mix( in srgb, var(--49etm6-shadowColor, #000000) var(--49etm6-shadowTransparent, 0%), transparent ); max-width: var(--49etm6-max-width, 100%); width: 100%; height: if(style(--49etm6-position: absolute): var(--49etm6-height,100%); else: unset ); backdrop-filter:blur(var(--49etm6-background-blur, none)) saturate(var(--49etm6-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--49etm6-position-tablet, var(--49etm6-position, relative)); top: var(--49etm6-top-tablet, var(--49etm6-top, auto)); right: var(--49etm6-right-tablet, var(--49etm6-right, auto)); bottom: var(--49etm6-bottom-tablet, var(--49etm6-bottom, auto)); left: var(--49etm6-left-tablet, var(--49etm6-left, auto)); transform: var(--49etm6-transform-tablet, var(--49etm6-transform, none)); z-index: var(--49etm6-z-index-tablet, var(--49etm6-z-index, 10)); aspect-ratio: var(--49etm6-background-imageRatio-tablet, var(--49etm6-background-imageRatio, auto)); border-width: var(--49etm6-borderWidth-tl-tablet, var(--49etm6-borderWidth-tl,0px)) var(--49etm6-borderWidth-tr-tablet,var(--49etm6-borderWidth-tr,0px)) var(--49etm6-borderWidth-br-tablet,var(--49etm6-borderWidth-br,0px)) var(--49etm6-borderWidth-bl-tablet,var(--49etm6-borderWidth-bl,0px)); border-radius: var(--49etm6-borderRadius-tl-tablet,var(--49etm6-borderRadius-tl,0px)) var(--49etm6-borderRadius-tr-tablet,var(--49etm6-borderRadius-tr,0px)) var(--49etm6-borderRadius-br-tablet,var(--49etm6-borderRadius-br,0px)) var(--49etm6-borderRadius-bl-tablet,var(--49etm6-borderRadius-bl,0px)); max-width: var(--49etm6-max-width-tablet, var(--49etm6-max-width, 100%)); height: if(style(--49etm6-position-tablet: absolute): var(--49etm6-height-tablet,var(--49etm6-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--49etm6-position-mobile, var(--49etm6-position-tablet, var(--49etm6-position, relative))); top: var(--49etm6-top-mobile, var(--49etm6-top-tablet, var(--49etm6-top, auto))); right: var(--49etm6-right-mobile, var(--49etm6-right-tablet, var(--49etm6-right, auto))); bottom: var(--49etm6-bottom-mobile, var(--49etm6-bottom-tablet, var(--49etm6-bottom, auto))); left: var(--49etm6-left-mobile, var(--49etm6-left-tablet, var(--49etm6-left, auto))); transform: var(--49etm6-transform-mobile, var(--49etm6-transform-tablet, var(--49etm6-transform, none))); z-index: var(--49etm6-z-index-mobile, var(--49etm6-z-index-tablet, var(--49etm6-z-index, 10))); aspect-ratio: var(--49etm6-background-imageRatio-mobile, var(--49etm6-background-imageRatio, auto)); border-width: var(--49etm6-borderWidth-tl-mobile, var(--49etm6-borderWidth-tl,0px)) var(--49etm6-borderWidth-tr-mobile,var(--49etm6-borderWidth-tr,0px)) var(--49etm6-borderWidth-br-mobile,var(--49etm6-borderWidth-br,0px)) var(--49etm6-borderWidth-bl-mobile,var(--49etm6-borderWidth-bl,0px)); border-radius: var(--49etm6-borderRadius-tl-mobile,var(--49etm6-borderRadius-tl,0px)) var(--49etm6-borderRadius-tr-mobile,var(--49etm6-borderRadius-tr,0px)) var(--49etm6-borderRadius-br-mobile,var(--49etm6-borderRadius-br,0px)) var(--49etm6-borderRadius-bl-mobile,var(--49etm6-borderRadius-bl,0px)); max-width: var(--49etm6-max-width-mobile, var(--49etm6-max-width, 100%)); height: if(style(--49etm6-position-mobile: absolute): var(--49etm6-height-mobile,var(--49etm6-height-tablet,,var(--49etm6-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--49etm6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--49etm6-gap,var(--beae-card-gap)); padding-top: var(--49etm6-padding-top,var(--beae-card-padding)); padding-right: var(--49etm6-padding-right,var(--beae-card-padding)); padding-bottom: var(--49etm6-padding-bottom,var(--beae-card-padding)); padding-left: var(--49etm6-padding-left,var(--beae-card-padding)); border-width: var(--49etm6-borderWidth-tl,var(--beae-card-border-width)) var(--49etm6-borderWidth-tr,var(--beae-card-border-width)) var(--49etm6-borderWidth-br,var(--beae-card-border-width)) var(--49etm6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--49etm6-borderRadius-tl,var(--beae-card-border-radius)) var(--49etm6-borderRadius-tr,var(--beae-card-border-radius)) var(--49etm6-borderRadius-br,var(--beae-card-border-radius)) var(--49etm6-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--49etm6-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--49etm6-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--49etm6-gap-tablet,var(--beae-card-gap)); padding-top: var(--49etm6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--49etm6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--49etm6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--49etm6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--49etm6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--49etm6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--49etm6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--49etm6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--49etm6-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--49etm6-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--49etm6-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--49etm6-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--49etm6-gap-mobile,var(--beae-card-gap)); padding-top: var(--49etm6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--49etm6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--49etm6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--49etm6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--49etm6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--49etm6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--49etm6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--49etm6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--49etm6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--49etm6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--49etm6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--49etm6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--49etm6-background-color,var(--beae-card-featured-background)); border-color: var(--49etm6-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--49etm6-shadowHorizontal, var(--beae-card-shadow-x)) var(--49etm6-shadowVertical, var(--beae-card-shadow-y)) var(--49etm6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--49etm6-shadowColor, var(--beae-card-featured-shadow-color)) var(--49etm6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--49etm6-background-color,var(--beae-card-prod-background)); border-color: var(--49etm6-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--49etm6-shadowHorizontal, var(--beae-card-shadow-x)) var(--49etm6-shadowVertical, var(--beae-card-shadow-y)) var(--49etm6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--49etm6-shadowColor, var(--beae-card-prod-shadow-color)) var(--49etm6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--49etm6-background-color,var(--beae-card-pricing-background)); border-color: var(--49etm6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--49etm6-shadowHorizontal, var(--beae-card-shadow-x)) var(--49etm6-shadowVertical, var(--beae-card-shadow-y)) var(--49etm6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--49etm6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--49etm6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--49etm6-background-color,var(--beae-card-cta-background)); border-color: var(--49etm6-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--49etm6-shadowHorizontal, var(--beae-card-shadow-x)) var(--49etm6-shadowVertical, var(--beae-card-shadow-y)) var(--49etm6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--49etm6-shadowColor, var(--beae-card-cta-shadow-color)) var(--49etm6-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-49etm6"] {     display: flex;     flex-direction: var(--49etm6-direction, column);     flex-wrap: nowrap;     justify-content: var(--49etm6-justify-content);     align-items: var(--49etm6-align-items);     gap: var(--49etm6-gap, var(--49etm6-gap, var(--beae-slot-gap)));            &>.beae-slot {         flex: 1 1 0;         min-width: 0;        }                 &>.beae-slot[data-bnode-index] {           flex-basis: calc(50.00% - var(--49etm6-padding-right, 0px) - var(--49etm6-padding-right, 0px));          }                   }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-49etm6"] {                            gap: var(--49etm6-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--49etm6-padding-right-tablet, 0px) - var(--49etm6-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-49etm6"] {                            gap: var(--49etm6-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--49etm6-padding-right-mobile, 0px) - var(--49etm6-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-t4bviw"] { padding-top: var(--t4bviw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--t4bviw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--t4bviw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--t4bviw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--t4bviw-padding-top-tablet, var(--t4bviw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--t4bviw-padding-right-tablet, var(--t4bviw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--t4bviw-padding-bottom-tablet, var(--t4bviw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--t4bviw-padding-left-tablet, var(--t4bviw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--t4bviw-padding-top-mobile, var(--t4bviw-padding-top-tablet, var(--t4bviw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--t4bviw-padding-right-mobile, var(--t4bviw-padding-right-tablet, var(--t4bviw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--t4bviw-padding-bottom-mobile, var(--t4bviw-padding-bottom-tablet, var(--t4bviw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--t4bviw-padding-left-mobile, var(--t4bviw-padding-left-tablet, var(--t4bviw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--t4bviw-position, relative); top: var(--t4bviw-top, auto); right: var(--t4bviw-right, auto); bottom: var(--t4bviw-bottom, auto); left: var(--t4bviw-left, auto); transform: var(--t4bviw-transform, none); z-index: var(--t4bviw-z-index, 10); aspect-ratio: var(--t4bviw-background-imageRatio, auto); background: var(--t4bviw-background-color,transparent); border-style: var(--t4bviw-borderStyle,solid); border-color: var(--t4bviw-borderColor,#000000); border-width: var(--t4bviw-borderWidth-tl,0px) var(--t4bviw-borderWidth-tr,0px) var(--t4bviw-borderWidth-br,0px) var(--t4bviw-borderWidth-bl,0px); border-radius: var(--t4bviw-borderRadius-tl,0px) var(--t4bviw-borderRadius-tr,0px) var(--t4bviw-borderRadius-br,0px) var(--t4bviw-borderRadius-bl,0px); box-shadow: var(--t4bviw-shadowHorizontal, 0px) var(--t4bviw-shadowVertical, 0px) var(--t4bviw-shadowBlur, 0px) 1px color-mix( in srgb, var(--t4bviw-shadowColor, #000000) var(--t4bviw-shadowTransparent, 0%), transparent ); max-width: var(--t4bviw-max-width, 100%); width: 100%; height: if(style(--t4bviw-position: absolute): var(--t4bviw-height,100%); else: unset ); backdrop-filter:blur(var(--t4bviw-background-blur, none)) saturate(var(--t4bviw-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--t4bviw-position-tablet, var(--t4bviw-position, relative)); top: var(--t4bviw-top-tablet, var(--t4bviw-top, auto)); right: var(--t4bviw-right-tablet, var(--t4bviw-right, auto)); bottom: var(--t4bviw-bottom-tablet, var(--t4bviw-bottom, auto)); left: var(--t4bviw-left-tablet, var(--t4bviw-left, auto)); transform: var(--t4bviw-transform-tablet, var(--t4bviw-transform, none)); z-index: var(--t4bviw-z-index-tablet, var(--t4bviw-z-index, 10)); aspect-ratio: var(--t4bviw-background-imageRatio-tablet, var(--t4bviw-background-imageRatio, auto)); border-width: var(--t4bviw-borderWidth-tl-tablet, var(--t4bviw-borderWidth-tl,0px)) var(--t4bviw-borderWidth-tr-tablet,var(--t4bviw-borderWidth-tr,0px)) var(--t4bviw-borderWidth-br-tablet,var(--t4bviw-borderWidth-br,0px)) var(--t4bviw-borderWidth-bl-tablet,var(--t4bviw-borderWidth-bl,0px)); border-radius: var(--t4bviw-borderRadius-tl-tablet,var(--t4bviw-borderRadius-tl,0px)) var(--t4bviw-borderRadius-tr-tablet,var(--t4bviw-borderRadius-tr,0px)) var(--t4bviw-borderRadius-br-tablet,var(--t4bviw-borderRadius-br,0px)) var(--t4bviw-borderRadius-bl-tablet,var(--t4bviw-borderRadius-bl,0px)); max-width: var(--t4bviw-max-width-tablet, var(--t4bviw-max-width, 100%)); height: if(style(--t4bviw-position-tablet: absolute): var(--t4bviw-height-tablet,var(--t4bviw-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--t4bviw-position-mobile, var(--t4bviw-position-tablet, var(--t4bviw-position, relative))); top: var(--t4bviw-top-mobile, var(--t4bviw-top-tablet, var(--t4bviw-top, auto))); right: var(--t4bviw-right-mobile, var(--t4bviw-right-tablet, var(--t4bviw-right, auto))); bottom: var(--t4bviw-bottom-mobile, var(--t4bviw-bottom-tablet, var(--t4bviw-bottom, auto))); left: var(--t4bviw-left-mobile, var(--t4bviw-left-tablet, var(--t4bviw-left, auto))); transform: var(--t4bviw-transform-mobile, var(--t4bviw-transform-tablet, var(--t4bviw-transform, none))); z-index: var(--t4bviw-z-index-mobile, var(--t4bviw-z-index-tablet, var(--t4bviw-z-index, 10))); aspect-ratio: var(--t4bviw-background-imageRatio-mobile, var(--t4bviw-background-imageRatio, auto)); border-width: var(--t4bviw-borderWidth-tl-mobile, var(--t4bviw-borderWidth-tl,0px)) var(--t4bviw-borderWidth-tr-mobile,var(--t4bviw-borderWidth-tr,0px)) var(--t4bviw-borderWidth-br-mobile,var(--t4bviw-borderWidth-br,0px)) var(--t4bviw-borderWidth-bl-mobile,var(--t4bviw-borderWidth-bl,0px)); border-radius: var(--t4bviw-borderRadius-tl-mobile,var(--t4bviw-borderRadius-tl,0px)) var(--t4bviw-borderRadius-tr-mobile,var(--t4bviw-borderRadius-tr,0px)) var(--t4bviw-borderRadius-br-mobile,var(--t4bviw-borderRadius-br,0px)) var(--t4bviw-borderRadius-bl-mobile,var(--t4bviw-borderRadius-bl,0px)); max-width: var(--t4bviw-max-width-mobile, var(--t4bviw-max-width, 100%)); height: if(style(--t4bviw-position-mobile: absolute): var(--t4bviw-height-mobile,var(--t4bviw-height-tablet,,var(--t4bviw-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--t4bviw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--t4bviw-gap,var(--beae-card-gap)); padding-top: var(--t4bviw-padding-top,var(--beae-card-padding)); padding-right: var(--t4bviw-padding-right,var(--beae-card-padding)); padding-bottom: var(--t4bviw-padding-bottom,var(--beae-card-padding)); padding-left: var(--t4bviw-padding-left,var(--beae-card-padding)); border-width: var(--t4bviw-borderWidth-tl,var(--beae-card-border-width)) var(--t4bviw-borderWidth-tr,var(--beae-card-border-width)) var(--t4bviw-borderWidth-br,var(--beae-card-border-width)) var(--t4bviw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--t4bviw-borderRadius-tl,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-tr,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-br,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--t4bviw-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--t4bviw-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--t4bviw-gap-tablet,var(--beae-card-gap)); padding-top: var(--t4bviw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--t4bviw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--t4bviw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--t4bviw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--t4bviw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--t4bviw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--t4bviw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--t4bviw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--t4bviw-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--t4bviw-gap-mobile,var(--beae-card-gap)); padding-top: var(--t4bviw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--t4bviw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--t4bviw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--t4bviw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--t4bviw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--t4bviw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--t4bviw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--t4bviw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--t4bviw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--t4bviw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--t4bviw-background-color,var(--beae-card-featured-background)); border-color: var(--t4bviw-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--t4bviw-shadowHorizontal, var(--beae-card-shadow-x)) var(--t4bviw-shadowVertical, var(--beae-card-shadow-y)) var(--t4bviw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t4bviw-shadowColor, var(--beae-card-featured-shadow-color)) var(--t4bviw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--t4bviw-background-color,var(--beae-card-prod-background)); border-color: var(--t4bviw-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--t4bviw-shadowHorizontal, var(--beae-card-shadow-x)) var(--t4bviw-shadowVertical, var(--beae-card-shadow-y)) var(--t4bviw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t4bviw-shadowColor, var(--beae-card-prod-shadow-color)) var(--t4bviw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--t4bviw-background-color,var(--beae-card-pricing-background)); border-color: var(--t4bviw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--t4bviw-shadowHorizontal, var(--beae-card-shadow-x)) var(--t4bviw-shadowVertical, var(--beae-card-shadow-y)) var(--t4bviw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t4bviw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--t4bviw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--t4bviw-background-color,var(--beae-card-cta-background)); border-color: var(--t4bviw-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--t4bviw-shadowHorizontal, var(--beae-card-shadow-x)) var(--t4bviw-shadowVertical, var(--beae-card-shadow-y)) var(--t4bviw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--t4bviw-shadowColor, var(--beae-card-cta-shadow-color)) var(--t4bviw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-t4bviw"] {     display: flex;     flex-direction: var(--t4bviw-direction, column);     flex-wrap: nowrap;     justify-content: var(--t4bviw-justify-content);     align-items: var(--t4bviw-align-items);     gap: var(--t4bviw-gap, var(--t4bviw-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-t4bviw"] {                            gap: var(--t4bviw-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--t4bviw-padding-right-tablet, 0px) - var(--t4bviw-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-t4bviw"] {                            gap: var(--t4bviw-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--t4bviw-padding-right-mobile, 0px) - var(--t4bviw-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-2n3dil"] { --2n3dil-width: 100%; --2n3dil-width-tablet: 100%; --2n3dil-width-mobile: 100%; --2n3dil-imageRatio: auto; --2n3dil-imageRatio-tablet: auto; --2n3dil-imageRatio-mobile: auto; --2n3dil-objFit: cover; --2n3dil-objFit-tablet: cover; --2n3dil-objFit-mobile: cover; --2n3dil-borderStyle: none; --2n3dil-borderStyle-tablet: none; --2n3dil-borderStyle-mobile: none; --2n3dil-margin-top: 0px; --2n3dil-margin-top-tablet: 0px; --2n3dil-margin-top-mobile: 0px; --2n3dil-margin-right: 6px; --2n3dil-margin-right-tablet: 6px; --2n3dil-margin-right-mobile: 6px; --2n3dil-margin-bottom: 0px; --2n3dil-margin-bottom-tablet: 0px; --2n3dil-margin-bottom-mobile: 0px; --2n3dil-margin-left: 0px; --2n3dil-margin-left-tablet: 0px; --2n3dil-margin-left-mobile: 0px; }[data-bnode="beae-2n3dil"] { margin-top: var(--2n3dil-margin-top, 0px); margin-right: var(--2n3dil-margin-right, 0px); margin-bottom: var(--2n3dil-margin-bottom, 0px); margin-left: var(--2n3dil-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2n3dil-margin-top-tablet, 0px); margin-right: var(--2n3dil-margin-right-tablet, 0px); margin-bottom: var(--2n3dil-margin-bottom-tablet, 0px); margin-left: var(--2n3dil-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2n3dil-margin-top-mobile, 0px); margin-right: var(--2n3dil-margin-right-mobile, 0px); margin-bottom: var(--2n3dil-margin-bottom-mobile, 0px); margin-left: var(--2n3dil-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--2n3dil-width,100%) - var(--2n3dil-margin-left,0px) - var(--2n3dil-margin-right,0px)); min-height: min-content; border-color: var(--2n3dil-borderColor,var(--beae-card-media-border-color)); border-style: var(--2n3dil-borderStyle,solid); border-width: var(--2n3dil-borderWidth-tl,var(--beae-card-border-width)) var(--2n3dil-borderWidth-tr,var(--beae-card-border-width)) var(--2n3dil-borderWidth-br,var(--beae-card-border-width)) var(--2n3dil-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--2n3dil-borderRadius-tl,var(--beae-card-border-radius)) var(--2n3dil-borderRadius-tr,var(--beae-card-border-radius)) var(--2n3dil-borderRadius-br,var(--beae-card-border-radius)) var(--2n3dil-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--2n3dil-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--2n3dil-borderWidth-tl-tablet, var(--2n3dil-borderWidth-tl,var(--beae-card-border-width))) var(--2n3dil-borderWidth-tr-tablet, var(--2n3dil-borderWidth-tr,var(--beae-card-border-width))) var(--2n3dil-borderWidth-br-tablet, var(--2n3dil-borderWidth-br,var(--beae-card-border-width))) var(--2n3dil-borderWidth-bl-tablet, var(--2n3dil-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--2n3dil-borderRadius-tl-tablet, var(--2n3dil-borderRadius-tl,var(--beae-card-border-radius))) var(--2n3dil-borderRadius-tr-tablet, var(--2n3dil-borderRadius-tr,var(--beae-card-border-radius))) var(--2n3dil-borderRadius-br-tablet, var(--2n3dil-borderRadius-br,var(--beae-card-border-radius))) var(--2n3dil-borderRadius-bl-tablet, var(--2n3dil-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--2n3dil-borderWidth-tl-mobile, var(--2n3dil-borderWidth-tl,var(--beae-card-border-width))) var(--2n3dil-borderWidth-tr-mobile, var(--2n3dil-borderWidth-tr,var(--beae-card-border-width))) var(--2n3dil-borderWidth-br-mobile, var(--2n3dil-borderWidth-br,var(--beae-card-border-width))) var(--2n3dil-borderWidth-bl-mobile, var(--2n3dil-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--2n3dil-borderRadius-tl-mobile, var(--2n3dil-borderRadius-tl,var(--beae-card-border-radius))) var(--2n3dil-borderRadius-tr-mobile, var(--2n3dil-borderRadius-tr,var(--beae-card-border-radius))) var(--2n3dil-borderRadius-br-mobile, var(--2n3dil-borderRadius-br,var(--beae-card-border-radius))) var(--2n3dil-borderRadius-bl-mobile, var(--2n3dil-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--2n3dil-shadowHorizontal, var(--beae-card-shadow-x)) var(--2n3dil-shadowVertical, var(--beae-card-shadow-y)) var(--2n3dil-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2n3dil-shadowColor, var(--beae-card-media-shadow-color)) var(--2n3dil-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--2n3dil-overlayColor-color, #000); opacity: var(--2n3dil-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--2n3dil-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--2n3dil-width-tablet,var(--2n3dil-width,100%)) - var(--2n3dil-margin-left-tablet,var(--2n3dil-margin-left,0px)) - var(--2n3dil-margin-right-tablet,var(--2n3dil-margin-right,0px))); aspect-ratio: var(--2n3dil-imageRatio-tablet, var(--2n3dil-imageRatio, auto)); img { object-fit: var(--2n3dil-objFit-tablet, var(--2n3dil-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--2n3dil-width-mobile,var(--2n3dil-width,100%)) - var(--2n3dil-margin-left-mobile,var(--2n3dil-margin-left,0px)) - var(--2n3dil-margin-right-mobile,var(--2n3dil-margin-right,0px))); aspect-ratio: var(--2n3dil-imageRatio-mobile, var(--2n3dil-imageRatio, auto)); img { object-fit: var(--2n3dil-objFit-mobile, var(--2n3dil-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-cxgpx7"] { padding-top: var(--cxgpx7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--cxgpx7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--cxgpx7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--cxgpx7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--cxgpx7-padding-top-tablet, var(--cxgpx7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--cxgpx7-padding-right-tablet, var(--cxgpx7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--cxgpx7-padding-bottom-tablet, var(--cxgpx7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--cxgpx7-padding-left-tablet, var(--cxgpx7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--cxgpx7-padding-top-mobile, var(--cxgpx7-padding-top-tablet, var(--cxgpx7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--cxgpx7-padding-right-mobile, var(--cxgpx7-padding-right-tablet, var(--cxgpx7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--cxgpx7-padding-bottom-mobile, var(--cxgpx7-padding-bottom-tablet, var(--cxgpx7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--cxgpx7-padding-left-mobile, var(--cxgpx7-padding-left-tablet, var(--cxgpx7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--cxgpx7-position, relative); top: var(--cxgpx7-top, auto); right: var(--cxgpx7-right, auto); bottom: var(--cxgpx7-bottom, auto); left: var(--cxgpx7-left, auto); transform: var(--cxgpx7-transform, none); z-index: var(--cxgpx7-z-index, 10); aspect-ratio: var(--cxgpx7-background-imageRatio, auto); background: var(--cxgpx7-background-color,transparent); border-style: var(--cxgpx7-borderStyle,solid); border-color: var(--cxgpx7-borderColor,#000000); border-width: var(--cxgpx7-borderWidth-tl,0px) var(--cxgpx7-borderWidth-tr,0px) var(--cxgpx7-borderWidth-br,0px) var(--cxgpx7-borderWidth-bl,0px); border-radius: var(--cxgpx7-borderRadius-tl,0px) var(--cxgpx7-borderRadius-tr,0px) var(--cxgpx7-borderRadius-br,0px) var(--cxgpx7-borderRadius-bl,0px); box-shadow: var(--cxgpx7-shadowHorizontal, 0px) var(--cxgpx7-shadowVertical, 0px) var(--cxgpx7-shadowBlur, 0px) 1px color-mix( in srgb, var(--cxgpx7-shadowColor, #000000) var(--cxgpx7-shadowTransparent, 0%), transparent ); max-width: var(--cxgpx7-max-width, 100%); width: 100%; height: if(style(--cxgpx7-position: absolute): var(--cxgpx7-height,100%); else: unset ); backdrop-filter:blur(var(--cxgpx7-background-blur, none)) saturate(var(--cxgpx7-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--cxgpx7-position-tablet, var(--cxgpx7-position, relative)); top: var(--cxgpx7-top-tablet, var(--cxgpx7-top, auto)); right: var(--cxgpx7-right-tablet, var(--cxgpx7-right, auto)); bottom: var(--cxgpx7-bottom-tablet, var(--cxgpx7-bottom, auto)); left: var(--cxgpx7-left-tablet, var(--cxgpx7-left, auto)); transform: var(--cxgpx7-transform-tablet, var(--cxgpx7-transform, none)); z-index: var(--cxgpx7-z-index-tablet, var(--cxgpx7-z-index, 10)); aspect-ratio: var(--cxgpx7-background-imageRatio-tablet, var(--cxgpx7-background-imageRatio, auto)); border-width: var(--cxgpx7-borderWidth-tl-tablet, var(--cxgpx7-borderWidth-tl,0px)) var(--cxgpx7-borderWidth-tr-tablet,var(--cxgpx7-borderWidth-tr,0px)) var(--cxgpx7-borderWidth-br-tablet,var(--cxgpx7-borderWidth-br,0px)) var(--cxgpx7-borderWidth-bl-tablet,var(--cxgpx7-borderWidth-bl,0px)); border-radius: var(--cxgpx7-borderRadius-tl-tablet,var(--cxgpx7-borderRadius-tl,0px)) var(--cxgpx7-borderRadius-tr-tablet,var(--cxgpx7-borderRadius-tr,0px)) var(--cxgpx7-borderRadius-br-tablet,var(--cxgpx7-borderRadius-br,0px)) var(--cxgpx7-borderRadius-bl-tablet,var(--cxgpx7-borderRadius-bl,0px)); max-width: var(--cxgpx7-max-width-tablet, var(--cxgpx7-max-width, 100%)); height: if(style(--cxgpx7-position-tablet: absolute): var(--cxgpx7-height-tablet,var(--cxgpx7-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--cxgpx7-position-mobile, var(--cxgpx7-position-tablet, var(--cxgpx7-position, relative))); top: var(--cxgpx7-top-mobile, var(--cxgpx7-top-tablet, var(--cxgpx7-top, auto))); right: var(--cxgpx7-right-mobile, var(--cxgpx7-right-tablet, var(--cxgpx7-right, auto))); bottom: var(--cxgpx7-bottom-mobile, var(--cxgpx7-bottom-tablet, var(--cxgpx7-bottom, auto))); left: var(--cxgpx7-left-mobile, var(--cxgpx7-left-tablet, var(--cxgpx7-left, auto))); transform: var(--cxgpx7-transform-mobile, var(--cxgpx7-transform-tablet, var(--cxgpx7-transform, none))); z-index: var(--cxgpx7-z-index-mobile, var(--cxgpx7-z-index-tablet, var(--cxgpx7-z-index, 10))); aspect-ratio: var(--cxgpx7-background-imageRatio-mobile, var(--cxgpx7-background-imageRatio, auto)); border-width: var(--cxgpx7-borderWidth-tl-mobile, var(--cxgpx7-borderWidth-tl,0px)) var(--cxgpx7-borderWidth-tr-mobile,var(--cxgpx7-borderWidth-tr,0px)) var(--cxgpx7-borderWidth-br-mobile,var(--cxgpx7-borderWidth-br,0px)) var(--cxgpx7-borderWidth-bl-mobile,var(--cxgpx7-borderWidth-bl,0px)); border-radius: var(--cxgpx7-borderRadius-tl-mobile,var(--cxgpx7-borderRadius-tl,0px)) var(--cxgpx7-borderRadius-tr-mobile,var(--cxgpx7-borderRadius-tr,0px)) var(--cxgpx7-borderRadius-br-mobile,var(--cxgpx7-borderRadius-br,0px)) var(--cxgpx7-borderRadius-bl-mobile,var(--cxgpx7-borderRadius-bl,0px)); max-width: var(--cxgpx7-max-width-mobile, var(--cxgpx7-max-width, 100%)); height: if(style(--cxgpx7-position-mobile: absolute): var(--cxgpx7-height-mobile,var(--cxgpx7-height-tablet,,var(--cxgpx7-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--cxgpx7-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--cxgpx7-gap,var(--beae-card-gap)); padding-top: var(--cxgpx7-padding-top,var(--beae-card-padding)); padding-right: var(--cxgpx7-padding-right,var(--beae-card-padding)); padding-bottom: var(--cxgpx7-padding-bottom,var(--beae-card-padding)); padding-left: var(--cxgpx7-padding-left,var(--beae-card-padding)); border-width: var(--cxgpx7-borderWidth-tl,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-tr,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-br,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--cxgpx7-borderRadius-tl,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-tr,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-br,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--cxgpx7-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--cxgpx7-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--cxgpx7-gap-tablet,var(--beae-card-gap)); padding-top: var(--cxgpx7-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--cxgpx7-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--cxgpx7-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--cxgpx7-padding-left-tablet,var(--beae-card-padding)); border-width: var(--cxgpx7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-br-desktop,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--cxgpx7-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--cxgpx7-gap-mobile,var(--beae-card-gap)); padding-top: var(--cxgpx7-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--cxgpx7-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--cxgpx7-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--cxgpx7-padding-left-mobile,var(--beae-card-padding)); border-width: var(--cxgpx7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--cxgpx7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--cxgpx7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--cxgpx7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--cxgpx7-background-color,var(--beae-card-featured-background)); border-color: var(--cxgpx7-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--cxgpx7-shadowHorizontal, var(--beae-card-shadow-x)) var(--cxgpx7-shadowVertical, var(--beae-card-shadow-y)) var(--cxgpx7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cxgpx7-shadowColor, var(--beae-card-featured-shadow-color)) var(--cxgpx7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--cxgpx7-background-color,var(--beae-card-prod-background)); border-color: var(--cxgpx7-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--cxgpx7-shadowHorizontal, var(--beae-card-shadow-x)) var(--cxgpx7-shadowVertical, var(--beae-card-shadow-y)) var(--cxgpx7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cxgpx7-shadowColor, var(--beae-card-prod-shadow-color)) var(--cxgpx7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--cxgpx7-background-color,var(--beae-card-pricing-background)); border-color: var(--cxgpx7-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--cxgpx7-shadowHorizontal, var(--beae-card-shadow-x)) var(--cxgpx7-shadowVertical, var(--beae-card-shadow-y)) var(--cxgpx7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cxgpx7-shadowColor, var(--beae-card-pricing-shadow-color)) var(--cxgpx7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--cxgpx7-background-color,var(--beae-card-cta-background)); border-color: var(--cxgpx7-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--cxgpx7-shadowHorizontal, var(--beae-card-shadow-x)) var(--cxgpx7-shadowVertical, var(--beae-card-shadow-y)) var(--cxgpx7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cxgpx7-shadowColor, var(--beae-card-cta-shadow-color)) var(--cxgpx7-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-cxgpx7"] {     display: flex;     flex-direction: var(--cxgpx7-direction, column);     flex-wrap: nowrap;     justify-content: var(--cxgpx7-justify-content);     align-items: var(--cxgpx7-align-items);     gap: var(--cxgpx7-gap, var(--cxgpx7-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-cxgpx7"] {                            gap: var(--cxgpx7-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--cxgpx7-padding-right-tablet, 0px) - var(--cxgpx7-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-cxgpx7"] {                            gap: var(--cxgpx7-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--cxgpx7-padding-right-mobile, 0px) - var(--cxgpx7-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6p131u"] { --6p131u-width: 100%; --6p131u-width-tablet: 100%; --6p131u-width-mobile: 100%; --6p131u-imageRatio: auto; --6p131u-imageRatio-tablet: auto; --6p131u-imageRatio-mobile: auto; --6p131u-objFit: cover; --6p131u-objFit-tablet: cover; --6p131u-objFit-mobile: cover; --6p131u-borderStyle: none; --6p131u-borderStyle-tablet: none; --6p131u-borderStyle-mobile: none; --6p131u-margin-top: 0px; --6p131u-margin-top-tablet: 0px; --6p131u-margin-top-mobile: 0px; --6p131u-margin-right: 0px; --6p131u-margin-right-tablet: 0px; --6p131u-margin-right-mobile: 0px; --6p131u-margin-bottom: 0px; --6p131u-margin-bottom-tablet: 0px; --6p131u-margin-bottom-mobile: 0px; --6p131u-margin-left: 6px; --6p131u-margin-left-tablet: 6px; --6p131u-margin-left-mobile: 6px; }[data-bnode="beae-6p131u"] { margin-top: var(--6p131u-margin-top, 0px); margin-right: var(--6p131u-margin-right, 0px); margin-bottom: var(--6p131u-margin-bottom, 0px); margin-left: var(--6p131u-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6p131u-margin-top-tablet, 0px); margin-right: var(--6p131u-margin-right-tablet, 0px); margin-bottom: var(--6p131u-margin-bottom-tablet, 0px); margin-left: var(--6p131u-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6p131u-margin-top-mobile, 0px); margin-right: var(--6p131u-margin-right-mobile, 0px); margin-bottom: var(--6p131u-margin-bottom-mobile, 0px); margin-left: var(--6p131u-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--6p131u-width,100%) - var(--6p131u-margin-left,0px) - var(--6p131u-margin-right,0px)); min-height: min-content; border-color: var(--6p131u-borderColor,var(--beae-card-media-border-color)); border-style: var(--6p131u-borderStyle,solid); border-width: var(--6p131u-borderWidth-tl,var(--beae-card-border-width)) var(--6p131u-borderWidth-tr,var(--beae-card-border-width)) var(--6p131u-borderWidth-br,var(--beae-card-border-width)) var(--6p131u-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--6p131u-borderRadius-tl,var(--beae-card-border-radius)) var(--6p131u-borderRadius-tr,var(--beae-card-border-radius)) var(--6p131u-borderRadius-br,var(--beae-card-border-radius)) var(--6p131u-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--6p131u-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--6p131u-borderWidth-tl-tablet, var(--6p131u-borderWidth-tl,var(--beae-card-border-width))) var(--6p131u-borderWidth-tr-tablet, var(--6p131u-borderWidth-tr,var(--beae-card-border-width))) var(--6p131u-borderWidth-br-tablet, var(--6p131u-borderWidth-br,var(--beae-card-border-width))) var(--6p131u-borderWidth-bl-tablet, var(--6p131u-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--6p131u-borderRadius-tl-tablet, var(--6p131u-borderRadius-tl,var(--beae-card-border-radius))) var(--6p131u-borderRadius-tr-tablet, var(--6p131u-borderRadius-tr,var(--beae-card-border-radius))) var(--6p131u-borderRadius-br-tablet, var(--6p131u-borderRadius-br,var(--beae-card-border-radius))) var(--6p131u-borderRadius-bl-tablet, var(--6p131u-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--6p131u-borderWidth-tl-mobile, var(--6p131u-borderWidth-tl,var(--beae-card-border-width))) var(--6p131u-borderWidth-tr-mobile, var(--6p131u-borderWidth-tr,var(--beae-card-border-width))) var(--6p131u-borderWidth-br-mobile, var(--6p131u-borderWidth-br,var(--beae-card-border-width))) var(--6p131u-borderWidth-bl-mobile, var(--6p131u-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--6p131u-borderRadius-tl-mobile, var(--6p131u-borderRadius-tl,var(--beae-card-border-radius))) var(--6p131u-borderRadius-tr-mobile, var(--6p131u-borderRadius-tr,var(--beae-card-border-radius))) var(--6p131u-borderRadius-br-mobile, var(--6p131u-borderRadius-br,var(--beae-card-border-radius))) var(--6p131u-borderRadius-bl-mobile, var(--6p131u-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--6p131u-shadowHorizontal, var(--beae-card-shadow-x)) var(--6p131u-shadowVertical, var(--beae-card-shadow-y)) var(--6p131u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--6p131u-shadowColor, var(--beae-card-media-shadow-color)) var(--6p131u-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--6p131u-overlayColor-color, #000); opacity: var(--6p131u-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--6p131u-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--6p131u-width-tablet,var(--6p131u-width,100%)) - var(--6p131u-margin-left-tablet,var(--6p131u-margin-left,0px)) - var(--6p131u-margin-right-tablet,var(--6p131u-margin-right,0px))); aspect-ratio: var(--6p131u-imageRatio-tablet, var(--6p131u-imageRatio, auto)); img { object-fit: var(--6p131u-objFit-tablet, var(--6p131u-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--6p131u-width-mobile,var(--6p131u-width,100%)) - var(--6p131u-margin-left-mobile,var(--6p131u-margin-left,0px)) - var(--6p131u-margin-right-mobile,var(--6p131u-margin-right,0px))); aspect-ratio: var(--6p131u-imageRatio-mobile, var(--6p131u-imageRatio, auto)); img { object-fit: var(--6p131u-objFit-mobile, var(--6p131u-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-zmf5yi"] { --zmf5yi-direction: column; --zmf5yi-direction-tablet: column; --zmf5yi-direction-mobile: column; --zmf5yi-gap: 16px; --zmf5yi-gap-tablet: 16px; --zmf5yi-gap-mobile: 16px; }[data-bnode="beae-zmf5yi"] { padding-top: var(--zmf5yi-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zmf5yi-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zmf5yi-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zmf5yi-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zmf5yi-padding-top-tablet, var(--zmf5yi-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zmf5yi-padding-right-tablet, var(--zmf5yi-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zmf5yi-padding-bottom-tablet, var(--zmf5yi-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zmf5yi-padding-left-tablet, var(--zmf5yi-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zmf5yi-padding-top-mobile, var(--zmf5yi-padding-top-tablet, var(--zmf5yi-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zmf5yi-padding-right-mobile, var(--zmf5yi-padding-right-tablet, var(--zmf5yi-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zmf5yi-padding-bottom-mobile, var(--zmf5yi-padding-bottom-tablet, var(--zmf5yi-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zmf5yi-padding-left-mobile, var(--zmf5yi-padding-left-tablet, var(--zmf5yi-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--zmf5yi-position, relative); top: var(--zmf5yi-top, auto); right: var(--zmf5yi-right, auto); bottom: var(--zmf5yi-bottom, auto); left: var(--zmf5yi-left, auto); transform: var(--zmf5yi-transform, none); z-index: var(--zmf5yi-z-index, 10); aspect-ratio: var(--zmf5yi-background-imageRatio, auto); background: var(--zmf5yi-background-color,transparent); border-style: var(--zmf5yi-borderStyle,solid); border-color: var(--zmf5yi-borderColor,#000000); border-width: var(--zmf5yi-borderWidth-tl,0px) var(--zmf5yi-borderWidth-tr,0px) var(--zmf5yi-borderWidth-br,0px) var(--zmf5yi-borderWidth-bl,0px); border-radius: var(--zmf5yi-borderRadius-tl,0px) var(--zmf5yi-borderRadius-tr,0px) var(--zmf5yi-borderRadius-br,0px) var(--zmf5yi-borderRadius-bl,0px); box-shadow: var(--zmf5yi-shadowHorizontal, 0px) var(--zmf5yi-shadowVertical, 0px) var(--zmf5yi-shadowBlur, 0px) 1px color-mix( in srgb, var(--zmf5yi-shadowColor, #000000) var(--zmf5yi-shadowTransparent, 0%), transparent ); max-width: var(--zmf5yi-max-width, 100%); width: 100%; height: if(style(--zmf5yi-position: absolute): var(--zmf5yi-height,100%); else: unset ); backdrop-filter:blur(var(--zmf5yi-background-blur, none)) saturate(var(--zmf5yi-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--zmf5yi-position-tablet, var(--zmf5yi-position, relative)); top: var(--zmf5yi-top-tablet, var(--zmf5yi-top, auto)); right: var(--zmf5yi-right-tablet, var(--zmf5yi-right, auto)); bottom: var(--zmf5yi-bottom-tablet, var(--zmf5yi-bottom, auto)); left: var(--zmf5yi-left-tablet, var(--zmf5yi-left, auto)); transform: var(--zmf5yi-transform-tablet, var(--zmf5yi-transform, none)); z-index: var(--zmf5yi-z-index-tablet, var(--zmf5yi-z-index, 10)); aspect-ratio: var(--zmf5yi-background-imageRatio-tablet, var(--zmf5yi-background-imageRatio, auto)); border-width: var(--zmf5yi-borderWidth-tl-tablet, var(--zmf5yi-borderWidth-tl,0px)) var(--zmf5yi-borderWidth-tr-tablet,var(--zmf5yi-borderWidth-tr,0px)) var(--zmf5yi-borderWidth-br-tablet,var(--zmf5yi-borderWidth-br,0px)) var(--zmf5yi-borderWidth-bl-tablet,var(--zmf5yi-borderWidth-bl,0px)); border-radius: var(--zmf5yi-borderRadius-tl-tablet,var(--zmf5yi-borderRadius-tl,0px)) var(--zmf5yi-borderRadius-tr-tablet,var(--zmf5yi-borderRadius-tr,0px)) var(--zmf5yi-borderRadius-br-tablet,var(--zmf5yi-borderRadius-br,0px)) var(--zmf5yi-borderRadius-bl-tablet,var(--zmf5yi-borderRadius-bl,0px)); max-width: var(--zmf5yi-max-width-tablet, var(--zmf5yi-max-width, 100%)); height: if(style(--zmf5yi-position-tablet: absolute): var(--zmf5yi-height-tablet,var(--zmf5yi-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--zmf5yi-position-mobile, var(--zmf5yi-position-tablet, var(--zmf5yi-position, relative))); top: var(--zmf5yi-top-mobile, var(--zmf5yi-top-tablet, var(--zmf5yi-top, auto))); right: var(--zmf5yi-right-mobile, var(--zmf5yi-right-tablet, var(--zmf5yi-right, auto))); bottom: var(--zmf5yi-bottom-mobile, var(--zmf5yi-bottom-tablet, var(--zmf5yi-bottom, auto))); left: var(--zmf5yi-left-mobile, var(--zmf5yi-left-tablet, var(--zmf5yi-left, auto))); transform: var(--zmf5yi-transform-mobile, var(--zmf5yi-transform-tablet, var(--zmf5yi-transform, none))); z-index: var(--zmf5yi-z-index-mobile, var(--zmf5yi-z-index-tablet, var(--zmf5yi-z-index, 10))); aspect-ratio: var(--zmf5yi-background-imageRatio-mobile, var(--zmf5yi-background-imageRatio, auto)); border-width: var(--zmf5yi-borderWidth-tl-mobile, var(--zmf5yi-borderWidth-tl,0px)) var(--zmf5yi-borderWidth-tr-mobile,var(--zmf5yi-borderWidth-tr,0px)) var(--zmf5yi-borderWidth-br-mobile,var(--zmf5yi-borderWidth-br,0px)) var(--zmf5yi-borderWidth-bl-mobile,var(--zmf5yi-borderWidth-bl,0px)); border-radius: var(--zmf5yi-borderRadius-tl-mobile,var(--zmf5yi-borderRadius-tl,0px)) var(--zmf5yi-borderRadius-tr-mobile,var(--zmf5yi-borderRadius-tr,0px)) var(--zmf5yi-borderRadius-br-mobile,var(--zmf5yi-borderRadius-br,0px)) var(--zmf5yi-borderRadius-bl-mobile,var(--zmf5yi-borderRadius-bl,0px)); max-width: var(--zmf5yi-max-width-mobile, var(--zmf5yi-max-width, 100%)); height: if(style(--zmf5yi-position-mobile: absolute): var(--zmf5yi-height-mobile,var(--zmf5yi-height-tablet,,var(--zmf5yi-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zmf5yi-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--zmf5yi-gap,var(--beae-card-gap)); padding-top: var(--zmf5yi-padding-top,var(--beae-card-padding)); padding-right: var(--zmf5yi-padding-right,var(--beae-card-padding)); padding-bottom: var(--zmf5yi-padding-bottom,var(--beae-card-padding)); padding-left: var(--zmf5yi-padding-left,var(--beae-card-padding)); border-width: var(--zmf5yi-borderWidth-tl,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-tr,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-br,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zmf5yi-borderRadius-tl,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-tr,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-br,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--zmf5yi-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--zmf5yi-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--zmf5yi-gap-tablet,var(--beae-card-gap)); padding-top: var(--zmf5yi-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zmf5yi-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zmf5yi-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zmf5yi-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zmf5yi-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zmf5yi-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--zmf5yi-gap-mobile,var(--beae-card-gap)); padding-top: var(--zmf5yi-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zmf5yi-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zmf5yi-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zmf5yi-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zmf5yi-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zmf5yi-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zmf5yi-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zmf5yi-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zmf5yi-background-color,var(--beae-card-featured-background)); border-color: var(--zmf5yi-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--zmf5yi-shadowHorizontal, var(--beae-card-shadow-x)) var(--zmf5yi-shadowVertical, var(--beae-card-shadow-y)) var(--zmf5yi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zmf5yi-shadowColor, var(--beae-card-featured-shadow-color)) var(--zmf5yi-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--zmf5yi-background-color,var(--beae-card-prod-background)); border-color: var(--zmf5yi-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--zmf5yi-shadowHorizontal, var(--beae-card-shadow-x)) var(--zmf5yi-shadowVertical, var(--beae-card-shadow-y)) var(--zmf5yi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zmf5yi-shadowColor, var(--beae-card-prod-shadow-color)) var(--zmf5yi-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--zmf5yi-background-color,var(--beae-card-pricing-background)); border-color: var(--zmf5yi-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--zmf5yi-shadowHorizontal, var(--beae-card-shadow-x)) var(--zmf5yi-shadowVertical, var(--beae-card-shadow-y)) var(--zmf5yi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zmf5yi-shadowColor, var(--beae-card-pricing-shadow-color)) var(--zmf5yi-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--zmf5yi-background-color,var(--beae-card-cta-background)); border-color: var(--zmf5yi-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--zmf5yi-shadowHorizontal, var(--beae-card-shadow-x)) var(--zmf5yi-shadowVertical, var(--beae-card-shadow-y)) var(--zmf5yi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zmf5yi-shadowColor, var(--beae-card-cta-shadow-color)) var(--zmf5yi-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-zmf5yi"] {     display: flex;     flex-direction: var(--zmf5yi-direction, column);     flex-wrap: nowrap;     justify-content: var(--zmf5yi-justify-content);     align-items: var(--zmf5yi-align-items);     gap: var(--zmf5yi-gap, var(--zmf5yi-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-zmf5yi"] {                            gap: var(--zmf5yi-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zmf5yi-padding-right-tablet, 0px) - var(--zmf5yi-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-zmf5yi"] {                            gap: var(--zmf5yi-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--zmf5yi-padding-right-mobile, 0px) - var(--zmf5yi-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-6jxqar"] { --beae-p-color: #fefcf0; }[data-bnode="beae-6jxqar"] { margin-top: var(--6jxqar-margin-top, 0px); margin-right: var(--6jxqar-margin-right, 0px); margin-bottom: var(--6jxqar-margin-bottom, 0px); margin-left: var(--6jxqar-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6jxqar-margin-top-tablet, 0px); margin-right: var(--6jxqar-margin-right-tablet, 0px); margin-bottom: var(--6jxqar-margin-bottom-tablet, 0px); margin-left: var(--6jxqar-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6jxqar-margin-top-mobile, 0px); margin-right: var(--6jxqar-margin-right-mobile, 0px); margin-bottom: var(--6jxqar-margin-bottom-mobile, 0px); margin-left: var(--6jxqar-margin-left-mobile, 0px); } }[data-bnode="beae-pjmq5e"] { --pjmq5e-direction: row; --pjmq5e-direction-tablet: row; --pjmq5e-direction-mobile: row; --pjmq5e-structure: auto; --pjmq5e-structure-tablet: auto; --pjmq5e-structure-mobile: auto; --pjmq5e-position: relative; --pjmq5e-position-tablet: relative; --pjmq5e-position-mobile: relative; }[data-bnode="beae-pjmq5e"] { padding-top: var(--pjmq5e-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pjmq5e-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pjmq5e-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pjmq5e-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pjmq5e-padding-top-tablet, var(--pjmq5e-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pjmq5e-padding-right-tablet, var(--pjmq5e-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pjmq5e-padding-bottom-tablet, var(--pjmq5e-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pjmq5e-padding-left-tablet, var(--pjmq5e-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pjmq5e-padding-top-mobile, var(--pjmq5e-padding-top-tablet, var(--pjmq5e-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pjmq5e-padding-right-mobile, var(--pjmq5e-padding-right-tablet, var(--pjmq5e-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pjmq5e-padding-bottom-mobile, var(--pjmq5e-padding-bottom-tablet, var(--pjmq5e-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pjmq5e-padding-left-mobile, var(--pjmq5e-padding-left-tablet, var(--pjmq5e-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--pjmq5e-position, relative); top: var(--pjmq5e-top, auto); right: var(--pjmq5e-right, auto); bottom: var(--pjmq5e-bottom, auto); left: var(--pjmq5e-left, auto); transform: var(--pjmq5e-transform, none); z-index: var(--pjmq5e-z-index, 10); aspect-ratio: var(--pjmq5e-background-imageRatio, auto); background: var(--pjmq5e-background-color,transparent); border-style: var(--pjmq5e-borderStyle,solid); border-color: var(--pjmq5e-borderColor,#000000); border-width: var(--pjmq5e-borderWidth-tl,0px) var(--pjmq5e-borderWidth-tr,0px) var(--pjmq5e-borderWidth-br,0px) var(--pjmq5e-borderWidth-bl,0px); border-radius: var(--pjmq5e-borderRadius-tl,0px) var(--pjmq5e-borderRadius-tr,0px) var(--pjmq5e-borderRadius-br,0px) var(--pjmq5e-borderRadius-bl,0px); box-shadow: var(--pjmq5e-shadowHorizontal, 0px) var(--pjmq5e-shadowVertical, 0px) var(--pjmq5e-shadowBlur, 0px) 1px color-mix( in srgb, var(--pjmq5e-shadowColor, #000000) var(--pjmq5e-shadowTransparent, 0%), transparent ); max-width: var(--pjmq5e-max-width, 100%); width: 100%; height: if(style(--pjmq5e-position: absolute): var(--pjmq5e-height,100%); else: unset ); backdrop-filter:blur(var(--pjmq5e-background-blur, none)) saturate(var(--pjmq5e-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--pjmq5e-position-tablet, var(--pjmq5e-position, relative)); top: var(--pjmq5e-top-tablet, var(--pjmq5e-top, auto)); right: var(--pjmq5e-right-tablet, var(--pjmq5e-right, auto)); bottom: var(--pjmq5e-bottom-tablet, var(--pjmq5e-bottom, auto)); left: var(--pjmq5e-left-tablet, var(--pjmq5e-left, auto)); transform: var(--pjmq5e-transform-tablet, var(--pjmq5e-transform, none)); z-index: var(--pjmq5e-z-index-tablet, var(--pjmq5e-z-index, 10)); aspect-ratio: var(--pjmq5e-background-imageRatio-tablet, var(--pjmq5e-background-imageRatio, auto)); border-width: var(--pjmq5e-borderWidth-tl-tablet, var(--pjmq5e-borderWidth-tl,0px)) var(--pjmq5e-borderWidth-tr-tablet,var(--pjmq5e-borderWidth-tr,0px)) var(--pjmq5e-borderWidth-br-tablet,var(--pjmq5e-borderWidth-br,0px)) var(--pjmq5e-borderWidth-bl-tablet,var(--pjmq5e-borderWidth-bl,0px)); border-radius: var(--pjmq5e-borderRadius-tl-tablet,var(--pjmq5e-borderRadius-tl,0px)) var(--pjmq5e-borderRadius-tr-tablet,var(--pjmq5e-borderRadius-tr,0px)) var(--pjmq5e-borderRadius-br-tablet,var(--pjmq5e-borderRadius-br,0px)) var(--pjmq5e-borderRadius-bl-tablet,var(--pjmq5e-borderRadius-bl,0px)); max-width: var(--pjmq5e-max-width-tablet, var(--pjmq5e-max-width, 100%)); height: if(style(--pjmq5e-position-tablet: absolute): var(--pjmq5e-height-tablet,var(--pjmq5e-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--pjmq5e-position-mobile, var(--pjmq5e-position-tablet, var(--pjmq5e-position, relative))); top: var(--pjmq5e-top-mobile, var(--pjmq5e-top-tablet, var(--pjmq5e-top, auto))); right: var(--pjmq5e-right-mobile, var(--pjmq5e-right-tablet, var(--pjmq5e-right, auto))); bottom: var(--pjmq5e-bottom-mobile, var(--pjmq5e-bottom-tablet, var(--pjmq5e-bottom, auto))); left: var(--pjmq5e-left-mobile, var(--pjmq5e-left-tablet, var(--pjmq5e-left, auto))); transform: var(--pjmq5e-transform-mobile, var(--pjmq5e-transform-tablet, var(--pjmq5e-transform, none))); z-index: var(--pjmq5e-z-index-mobile, var(--pjmq5e-z-index-tablet, var(--pjmq5e-z-index, 10))); aspect-ratio: var(--pjmq5e-background-imageRatio-mobile, var(--pjmq5e-background-imageRatio, auto)); border-width: var(--pjmq5e-borderWidth-tl-mobile, var(--pjmq5e-borderWidth-tl,0px)) var(--pjmq5e-borderWidth-tr-mobile,var(--pjmq5e-borderWidth-tr,0px)) var(--pjmq5e-borderWidth-br-mobile,var(--pjmq5e-borderWidth-br,0px)) var(--pjmq5e-borderWidth-bl-mobile,var(--pjmq5e-borderWidth-bl,0px)); border-radius: var(--pjmq5e-borderRadius-tl-mobile,var(--pjmq5e-borderRadius-tl,0px)) var(--pjmq5e-borderRadius-tr-mobile,var(--pjmq5e-borderRadius-tr,0px)) var(--pjmq5e-borderRadius-br-mobile,var(--pjmq5e-borderRadius-br,0px)) var(--pjmq5e-borderRadius-bl-mobile,var(--pjmq5e-borderRadius-bl,0px)); max-width: var(--pjmq5e-max-width-mobile, var(--pjmq5e-max-width, 100%)); height: if(style(--pjmq5e-position-mobile: absolute): var(--pjmq5e-height-mobile,var(--pjmq5e-height-tablet,,var(--pjmq5e-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pjmq5e-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--pjmq5e-gap,var(--beae-card-gap)); padding-top: var(--pjmq5e-padding-top,var(--beae-card-padding)); padding-right: var(--pjmq5e-padding-right,var(--beae-card-padding)); padding-bottom: var(--pjmq5e-padding-bottom,var(--beae-card-padding)); padding-left: var(--pjmq5e-padding-left,var(--beae-card-padding)); border-width: var(--pjmq5e-borderWidth-tl,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-tr,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-br,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pjmq5e-borderRadius-tl,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-tr,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-br,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--pjmq5e-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--pjmq5e-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--pjmq5e-gap-tablet,var(--beae-card-gap)); padding-top: var(--pjmq5e-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pjmq5e-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pjmq5e-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pjmq5e-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pjmq5e-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pjmq5e-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--pjmq5e-gap-mobile,var(--beae-card-gap)); padding-top: var(--pjmq5e-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pjmq5e-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pjmq5e-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pjmq5e-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pjmq5e-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pjmq5e-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pjmq5e-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pjmq5e-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pjmq5e-background-color,var(--beae-card-featured-background)); border-color: var(--pjmq5e-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--pjmq5e-shadowHorizontal, var(--beae-card-shadow-x)) var(--pjmq5e-shadowVertical, var(--beae-card-shadow-y)) var(--pjmq5e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pjmq5e-shadowColor, var(--beae-card-featured-shadow-color)) var(--pjmq5e-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--pjmq5e-background-color,var(--beae-card-prod-background)); border-color: var(--pjmq5e-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--pjmq5e-shadowHorizontal, var(--beae-card-shadow-x)) var(--pjmq5e-shadowVertical, var(--beae-card-shadow-y)) var(--pjmq5e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pjmq5e-shadowColor, var(--beae-card-prod-shadow-color)) var(--pjmq5e-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--pjmq5e-background-color,var(--beae-card-pricing-background)); border-color: var(--pjmq5e-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--pjmq5e-shadowHorizontal, var(--beae-card-shadow-x)) var(--pjmq5e-shadowVertical, var(--beae-card-shadow-y)) var(--pjmq5e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pjmq5e-shadowColor, var(--beae-card-pricing-shadow-color)) var(--pjmq5e-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--pjmq5e-background-color,var(--beae-card-cta-background)); border-color: var(--pjmq5e-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--pjmq5e-shadowHorizontal, var(--beae-card-shadow-x)) var(--pjmq5e-shadowVertical, var(--beae-card-shadow-y)) var(--pjmq5e-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pjmq5e-shadowColor, var(--beae-card-cta-shadow-color)) var(--pjmq5e-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-pjmq5e"] {     display: flex;     flex-direction: var(--pjmq5e-direction, column);     flex-wrap: nowrap;     justify-content: var(--pjmq5e-justify-content);     align-items: var(--pjmq5e-align-items);     gap: var(--pjmq5e-gap, var(--pjmq5e-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-pjmq5e"] {                            gap: var(--pjmq5e-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--pjmq5e-padding-right-tablet, 0px) - var(--pjmq5e-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-pjmq5e"] {                            gap: var(--pjmq5e-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--pjmq5e-padding-right-mobile, 0px) - var(--pjmq5e-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-9k2dol"] { --9k2dol-direction: row; --9k2dol-direction-tablet: row; --9k2dol-direction-mobile: row; --9k2dol-structure: auto; --9k2dol-structure-tablet: auto; --9k2dol-structure-mobile: auto; --9k2dol-align-items: center; --9k2dol-align-items-tablet: center; --9k2dol-align-items-mobile: center; --9k2dol-justify-content: center; --9k2dol-justify-content-tablet: center; --9k2dol-justify-content-mobile: center; }[data-bnode="beae-9k2dol"] { padding-top: var(--9k2dol-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9k2dol-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9k2dol-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9k2dol-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9k2dol-padding-top-tablet, var(--9k2dol-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9k2dol-padding-right-tablet, var(--9k2dol-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9k2dol-padding-bottom-tablet, var(--9k2dol-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9k2dol-padding-left-tablet, var(--9k2dol-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9k2dol-padding-top-mobile, var(--9k2dol-padding-top-tablet, var(--9k2dol-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9k2dol-padding-right-mobile, var(--9k2dol-padding-right-tablet, var(--9k2dol-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9k2dol-padding-bottom-mobile, var(--9k2dol-padding-bottom-tablet, var(--9k2dol-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9k2dol-padding-left-mobile, var(--9k2dol-padding-left-tablet, var(--9k2dol-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--9k2dol-position, relative); top: var(--9k2dol-top, auto); right: var(--9k2dol-right, auto); bottom: var(--9k2dol-bottom, auto); left: var(--9k2dol-left, auto); transform: var(--9k2dol-transform, none); z-index: var(--9k2dol-z-index, 10); aspect-ratio: var(--9k2dol-background-imageRatio, auto); background: var(--9k2dol-background-color,transparent); border-style: var(--9k2dol-borderStyle,solid); border-color: var(--9k2dol-borderColor,#000000); border-width: var(--9k2dol-borderWidth-tl,0px) var(--9k2dol-borderWidth-tr,0px) var(--9k2dol-borderWidth-br,0px) var(--9k2dol-borderWidth-bl,0px); border-radius: var(--9k2dol-borderRadius-tl,0px) var(--9k2dol-borderRadius-tr,0px) var(--9k2dol-borderRadius-br,0px) var(--9k2dol-borderRadius-bl,0px); box-shadow: var(--9k2dol-shadowHorizontal, 0px) var(--9k2dol-shadowVertical, 0px) var(--9k2dol-shadowBlur, 0px) 1px color-mix( in srgb, var(--9k2dol-shadowColor, #000000) var(--9k2dol-shadowTransparent, 0%), transparent ); max-width: var(--9k2dol-max-width, 100%); width: 100%; height: if(style(--9k2dol-position: absolute): var(--9k2dol-height,100%); else: unset ); backdrop-filter:blur(var(--9k2dol-background-blur, none)) saturate(var(--9k2dol-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--9k2dol-position-tablet, var(--9k2dol-position, relative)); top: var(--9k2dol-top-tablet, var(--9k2dol-top, auto)); right: var(--9k2dol-right-tablet, var(--9k2dol-right, auto)); bottom: var(--9k2dol-bottom-tablet, var(--9k2dol-bottom, auto)); left: var(--9k2dol-left-tablet, var(--9k2dol-left, auto)); transform: var(--9k2dol-transform-tablet, var(--9k2dol-transform, none)); z-index: var(--9k2dol-z-index-tablet, var(--9k2dol-z-index, 10)); aspect-ratio: var(--9k2dol-background-imageRatio-tablet, var(--9k2dol-background-imageRatio, auto)); border-width: var(--9k2dol-borderWidth-tl-tablet, var(--9k2dol-borderWidth-tl,0px)) var(--9k2dol-borderWidth-tr-tablet,var(--9k2dol-borderWidth-tr,0px)) var(--9k2dol-borderWidth-br-tablet,var(--9k2dol-borderWidth-br,0px)) var(--9k2dol-borderWidth-bl-tablet,var(--9k2dol-borderWidth-bl,0px)); border-radius: var(--9k2dol-borderRadius-tl-tablet,var(--9k2dol-borderRadius-tl,0px)) var(--9k2dol-borderRadius-tr-tablet,var(--9k2dol-borderRadius-tr,0px)) var(--9k2dol-borderRadius-br-tablet,var(--9k2dol-borderRadius-br,0px)) var(--9k2dol-borderRadius-bl-tablet,var(--9k2dol-borderRadius-bl,0px)); max-width: var(--9k2dol-max-width-tablet, var(--9k2dol-max-width, 100%)); height: if(style(--9k2dol-position-tablet: absolute): var(--9k2dol-height-tablet,var(--9k2dol-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--9k2dol-position-mobile, var(--9k2dol-position-tablet, var(--9k2dol-position, relative))); top: var(--9k2dol-top-mobile, var(--9k2dol-top-tablet, var(--9k2dol-top, auto))); right: var(--9k2dol-right-mobile, var(--9k2dol-right-tablet, var(--9k2dol-right, auto))); bottom: var(--9k2dol-bottom-mobile, var(--9k2dol-bottom-tablet, var(--9k2dol-bottom, auto))); left: var(--9k2dol-left-mobile, var(--9k2dol-left-tablet, var(--9k2dol-left, auto))); transform: var(--9k2dol-transform-mobile, var(--9k2dol-transform-tablet, var(--9k2dol-transform, none))); z-index: var(--9k2dol-z-index-mobile, var(--9k2dol-z-index-tablet, var(--9k2dol-z-index, 10))); aspect-ratio: var(--9k2dol-background-imageRatio-mobile, var(--9k2dol-background-imageRatio, auto)); border-width: var(--9k2dol-borderWidth-tl-mobile, var(--9k2dol-borderWidth-tl,0px)) var(--9k2dol-borderWidth-tr-mobile,var(--9k2dol-borderWidth-tr,0px)) var(--9k2dol-borderWidth-br-mobile,var(--9k2dol-borderWidth-br,0px)) var(--9k2dol-borderWidth-bl-mobile,var(--9k2dol-borderWidth-bl,0px)); border-radius: var(--9k2dol-borderRadius-tl-mobile,var(--9k2dol-borderRadius-tl,0px)) var(--9k2dol-borderRadius-tr-mobile,var(--9k2dol-borderRadius-tr,0px)) var(--9k2dol-borderRadius-br-mobile,var(--9k2dol-borderRadius-br,0px)) var(--9k2dol-borderRadius-bl-mobile,var(--9k2dol-borderRadius-bl,0px)); max-width: var(--9k2dol-max-width-mobile, var(--9k2dol-max-width, 100%)); height: if(style(--9k2dol-position-mobile: absolute): var(--9k2dol-height-mobile,var(--9k2dol-height-tablet,,var(--9k2dol-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--9k2dol-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--9k2dol-gap,var(--beae-card-gap)); padding-top: var(--9k2dol-padding-top,var(--beae-card-padding)); padding-right: var(--9k2dol-padding-right,var(--beae-card-padding)); padding-bottom: var(--9k2dol-padding-bottom,var(--beae-card-padding)); padding-left: var(--9k2dol-padding-left,var(--beae-card-padding)); border-width: var(--9k2dol-borderWidth-tl,var(--beae-card-border-width)) var(--9k2dol-borderWidth-tr,var(--beae-card-border-width)) var(--9k2dol-borderWidth-br,var(--beae-card-border-width)) var(--9k2dol-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--9k2dol-borderRadius-tl,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-tr,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-br,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--9k2dol-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--9k2dol-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--9k2dol-gap-tablet,var(--beae-card-gap)); padding-top: var(--9k2dol-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--9k2dol-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--9k2dol-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--9k2dol-padding-left-tablet,var(--beae-card-padding)); border-width: var(--9k2dol-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--9k2dol-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--9k2dol-borderWidth-br-desktop,var(--beae-card-border-width)) var(--9k2dol-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--9k2dol-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--9k2dol-gap-mobile,var(--beae-card-gap)); padding-top: var(--9k2dol-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--9k2dol-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--9k2dol-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--9k2dol-padding-left-mobile,var(--beae-card-padding)); border-width: var(--9k2dol-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--9k2dol-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--9k2dol-borderWidth-br-mobile,var(--beae-card-border-width)) var(--9k2dol-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--9k2dol-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--9k2dol-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--9k2dol-background-color,var(--beae-card-featured-background)); border-color: var(--9k2dol-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--9k2dol-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k2dol-shadowVertical, var(--beae-card-shadow-y)) var(--9k2dol-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k2dol-shadowColor, var(--beae-card-featured-shadow-color)) var(--9k2dol-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--9k2dol-background-color,var(--beae-card-prod-background)); border-color: var(--9k2dol-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--9k2dol-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k2dol-shadowVertical, var(--beae-card-shadow-y)) var(--9k2dol-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k2dol-shadowColor, var(--beae-card-prod-shadow-color)) var(--9k2dol-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--9k2dol-background-color,var(--beae-card-pricing-background)); border-color: var(--9k2dol-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--9k2dol-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k2dol-shadowVertical, var(--beae-card-shadow-y)) var(--9k2dol-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k2dol-shadowColor, var(--beae-card-pricing-shadow-color)) var(--9k2dol-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--9k2dol-background-color,var(--beae-card-cta-background)); border-color: var(--9k2dol-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--9k2dol-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k2dol-shadowVertical, var(--beae-card-shadow-y)) var(--9k2dol-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k2dol-shadowColor, var(--beae-card-cta-shadow-color)) var(--9k2dol-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-9k2dol"] {     display: flex;     flex-direction: var(--9k2dol-direction, column);     flex-wrap: nowrap;     justify-content: var(--9k2dol-justify-content);     align-items: var(--9k2dol-align-items);     gap: var(--9k2dol-gap, var(--9k2dol-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-9k2dol"] {                            gap: var(--9k2dol-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--9k2dol-padding-right-tablet, 0px) - var(--9k2dol-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-9k2dol"] {                            gap: var(--9k2dol-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--9k2dol-padding-right-mobile, 0px) - var(--9k2dol-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-u5t5hw"] { --u5t5hw-width: 60%; --u5t5hw-width-tablet: 60%; --u5t5hw-width-mobile: 60%; --u5t5hw-imageRatio: 3/2; --u5t5hw-imageRatio-tablet: 3/2; --u5t5hw-imageRatio-mobile: 3/2; --u5t5hw-objFit: cover; --u5t5hw-objFit-tablet: cover; --u5t5hw-objFit-mobile: cover; --u5t5hw-borderStyle: none; --u5t5hw-borderStyle-tablet: none; --u5t5hw-borderStyle-mobile: none; --u5t5hw-margin-top: 0px; --u5t5hw-margin-top-tablet: 0px; --u5t5hw-margin-top-mobile: 0px; --u5t5hw-margin-right: 0px; --u5t5hw-margin-right-tablet: 0px; --u5t5hw-margin-right-mobile: 0px; --u5t5hw-margin-bottom: 12px; --u5t5hw-margin-bottom-tablet: 12px; --u5t5hw-margin-bottom-mobile: 12px; --u5t5hw-margin-left: 0px; --u5t5hw-margin-left-tablet: 0px; --u5t5hw-margin-left-mobile: 0px; }[data-bnode="beae-u5t5hw"] { margin-top: var(--u5t5hw-margin-top, 0px); margin-right: var(--u5t5hw-margin-right, 0px); margin-bottom: var(--u5t5hw-margin-bottom, 0px); margin-left: var(--u5t5hw-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u5t5hw-margin-top-tablet, 0px); margin-right: var(--u5t5hw-margin-right-tablet, 0px); margin-bottom: var(--u5t5hw-margin-bottom-tablet, 0px); margin-left: var(--u5t5hw-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u5t5hw-margin-top-mobile, 0px); margin-right: var(--u5t5hw-margin-right-mobile, 0px); margin-bottom: var(--u5t5hw-margin-bottom-mobile, 0px); margin-left: var(--u5t5hw-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--u5t5hw-width,100%) - var(--u5t5hw-margin-left,0px) - var(--u5t5hw-margin-right,0px)); min-height: min-content; border-color: var(--u5t5hw-borderColor,var(--beae-card-media-border-color)); border-style: var(--u5t5hw-borderStyle,solid); border-width: var(--u5t5hw-borderWidth-tl,var(--beae-card-border-width)) var(--u5t5hw-borderWidth-tr,var(--beae-card-border-width)) var(--u5t5hw-borderWidth-br,var(--beae-card-border-width)) var(--u5t5hw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--u5t5hw-borderRadius-tl,var(--beae-card-border-radius)) var(--u5t5hw-borderRadius-tr,var(--beae-card-border-radius)) var(--u5t5hw-borderRadius-br,var(--beae-card-border-radius)) var(--u5t5hw-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--u5t5hw-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--u5t5hw-borderWidth-tl-tablet, var(--u5t5hw-borderWidth-tl,var(--beae-card-border-width))) var(--u5t5hw-borderWidth-tr-tablet, var(--u5t5hw-borderWidth-tr,var(--beae-card-border-width))) var(--u5t5hw-borderWidth-br-tablet, var(--u5t5hw-borderWidth-br,var(--beae-card-border-width))) var(--u5t5hw-borderWidth-bl-tablet, var(--u5t5hw-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--u5t5hw-borderRadius-tl-tablet, var(--u5t5hw-borderRadius-tl,var(--beae-card-border-radius))) var(--u5t5hw-borderRadius-tr-tablet, var(--u5t5hw-borderRadius-tr,var(--beae-card-border-radius))) var(--u5t5hw-borderRadius-br-tablet, var(--u5t5hw-borderRadius-br,var(--beae-card-border-radius))) var(--u5t5hw-borderRadius-bl-tablet, var(--u5t5hw-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--u5t5hw-borderWidth-tl-mobile, var(--u5t5hw-borderWidth-tl,var(--beae-card-border-width))) var(--u5t5hw-borderWidth-tr-mobile, var(--u5t5hw-borderWidth-tr,var(--beae-card-border-width))) var(--u5t5hw-borderWidth-br-mobile, var(--u5t5hw-borderWidth-br,var(--beae-card-border-width))) var(--u5t5hw-borderWidth-bl-mobile, var(--u5t5hw-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--u5t5hw-borderRadius-tl-mobile, var(--u5t5hw-borderRadius-tl,var(--beae-card-border-radius))) var(--u5t5hw-borderRadius-tr-mobile, var(--u5t5hw-borderRadius-tr,var(--beae-card-border-radius))) var(--u5t5hw-borderRadius-br-mobile, var(--u5t5hw-borderRadius-br,var(--beae-card-border-radius))) var(--u5t5hw-borderRadius-bl-mobile, var(--u5t5hw-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--u5t5hw-shadowHorizontal, var(--beae-card-shadow-x)) var(--u5t5hw-shadowVertical, var(--beae-card-shadow-y)) var(--u5t5hw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--u5t5hw-shadowColor, var(--beae-card-media-shadow-color)) var(--u5t5hw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--u5t5hw-overlayColor-color, #000); opacity: var(--u5t5hw-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--u5t5hw-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--u5t5hw-width-tablet,var(--u5t5hw-width,100%)) - var(--u5t5hw-margin-left-tablet,var(--u5t5hw-margin-left,0px)) - var(--u5t5hw-margin-right-tablet,var(--u5t5hw-margin-right,0px))); aspect-ratio: var(--u5t5hw-imageRatio-tablet, var(--u5t5hw-imageRatio, auto)); img { object-fit: var(--u5t5hw-objFit-tablet, var(--u5t5hw-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--u5t5hw-width-mobile,var(--u5t5hw-width,100%)) - var(--u5t5hw-margin-left-mobile,var(--u5t5hw-margin-left,0px)) - var(--u5t5hw-margin-right-mobile,var(--u5t5hw-margin-right,0px))); aspect-ratio: var(--u5t5hw-imageRatio-mobile, var(--u5t5hw-imageRatio, auto)); img { object-fit: var(--u5t5hw-objFit-mobile, var(--u5t5hw-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-fpojwu"] { --fpojwu-direction: column; --fpojwu-direction-tablet: column; --fpojwu-direction-mobile: column; --fpojwu-gap: 16px; --fpojwu-gap-tablet: 16px; --fpojwu-gap-mobile: 16px; }[data-bnode="beae-fpojwu"] { padding-top: var(--fpojwu-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--fpojwu-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--fpojwu-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--fpojwu-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--fpojwu-padding-top-tablet, var(--fpojwu-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--fpojwu-padding-right-tablet, var(--fpojwu-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--fpojwu-padding-bottom-tablet, var(--fpojwu-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--fpojwu-padding-left-tablet, var(--fpojwu-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--fpojwu-padding-top-mobile, var(--fpojwu-padding-top-tablet, var(--fpojwu-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--fpojwu-padding-right-mobile, var(--fpojwu-padding-right-tablet, var(--fpojwu-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--fpojwu-padding-bottom-mobile, var(--fpojwu-padding-bottom-tablet, var(--fpojwu-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--fpojwu-padding-left-mobile, var(--fpojwu-padding-left-tablet, var(--fpojwu-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--fpojwu-position, relative); top: var(--fpojwu-top, auto); right: var(--fpojwu-right, auto); bottom: var(--fpojwu-bottom, auto); left: var(--fpojwu-left, auto); transform: var(--fpojwu-transform, none); z-index: var(--fpojwu-z-index, 10); aspect-ratio: var(--fpojwu-background-imageRatio, auto); background: var(--fpojwu-background-color,transparent); border-style: var(--fpojwu-borderStyle,solid); border-color: var(--fpojwu-borderColor,#000000); border-width: var(--fpojwu-borderWidth-tl,0px) var(--fpojwu-borderWidth-tr,0px) var(--fpojwu-borderWidth-br,0px) var(--fpojwu-borderWidth-bl,0px); border-radius: var(--fpojwu-borderRadius-tl,0px) var(--fpojwu-borderRadius-tr,0px) var(--fpojwu-borderRadius-br,0px) var(--fpojwu-borderRadius-bl,0px); box-shadow: var(--fpojwu-shadowHorizontal, 0px) var(--fpojwu-shadowVertical, 0px) var(--fpojwu-shadowBlur, 0px) 1px color-mix( in srgb, var(--fpojwu-shadowColor, #000000) var(--fpojwu-shadowTransparent, 0%), transparent ); max-width: var(--fpojwu-max-width, 100%); width: 100%; height: if(style(--fpojwu-position: absolute): var(--fpojwu-height,100%); else: unset ); backdrop-filter:blur(var(--fpojwu-background-blur, none)) saturate(var(--fpojwu-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--fpojwu-position-tablet, var(--fpojwu-position, relative)); top: var(--fpojwu-top-tablet, var(--fpojwu-top, auto)); right: var(--fpojwu-right-tablet, var(--fpojwu-right, auto)); bottom: var(--fpojwu-bottom-tablet, var(--fpojwu-bottom, auto)); left: var(--fpojwu-left-tablet, var(--fpojwu-left, auto)); transform: var(--fpojwu-transform-tablet, var(--fpojwu-transform, none)); z-index: var(--fpojwu-z-index-tablet, var(--fpojwu-z-index, 10)); aspect-ratio: var(--fpojwu-background-imageRatio-tablet, var(--fpojwu-background-imageRatio, auto)); border-width: var(--fpojwu-borderWidth-tl-tablet, var(--fpojwu-borderWidth-tl,0px)) var(--fpojwu-borderWidth-tr-tablet,var(--fpojwu-borderWidth-tr,0px)) var(--fpojwu-borderWidth-br-tablet,var(--fpojwu-borderWidth-br,0px)) var(--fpojwu-borderWidth-bl-tablet,var(--fpojwu-borderWidth-bl,0px)); border-radius: var(--fpojwu-borderRadius-tl-tablet,var(--fpojwu-borderRadius-tl,0px)) var(--fpojwu-borderRadius-tr-tablet,var(--fpojwu-borderRadius-tr,0px)) var(--fpojwu-borderRadius-br-tablet,var(--fpojwu-borderRadius-br,0px)) var(--fpojwu-borderRadius-bl-tablet,var(--fpojwu-borderRadius-bl,0px)); max-width: var(--fpojwu-max-width-tablet, var(--fpojwu-max-width, 100%)); height: if(style(--fpojwu-position-tablet: absolute): var(--fpojwu-height-tablet,var(--fpojwu-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--fpojwu-position-mobile, var(--fpojwu-position-tablet, var(--fpojwu-position, relative))); top: var(--fpojwu-top-mobile, var(--fpojwu-top-tablet, var(--fpojwu-top, auto))); right: var(--fpojwu-right-mobile, var(--fpojwu-right-tablet, var(--fpojwu-right, auto))); bottom: var(--fpojwu-bottom-mobile, var(--fpojwu-bottom-tablet, var(--fpojwu-bottom, auto))); left: var(--fpojwu-left-mobile, var(--fpojwu-left-tablet, var(--fpojwu-left, auto))); transform: var(--fpojwu-transform-mobile, var(--fpojwu-transform-tablet, var(--fpojwu-transform, none))); z-index: var(--fpojwu-z-index-mobile, var(--fpojwu-z-index-tablet, var(--fpojwu-z-index, 10))); aspect-ratio: var(--fpojwu-background-imageRatio-mobile, var(--fpojwu-background-imageRatio, auto)); border-width: var(--fpojwu-borderWidth-tl-mobile, var(--fpojwu-borderWidth-tl,0px)) var(--fpojwu-borderWidth-tr-mobile,var(--fpojwu-borderWidth-tr,0px)) var(--fpojwu-borderWidth-br-mobile,var(--fpojwu-borderWidth-br,0px)) var(--fpojwu-borderWidth-bl-mobile,var(--fpojwu-borderWidth-bl,0px)); border-radius: var(--fpojwu-borderRadius-tl-mobile,var(--fpojwu-borderRadius-tl,0px)) var(--fpojwu-borderRadius-tr-mobile,var(--fpojwu-borderRadius-tr,0px)) var(--fpojwu-borderRadius-br-mobile,var(--fpojwu-borderRadius-br,0px)) var(--fpojwu-borderRadius-bl-mobile,var(--fpojwu-borderRadius-bl,0px)); max-width: var(--fpojwu-max-width-mobile, var(--fpojwu-max-width, 100%)); height: if(style(--fpojwu-position-mobile: absolute): var(--fpojwu-height-mobile,var(--fpojwu-height-tablet,,var(--fpojwu-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--fpojwu-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--fpojwu-gap,var(--beae-card-gap)); padding-top: var(--fpojwu-padding-top,var(--beae-card-padding)); padding-right: var(--fpojwu-padding-right,var(--beae-card-padding)); padding-bottom: var(--fpojwu-padding-bottom,var(--beae-card-padding)); padding-left: var(--fpojwu-padding-left,var(--beae-card-padding)); border-width: var(--fpojwu-borderWidth-tl,var(--beae-card-border-width)) var(--fpojwu-borderWidth-tr,var(--beae-card-border-width)) var(--fpojwu-borderWidth-br,var(--beae-card-border-width)) var(--fpojwu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--fpojwu-borderRadius-tl,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-tr,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-br,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--fpojwu-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--fpojwu-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--fpojwu-gap-tablet,var(--beae-card-gap)); padding-top: var(--fpojwu-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--fpojwu-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--fpojwu-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--fpojwu-padding-left-tablet,var(--beae-card-padding)); border-width: var(--fpojwu-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--fpojwu-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--fpojwu-borderWidth-br-desktop,var(--beae-card-border-width)) var(--fpojwu-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--fpojwu-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--fpojwu-gap-mobile,var(--beae-card-gap)); padding-top: var(--fpojwu-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--fpojwu-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--fpojwu-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--fpojwu-padding-left-mobile,var(--beae-card-padding)); border-width: var(--fpojwu-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--fpojwu-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--fpojwu-borderWidth-br-mobile,var(--beae-card-border-width)) var(--fpojwu-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--fpojwu-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--fpojwu-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--fpojwu-background-color,var(--beae-card-featured-background)); border-color: var(--fpojwu-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--fpojwu-shadowHorizontal, var(--beae-card-shadow-x)) var(--fpojwu-shadowVertical, var(--beae-card-shadow-y)) var(--fpojwu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fpojwu-shadowColor, var(--beae-card-featured-shadow-color)) var(--fpojwu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--fpojwu-background-color,var(--beae-card-prod-background)); border-color: var(--fpojwu-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--fpojwu-shadowHorizontal, var(--beae-card-shadow-x)) var(--fpojwu-shadowVertical, var(--beae-card-shadow-y)) var(--fpojwu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fpojwu-shadowColor, var(--beae-card-prod-shadow-color)) var(--fpojwu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--fpojwu-background-color,var(--beae-card-pricing-background)); border-color: var(--fpojwu-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--fpojwu-shadowHorizontal, var(--beae-card-shadow-x)) var(--fpojwu-shadowVertical, var(--beae-card-shadow-y)) var(--fpojwu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fpojwu-shadowColor, var(--beae-card-pricing-shadow-color)) var(--fpojwu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--fpojwu-background-color,var(--beae-card-cta-background)); border-color: var(--fpojwu-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--fpojwu-shadowHorizontal, var(--beae-card-shadow-x)) var(--fpojwu-shadowVertical, var(--beae-card-shadow-y)) var(--fpojwu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--fpojwu-shadowColor, var(--beae-card-cta-shadow-color)) var(--fpojwu-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-fpojwu"] {     display: flex;     flex-direction: var(--fpojwu-direction, column);     flex-wrap: nowrap;     justify-content: var(--fpojwu-justify-content);     align-items: var(--fpojwu-align-items);     gap: var(--fpojwu-gap, var(--fpojwu-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-fpojwu"] {                            gap: var(--fpojwu-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--fpojwu-padding-right-tablet, 0px) - var(--fpojwu-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-fpojwu"] {                            gap: var(--fpojwu-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--fpojwu-padding-right-mobile, 0px) - var(--fpojwu-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-265x4i"] { --beae-p-color: #fefcf0; }[data-bnode="beae-265x4i"] { margin-top: var(--265x4i-margin-top, 0px); margin-right: var(--265x4i-margin-right, 0px); margin-bottom: var(--265x4i-margin-bottom, 0px); margin-left: var(--265x4i-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--265x4i-margin-top-tablet, 0px); margin-right: var(--265x4i-margin-right-tablet, 0px); margin-bottom: var(--265x4i-margin-bottom-tablet, 0px); margin-left: var(--265x4i-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--265x4i-margin-top-mobile, 0px); margin-right: var(--265x4i-margin-right-mobile, 0px); margin-bottom: var(--265x4i-margin-bottom-mobile, 0px); margin-left: var(--265x4i-margin-left-mobile, 0px); } }[data-bnode="beae-gh2ngd"] { --gh2ngd-direction: row; --gh2ngd-direction-tablet: row; --gh2ngd-direction-mobile: row; --gh2ngd-structure: auto; --gh2ngd-structure-tablet: auto; --gh2ngd-structure-mobile: auto; --gh2ngd-position: relative; --gh2ngd-position-tablet: relative; --gh2ngd-position-mobile: relative; --gh2ngd-align-items: center; --gh2ngd-align-items-tablet: center; --gh2ngd-align-items-mobile: center; --gh2ngd-justify-content: center; --gh2ngd-justify-content-tablet: center; --gh2ngd-justify-content-mobile: center; }[data-bnode="beae-gh2ngd"] { padding-top: var(--gh2ngd-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--gh2ngd-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--gh2ngd-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--gh2ngd-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gh2ngd-padding-top-tablet, var(--gh2ngd-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--gh2ngd-padding-right-tablet, var(--gh2ngd-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--gh2ngd-padding-bottom-tablet, var(--gh2ngd-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--gh2ngd-padding-left-tablet, var(--gh2ngd-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gh2ngd-padding-top-mobile, var(--gh2ngd-padding-top-tablet, var(--gh2ngd-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--gh2ngd-padding-right-mobile, var(--gh2ngd-padding-right-tablet, var(--gh2ngd-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--gh2ngd-padding-bottom-mobile, var(--gh2ngd-padding-bottom-tablet, var(--gh2ngd-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--gh2ngd-padding-left-mobile, var(--gh2ngd-padding-left-tablet, var(--gh2ngd-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--gh2ngd-position, relative); top: var(--gh2ngd-top, auto); right: var(--gh2ngd-right, auto); bottom: var(--gh2ngd-bottom, auto); left: var(--gh2ngd-left, auto); transform: var(--gh2ngd-transform, none); z-index: var(--gh2ngd-z-index, 10); aspect-ratio: var(--gh2ngd-background-imageRatio, auto); background: var(--gh2ngd-background-color,transparent); border-style: var(--gh2ngd-borderStyle,solid); border-color: var(--gh2ngd-borderColor,#000000); border-width: var(--gh2ngd-borderWidth-tl,0px) var(--gh2ngd-borderWidth-tr,0px) var(--gh2ngd-borderWidth-br,0px) var(--gh2ngd-borderWidth-bl,0px); border-radius: var(--gh2ngd-borderRadius-tl,0px) var(--gh2ngd-borderRadius-tr,0px) var(--gh2ngd-borderRadius-br,0px) var(--gh2ngd-borderRadius-bl,0px); box-shadow: var(--gh2ngd-shadowHorizontal, 0px) var(--gh2ngd-shadowVertical, 0px) var(--gh2ngd-shadowBlur, 0px) 1px color-mix( in srgb, var(--gh2ngd-shadowColor, #000000) var(--gh2ngd-shadowTransparent, 0%), transparent ); max-width: var(--gh2ngd-max-width, 100%); width: 100%; height: if(style(--gh2ngd-position: absolute): var(--gh2ngd-height,100%); else: unset ); backdrop-filter:blur(var(--gh2ngd-background-blur, none)) saturate(var(--gh2ngd-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--gh2ngd-position-tablet, var(--gh2ngd-position, relative)); top: var(--gh2ngd-top-tablet, var(--gh2ngd-top, auto)); right: var(--gh2ngd-right-tablet, var(--gh2ngd-right, auto)); bottom: var(--gh2ngd-bottom-tablet, var(--gh2ngd-bottom, auto)); left: var(--gh2ngd-left-tablet, var(--gh2ngd-left, auto)); transform: var(--gh2ngd-transform-tablet, var(--gh2ngd-transform, none)); z-index: var(--gh2ngd-z-index-tablet, var(--gh2ngd-z-index, 10)); aspect-ratio: var(--gh2ngd-background-imageRatio-tablet, var(--gh2ngd-background-imageRatio, auto)); border-width: var(--gh2ngd-borderWidth-tl-tablet, var(--gh2ngd-borderWidth-tl,0px)) var(--gh2ngd-borderWidth-tr-tablet,var(--gh2ngd-borderWidth-tr,0px)) var(--gh2ngd-borderWidth-br-tablet,var(--gh2ngd-borderWidth-br,0px)) var(--gh2ngd-borderWidth-bl-tablet,var(--gh2ngd-borderWidth-bl,0px)); border-radius: var(--gh2ngd-borderRadius-tl-tablet,var(--gh2ngd-borderRadius-tl,0px)) var(--gh2ngd-borderRadius-tr-tablet,var(--gh2ngd-borderRadius-tr,0px)) var(--gh2ngd-borderRadius-br-tablet,var(--gh2ngd-borderRadius-br,0px)) var(--gh2ngd-borderRadius-bl-tablet,var(--gh2ngd-borderRadius-bl,0px)); max-width: var(--gh2ngd-max-width-tablet, var(--gh2ngd-max-width, 100%)); height: if(style(--gh2ngd-position-tablet: absolute): var(--gh2ngd-height-tablet,var(--gh2ngd-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--gh2ngd-position-mobile, var(--gh2ngd-position-tablet, var(--gh2ngd-position, relative))); top: var(--gh2ngd-top-mobile, var(--gh2ngd-top-tablet, var(--gh2ngd-top, auto))); right: var(--gh2ngd-right-mobile, var(--gh2ngd-right-tablet, var(--gh2ngd-right, auto))); bottom: var(--gh2ngd-bottom-mobile, var(--gh2ngd-bottom-tablet, var(--gh2ngd-bottom, auto))); left: var(--gh2ngd-left-mobile, var(--gh2ngd-left-tablet, var(--gh2ngd-left, auto))); transform: var(--gh2ngd-transform-mobile, var(--gh2ngd-transform-tablet, var(--gh2ngd-transform, none))); z-index: var(--gh2ngd-z-index-mobile, var(--gh2ngd-z-index-tablet, var(--gh2ngd-z-index, 10))); aspect-ratio: var(--gh2ngd-background-imageRatio-mobile, var(--gh2ngd-background-imageRatio, auto)); border-width: var(--gh2ngd-borderWidth-tl-mobile, var(--gh2ngd-borderWidth-tl,0px)) var(--gh2ngd-borderWidth-tr-mobile,var(--gh2ngd-borderWidth-tr,0px)) var(--gh2ngd-borderWidth-br-mobile,var(--gh2ngd-borderWidth-br,0px)) var(--gh2ngd-borderWidth-bl-mobile,var(--gh2ngd-borderWidth-bl,0px)); border-radius: var(--gh2ngd-borderRadius-tl-mobile,var(--gh2ngd-borderRadius-tl,0px)) var(--gh2ngd-borderRadius-tr-mobile,var(--gh2ngd-borderRadius-tr,0px)) var(--gh2ngd-borderRadius-br-mobile,var(--gh2ngd-borderRadius-br,0px)) var(--gh2ngd-borderRadius-bl-mobile,var(--gh2ngd-borderRadius-bl,0px)); max-width: var(--gh2ngd-max-width-mobile, var(--gh2ngd-max-width, 100%)); height: if(style(--gh2ngd-position-mobile: absolute): var(--gh2ngd-height-mobile,var(--gh2ngd-height-tablet,,var(--gh2ngd-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--gh2ngd-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--gh2ngd-gap,var(--beae-card-gap)); padding-top: var(--gh2ngd-padding-top,var(--beae-card-padding)); padding-right: var(--gh2ngd-padding-right,var(--beae-card-padding)); padding-bottom: var(--gh2ngd-padding-bottom,var(--beae-card-padding)); padding-left: var(--gh2ngd-padding-left,var(--beae-card-padding)); border-width: var(--gh2ngd-borderWidth-tl,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-tr,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-br,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--gh2ngd-borderRadius-tl,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-tr,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-br,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--gh2ngd-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--gh2ngd-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--gh2ngd-gap-tablet,var(--beae-card-gap)); padding-top: var(--gh2ngd-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--gh2ngd-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--gh2ngd-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--gh2ngd-padding-left-tablet,var(--beae-card-padding)); border-width: var(--gh2ngd-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-br-desktop,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--gh2ngd-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--gh2ngd-gap-mobile,var(--beae-card-gap)); padding-top: var(--gh2ngd-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--gh2ngd-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--gh2ngd-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--gh2ngd-padding-left-mobile,var(--beae-card-padding)); border-width: var(--gh2ngd-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-br-mobile,var(--beae-card-border-width)) var(--gh2ngd-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--gh2ngd-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--gh2ngd-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--gh2ngd-background-color,var(--beae-card-featured-background)); border-color: var(--gh2ngd-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--gh2ngd-shadowHorizontal, var(--beae-card-shadow-x)) var(--gh2ngd-shadowVertical, var(--beae-card-shadow-y)) var(--gh2ngd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gh2ngd-shadowColor, var(--beae-card-featured-shadow-color)) var(--gh2ngd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--gh2ngd-background-color,var(--beae-card-prod-background)); border-color: var(--gh2ngd-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--gh2ngd-shadowHorizontal, var(--beae-card-shadow-x)) var(--gh2ngd-shadowVertical, var(--beae-card-shadow-y)) var(--gh2ngd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gh2ngd-shadowColor, var(--beae-card-prod-shadow-color)) var(--gh2ngd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--gh2ngd-background-color,var(--beae-card-pricing-background)); border-color: var(--gh2ngd-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--gh2ngd-shadowHorizontal, var(--beae-card-shadow-x)) var(--gh2ngd-shadowVertical, var(--beae-card-shadow-y)) var(--gh2ngd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gh2ngd-shadowColor, var(--beae-card-pricing-shadow-color)) var(--gh2ngd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--gh2ngd-background-color,var(--beae-card-cta-background)); border-color: var(--gh2ngd-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--gh2ngd-shadowHorizontal, var(--beae-card-shadow-x)) var(--gh2ngd-shadowVertical, var(--beae-card-shadow-y)) var(--gh2ngd-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--gh2ngd-shadowColor, var(--beae-card-cta-shadow-color)) var(--gh2ngd-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-gh2ngd"] {     display: flex;     flex-direction: var(--gh2ngd-direction, column);     flex-wrap: nowrap;     justify-content: var(--gh2ngd-justify-content);     align-items: var(--gh2ngd-align-items);     gap: var(--gh2ngd-gap, var(--gh2ngd-gap, var(--beae-slot-gap)));            &>.beae-slot[data-bnode-index] {         flex: 1;        }          }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gh2ngd"] {                            gap: var(--gh2ngd-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--gh2ngd-padding-right-tablet, 0px) - var(--gh2ngd-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gh2ngd"] {                            gap: var(--gh2ngd-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--gh2ngd-padding-right-mobile, 0px) - var(--gh2ngd-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-mrdbua"] { --mrdbua-width: 50%; --mrdbua-width-tablet: 50%; --mrdbua-width-mobile: 50%; --mrdbua-imageRatio: auto; --mrdbua-imageRatio-tablet: auto; --mrdbua-imageRatio-mobile: auto; --mrdbua-objFit: cover; --mrdbua-objFit-tablet: cover; --mrdbua-objFit-mobile: cover; --mrdbua-borderStyle: none; --mrdbua-borderStyle-tablet: none; --mrdbua-borderStyle-mobile: none; --mrdbua-margin-top: 0px; --mrdbua-margin-top-tablet: 0px; --mrdbua-margin-top-mobile: 0px; --mrdbua-margin-right: 0px; --mrdbua-margin-right-tablet: 0px; --mrdbua-margin-right-mobile: 0px; --mrdbua-margin-bottom: 12px; --mrdbua-margin-bottom-tablet: 12px; --mrdbua-margin-bottom-mobile: 12px; --mrdbua-margin-left: 0px; --mrdbua-margin-left-tablet: 0px; --mrdbua-margin-left-mobile: 0px; }[data-bnode="beae-mrdbua"] { margin-top: var(--mrdbua-margin-top, 0px); margin-right: var(--mrdbua-margin-right, 0px); margin-bottom: var(--mrdbua-margin-bottom, 0px); margin-left: var(--mrdbua-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mrdbua-margin-top-tablet, 0px); margin-right: var(--mrdbua-margin-right-tablet, 0px); margin-bottom: var(--mrdbua-margin-bottom-tablet, 0px); margin-left: var(--mrdbua-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mrdbua-margin-top-mobile, 0px); margin-right: var(--mrdbua-margin-right-mobile, 0px); margin-bottom: var(--mrdbua-margin-bottom-mobile, 0px); margin-left: var(--mrdbua-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--mrdbua-width,100%) - var(--mrdbua-margin-left,0px) - var(--mrdbua-margin-right,0px)); min-height: min-content; border-color: var(--mrdbua-borderColor,var(--beae-card-media-border-color)); border-style: var(--mrdbua-borderStyle,solid); border-width: var(--mrdbua-borderWidth-tl,var(--beae-card-border-width)) var(--mrdbua-borderWidth-tr,var(--beae-card-border-width)) var(--mrdbua-borderWidth-br,var(--beae-card-border-width)) var(--mrdbua-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--mrdbua-borderRadius-tl,var(--beae-card-border-radius)) var(--mrdbua-borderRadius-tr,var(--beae-card-border-radius)) var(--mrdbua-borderRadius-br,var(--beae-card-border-radius)) var(--mrdbua-borderRadius-bl,var(--beae-card-border-radius)); aspect-ratio: var(--mrdbua-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--mrdbua-borderWidth-tl-tablet, var(--mrdbua-borderWidth-tl,var(--beae-card-border-width))) var(--mrdbua-borderWidth-tr-tablet, var(--mrdbua-borderWidth-tr,var(--beae-card-border-width))) var(--mrdbua-borderWidth-br-tablet, var(--mrdbua-borderWidth-br,var(--beae-card-border-width))) var(--mrdbua-borderWidth-bl-tablet, var(--mrdbua-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--mrdbua-borderRadius-tl-tablet, var(--mrdbua-borderRadius-tl,var(--beae-card-border-radius))) var(--mrdbua-borderRadius-tr-tablet, var(--mrdbua-borderRadius-tr,var(--beae-card-border-radius))) var(--mrdbua-borderRadius-br-tablet, var(--mrdbua-borderRadius-br,var(--beae-card-border-radius))) var(--mrdbua-borderRadius-bl-tablet, var(--mrdbua-borderRadius-bl,var(--beae-card-border-radius))); } @media (max-width: 767px) { border-width: var(--mrdbua-borderWidth-tl-mobile, var(--mrdbua-borderWidth-tl,var(--beae-card-border-width))) var(--mrdbua-borderWidth-tr-mobile, var(--mrdbua-borderWidth-tr,var(--beae-card-border-width))) var(--mrdbua-borderWidth-br-mobile, var(--mrdbua-borderWidth-br,var(--beae-card-border-width))) var(--mrdbua-borderWidth-bl-mobile, var(--mrdbua-borderWidth-bl,var(--beae-card-border-width))); border-radius: var(--mrdbua-borderRadius-tl-mobile, var(--mrdbua-borderRadius-tl,var(--beae-card-border-radius))) var(--mrdbua-borderRadius-tr-mobile, var(--mrdbua-borderRadius-tr,var(--beae-card-border-radius))) var(--mrdbua-borderRadius-br-mobile, var(--mrdbua-borderRadius-br,var(--beae-card-border-radius))) var(--mrdbua-borderRadius-bl-mobile, var(--mrdbua-borderRadius-bl,var(--beae-card-border-radius))); } box-shadow: var(--mrdbua-shadowHorizontal, var(--beae-card-shadow-x)) var(--mrdbua-shadowVertical, var(--beae-card-shadow-y)) var(--mrdbua-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--mrdbua-shadowColor, var(--beae-card-media-shadow-color)) var(--mrdbua-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); &::before { content: ""; position: absolute; inset: 0; background: var(--mrdbua-overlayColor-color, #000); opacity: var(--mrdbua-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--mrdbua-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--mrdbua-width-tablet,var(--mrdbua-width,100%)) - var(--mrdbua-margin-left-tablet,var(--mrdbua-margin-left,0px)) - var(--mrdbua-margin-right-tablet,var(--mrdbua-margin-right,0px))); aspect-ratio: var(--mrdbua-imageRatio-tablet, var(--mrdbua-imageRatio, auto)); img { object-fit: var(--mrdbua-objFit-tablet, var(--mrdbua-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--mrdbua-width-mobile,var(--mrdbua-width,100%)) - var(--mrdbua-margin-left-mobile,var(--mrdbua-margin-left,0px)) - var(--mrdbua-margin-right-mobile,var(--mrdbua-margin-right,0px))); aspect-ratio: var(--mrdbua-imageRatio-mobile, var(--mrdbua-imageRatio, auto)); img { object-fit: var(--mrdbua-objFit-mobile, var(--mrdbua-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } /* The host wrapper is already a positioning context (.beae-media-wrapper is relative; .beae-bg-image is absolute). isolation:isolate keeps the overlay's z-index contained so it never paints over section foreground. */ &.beae-ai-generating { isolation: isolate; } /* Dark shimmer surface — monochrome so colour stays in the laser + label. */ & .beae-ai-gen-overlay { position: absolute; inset: 0; z-index: 3; overflow: hidden; border-radius: inherit; pointer-events: none; opacity: 1; transition: opacity 800ms ease-in-out; background: linear-gradient(110deg, #24243a 8%, #2d2d48 18%, #24243a 33%); background-size: 200% 100%; animation: beae-ai-gen-shimmer 1.8s linear infinite; } &.beae-ai-gen-done .beae-ai-gen-overlay { opacity: 0; } /* Glowing laser scan line sweeping top -> bottom. */ & .beae-ai-gen-scan { position: absolute; left: 0; top: 0; width: 100%; height: 3px; background: linear-gradient(90deg, transparent, #8b5cf6, #38bdf8, transparent); box-shadow: 0 0 14px rgba(56, 189, 248, 0.65), 0 0 28px rgba(139, 92, 246, 0.45); animation: beae-ai-gen-scan 2.6s ease-in-out infinite; } & .beae-ai-gen-stage { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; } & .beae-ai-gen-label { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: clamp(12px, 1.4vw, 16px); font-weight: 500; letter-spacing: 0.5px; color: #cdd7ff; text-shadow: 0 0 12px rgba(124, 160, 255, 0.5); white-space: nowrap; animation: beae-ai-gen-pulse 1.8s ease-in-out infinite; } /* Image starts hidden + slightly scaled, then settles in once loaded. Gated behind the generating classes so non-generating images are untouched. */ &.beae-ai-generating .beae-image { opacity: 0; transform: scale(0.96); transition: opacity 1000ms ease, transform 1000ms ease; } &.beae-ai-gen-done .beae-image { opacity: 1; transform: scale(1); } } @keyframes beae-ai-gen-shimmer { to { background-position-x: -200%; } } @keyframes beae-ai-gen-scan { 0% { top: 0%; opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { top: 100%; opacity: 0; } } @keyframes beae-ai-gen-pulse { 0%, 100% { opacity: 0.65; transform: scale(0.99); } 50% { opacity: 1; transform: scale(1.02); } }[data-bnode="beae-hvjj3a"] { --hvjj3a-direction: column; --hvjj3a-direction-tablet: column; --hvjj3a-direction-mobile: column; --hvjj3a-gap: 16px; --hvjj3a-gap-tablet: 16px; --hvjj3a-gap-mobile: 16px; }[data-bnode="beae-hvjj3a"] { padding-top: var(--hvjj3a-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--hvjj3a-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--hvjj3a-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--hvjj3a-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--hvjj3a-padding-top-tablet, var(--hvjj3a-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--hvjj3a-padding-right-tablet, var(--hvjj3a-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--hvjj3a-padding-bottom-tablet, var(--hvjj3a-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--hvjj3a-padding-left-tablet, var(--hvjj3a-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--hvjj3a-padding-top-mobile, var(--hvjj3a-padding-top-tablet, var(--hvjj3a-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--hvjj3a-padding-right-mobile, var(--hvjj3a-padding-right-tablet, var(--hvjj3a-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--hvjj3a-padding-bottom-mobile, var(--hvjj3a-padding-bottom-tablet, var(--hvjj3a-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--hvjj3a-padding-left-mobile, var(--hvjj3a-padding-left-tablet, var(--hvjj3a-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--hvjj3a-position, relative); top: var(--hvjj3a-top, auto); right: var(--hvjj3a-right, auto); bottom: var(--hvjj3a-bottom, auto); left: var(--hvjj3a-left, auto); transform: var(--hvjj3a-transform, none); z-index: var(--hvjj3a-z-index, 10); aspect-ratio: var(--hvjj3a-background-imageRatio, auto); background: var(--hvjj3a-background-color,transparent); border-style: var(--hvjj3a-borderStyle,solid); border-color: var(--hvjj3a-borderColor,#000000); border-width: var(--hvjj3a-borderWidth-tl,0px) var(--hvjj3a-borderWidth-tr,0px) var(--hvjj3a-borderWidth-br,0px) var(--hvjj3a-borderWidth-bl,0px); border-radius: var(--hvjj3a-borderRadius-tl,0px) var(--hvjj3a-borderRadius-tr,0px) var(--hvjj3a-borderRadius-br,0px) var(--hvjj3a-borderRadius-bl,0px); box-shadow: var(--hvjj3a-shadowHorizontal, 0px) var(--hvjj3a-shadowVertical, 0px) var(--hvjj3a-shadowBlur, 0px) 1px color-mix( in srgb, var(--hvjj3a-shadowColor, #000000) var(--hvjj3a-shadowTransparent, 0%), transparent ); max-width: var(--hvjj3a-max-width, 100%); width: 100%; height: if(style(--hvjj3a-position: absolute): var(--hvjj3a-height,100%); else: unset ); backdrop-filter:blur(var(--hvjj3a-background-blur, none)) saturate(var(--hvjj3a-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--hvjj3a-position-tablet, var(--hvjj3a-position, relative)); top: var(--hvjj3a-top-tablet, var(--hvjj3a-top, auto)); right: var(--hvjj3a-right-tablet, var(--hvjj3a-right, auto)); bottom: var(--hvjj3a-bottom-tablet, var(--hvjj3a-bottom, auto)); left: var(--hvjj3a-left-tablet, var(--hvjj3a-left, auto)); transform: var(--hvjj3a-transform-tablet, var(--hvjj3a-transform, none)); z-index: var(--hvjj3a-z-index-tablet, var(--hvjj3a-z-index, 10)); aspect-ratio: var(--hvjj3a-background-imageRatio-tablet, var(--hvjj3a-background-imageRatio, auto)); border-width: var(--hvjj3a-borderWidth-tl-tablet, var(--hvjj3a-borderWidth-tl,0px)) var(--hvjj3a-borderWidth-tr-tablet,var(--hvjj3a-borderWidth-tr,0px)) var(--hvjj3a-borderWidth-br-tablet,var(--hvjj3a-borderWidth-br,0px)) var(--hvjj3a-borderWidth-bl-tablet,var(--hvjj3a-borderWidth-bl,0px)); border-radius: var(--hvjj3a-borderRadius-tl-tablet,var(--hvjj3a-borderRadius-tl,0px)) var(--hvjj3a-borderRadius-tr-tablet,var(--hvjj3a-borderRadius-tr,0px)) var(--hvjj3a-borderRadius-br-tablet,var(--hvjj3a-borderRadius-br,0px)) var(--hvjj3a-borderRadius-bl-tablet,var(--hvjj3a-borderRadius-bl,0px)); max-width: var(--hvjj3a-max-width-tablet, var(--hvjj3a-max-width, 100%)); height: if(style(--hvjj3a-position-tablet: absolute): var(--hvjj3a-height-tablet,var(--hvjj3a-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--hvjj3a-position-mobile, var(--hvjj3a-position-tablet, var(--hvjj3a-position, relative))); top: var(--hvjj3a-top-mobile, var(--hvjj3a-top-tablet, var(--hvjj3a-top, auto))); right: var(--hvjj3a-right-mobile, var(--hvjj3a-right-tablet, var(--hvjj3a-right, auto))); bottom: var(--hvjj3a-bottom-mobile, var(--hvjj3a-bottom-tablet, var(--hvjj3a-bottom, auto))); left: var(--hvjj3a-left-mobile, var(--hvjj3a-left-tablet, var(--hvjj3a-left, auto))); transform: var(--hvjj3a-transform-mobile, var(--hvjj3a-transform-tablet, var(--hvjj3a-transform, none))); z-index: var(--hvjj3a-z-index-mobile, var(--hvjj3a-z-index-tablet, var(--hvjj3a-z-index, 10))); aspect-ratio: var(--hvjj3a-background-imageRatio-mobile, var(--hvjj3a-background-imageRatio, auto)); border-width: var(--hvjj3a-borderWidth-tl-mobile, var(--hvjj3a-borderWidth-tl,0px)) var(--hvjj3a-borderWidth-tr-mobile,var(--hvjj3a-borderWidth-tr,0px)) var(--hvjj3a-borderWidth-br-mobile,var(--hvjj3a-borderWidth-br,0px)) var(--hvjj3a-borderWidth-bl-mobile,var(--hvjj3a-borderWidth-bl,0px)); border-radius: var(--hvjj3a-borderRadius-tl-mobile,var(--hvjj3a-borderRadius-tl,0px)) var(--hvjj3a-borderRadius-tr-mobile,var(--hvjj3a-borderRadius-tr,0px)) var(--hvjj3a-borderRadius-br-mobile,var(--hvjj3a-borderRadius-br,0px)) var(--hvjj3a-borderRadius-bl-mobile,var(--hvjj3a-borderRadius-bl,0px)); max-width: var(--hvjj3a-max-width-mobile, var(--hvjj3a-max-width, 100%)); height: if(style(--hvjj3a-position-mobile: absolute): var(--hvjj3a-height-mobile,var(--hvjj3a-height-tablet,,var(--hvjj3a-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--hvjj3a-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--hvjj3a-gap,var(--beae-card-gap)); padding-top: var(--hvjj3a-padding-top,var(--beae-card-padding)); padding-right: var(--hvjj3a-padding-right,var(--beae-card-padding)); padding-bottom: var(--hvjj3a-padding-bottom,var(--beae-card-padding)); padding-left: var(--hvjj3a-padding-left,var(--beae-card-padding)); border-width: var(--hvjj3a-borderWidth-tl,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-tr,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-br,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--hvjj3a-borderRadius-tl,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-tr,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-br,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--hvjj3a-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--hvjj3a-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--hvjj3a-gap-tablet,var(--beae-card-gap)); padding-top: var(--hvjj3a-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--hvjj3a-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--hvjj3a-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--hvjj3a-padding-left-tablet,var(--beae-card-padding)); border-width: var(--hvjj3a-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-br-desktop,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--hvjj3a-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--hvjj3a-gap-mobile,var(--beae-card-gap)); padding-top: var(--hvjj3a-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--hvjj3a-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--hvjj3a-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--hvjj3a-padding-left-mobile,var(--beae-card-padding)); border-width: var(--hvjj3a-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-br-mobile,var(--beae-card-border-width)) var(--hvjj3a-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--hvjj3a-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--hvjj3a-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--hvjj3a-background-color,var(--beae-card-featured-background)); border-color: var(--hvjj3a-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--hvjj3a-shadowHorizontal, var(--beae-card-shadow-x)) var(--hvjj3a-shadowVertical, var(--beae-card-shadow-y)) var(--hvjj3a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hvjj3a-shadowColor, var(--beae-card-featured-shadow-color)) var(--hvjj3a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--hvjj3a-background-color,var(--beae-card-prod-background)); border-color: var(--hvjj3a-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--hvjj3a-shadowHorizontal, var(--beae-card-shadow-x)) var(--hvjj3a-shadowVertical, var(--beae-card-shadow-y)) var(--hvjj3a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hvjj3a-shadowColor, var(--beae-card-prod-shadow-color)) var(--hvjj3a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--hvjj3a-background-color,var(--beae-card-pricing-background)); border-color: var(--hvjj3a-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--hvjj3a-shadowHorizontal, var(--beae-card-shadow-x)) var(--hvjj3a-shadowVertical, var(--beae-card-shadow-y)) var(--hvjj3a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hvjj3a-shadowColor, var(--beae-card-pricing-shadow-color)) var(--hvjj3a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--hvjj3a-background-color,var(--beae-card-cta-background)); border-color: var(--hvjj3a-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--hvjj3a-shadowHorizontal, var(--beae-card-shadow-x)) var(--hvjj3a-shadowVertical, var(--beae-card-shadow-y)) var(--hvjj3a-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--hvjj3a-shadowColor, var(--beae-card-cta-shadow-color)) var(--hvjj3a-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-hvjj3a"] {     display: flex;     flex-direction: var(--hvjj3a-direction, column);     flex-wrap: nowrap;     justify-content: var(--hvjj3a-justify-content);     align-items: var(--hvjj3a-align-items);     gap: var(--hvjj3a-gap, var(--hvjj3a-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-hvjj3a"] {                            gap: var(--hvjj3a-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--hvjj3a-padding-right-tablet, 0px) - var(--hvjj3a-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-hvjj3a"] {                            gap: var(--hvjj3a-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--hvjj3a-padding-right-mobile, 0px) - var(--hvjj3a-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-k7i01s"] { --beae-p-color: #fefcf0; --k7i01s-margin-top: 12px; --k7i01s-margin-top-tablet: 12px; --k7i01s-margin-top-mobile: 12px; --k7i01s-margin-right: 0px; --k7i01s-margin-right-tablet: 0px; --k7i01s-margin-right-mobile: 0px; --k7i01s-margin-bottom: 12px; --k7i01s-margin-bottom-tablet: 12px; --k7i01s-margin-bottom-mobile: 12px; --k7i01s-margin-left: 0px; --k7i01s-margin-left-tablet: 0px; --k7i01s-margin-left-mobile: 0px; }[data-bnode="beae-k7i01s"] { margin-top: var(--k7i01s-margin-top, 0px); margin-right: var(--k7i01s-margin-right, 0px); margin-bottom: var(--k7i01s-margin-bottom, 0px); margin-left: var(--k7i01s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--k7i01s-margin-top-tablet, 0px); margin-right: var(--k7i01s-margin-right-tablet, 0px); margin-bottom: var(--k7i01s-margin-bottom-tablet, 0px); margin-left: var(--k7i01s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--k7i01s-margin-top-mobile, 0px); margin-right: var(--k7i01s-margin-right-mobile, 0px); margin-bottom: var(--k7i01s-margin-bottom-mobile, 0px); margin-left: var(--k7i01s-margin-left-mobile, 0px); } }[data-bnode="beae-puenty"] { --puenty-direction: column; --puenty-direction-tablet: column; --puenty-direction-mobile: column; --puenty-gap: 16px; --puenty-gap-tablet: 16px; --puenty-gap-mobile: 16px; }[data-bnode="beae-puenty"] { padding-top: var(--puenty-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--puenty-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--puenty-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--puenty-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--puenty-padding-top-tablet, var(--puenty-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--puenty-padding-right-tablet, var(--puenty-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--puenty-padding-bottom-tablet, var(--puenty-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--puenty-padding-left-tablet, var(--puenty-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--puenty-padding-top-mobile, var(--puenty-padding-top-tablet, var(--puenty-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--puenty-padding-right-mobile, var(--puenty-padding-right-tablet, var(--puenty-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--puenty-padding-bottom-mobile, var(--puenty-padding-bottom-tablet, var(--puenty-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--puenty-padding-left-mobile, var(--puenty-padding-left-tablet, var(--puenty-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--puenty-position, relative); top: var(--puenty-top, auto); right: var(--puenty-right, auto); bottom: var(--puenty-bottom, auto); left: var(--puenty-left, auto); transform: var(--puenty-transform, none); z-index: var(--puenty-z-index, 10); aspect-ratio: var(--puenty-background-imageRatio, auto); background: var(--puenty-background-color,transparent); border-style: var(--puenty-borderStyle,solid); border-color: var(--puenty-borderColor,#000000); border-width: var(--puenty-borderWidth-tl,0px) var(--puenty-borderWidth-tr,0px) var(--puenty-borderWidth-br,0px) var(--puenty-borderWidth-bl,0px); border-radius: var(--puenty-borderRadius-tl,0px) var(--puenty-borderRadius-tr,0px) var(--puenty-borderRadius-br,0px) var(--puenty-borderRadius-bl,0px); box-shadow: var(--puenty-shadowHorizontal, 0px) var(--puenty-shadowVertical, 0px) var(--puenty-shadowBlur, 0px) 1px color-mix( in srgb, var(--puenty-shadowColor, #000000) var(--puenty-shadowTransparent, 0%), transparent ); max-width: var(--puenty-max-width, 100%); width: 100%; height: if(style(--puenty-position: absolute): var(--puenty-height,100%); else: unset ); backdrop-filter:blur(var(--puenty-background-blur, none)) saturate(var(--puenty-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--puenty-position-tablet, var(--puenty-position, relative)); top: var(--puenty-top-tablet, var(--puenty-top, auto)); right: var(--puenty-right-tablet, var(--puenty-right, auto)); bottom: var(--puenty-bottom-tablet, var(--puenty-bottom, auto)); left: var(--puenty-left-tablet, var(--puenty-left, auto)); transform: var(--puenty-transform-tablet, var(--puenty-transform, none)); z-index: var(--puenty-z-index-tablet, var(--puenty-z-index, 10)); aspect-ratio: var(--puenty-background-imageRatio-tablet, var(--puenty-background-imageRatio, auto)); border-width: var(--puenty-borderWidth-tl-tablet, var(--puenty-borderWidth-tl,0px)) var(--puenty-borderWidth-tr-tablet,var(--puenty-borderWidth-tr,0px)) var(--puenty-borderWidth-br-tablet,var(--puenty-borderWidth-br,0px)) var(--puenty-borderWidth-bl-tablet,var(--puenty-borderWidth-bl,0px)); border-radius: var(--puenty-borderRadius-tl-tablet,var(--puenty-borderRadius-tl,0px)) var(--puenty-borderRadius-tr-tablet,var(--puenty-borderRadius-tr,0px)) var(--puenty-borderRadius-br-tablet,var(--puenty-borderRadius-br,0px)) var(--puenty-borderRadius-bl-tablet,var(--puenty-borderRadius-bl,0px)); max-width: var(--puenty-max-width-tablet, var(--puenty-max-width, 100%)); height: if(style(--puenty-position-tablet: absolute): var(--puenty-height-tablet,var(--puenty-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--puenty-position-mobile, var(--puenty-position-tablet, var(--puenty-position, relative))); top: var(--puenty-top-mobile, var(--puenty-top-tablet, var(--puenty-top, auto))); right: var(--puenty-right-mobile, var(--puenty-right-tablet, var(--puenty-right, auto))); bottom: var(--puenty-bottom-mobile, var(--puenty-bottom-tablet, var(--puenty-bottom, auto))); left: var(--puenty-left-mobile, var(--puenty-left-tablet, var(--puenty-left, auto))); transform: var(--puenty-transform-mobile, var(--puenty-transform-tablet, var(--puenty-transform, none))); z-index: var(--puenty-z-index-mobile, var(--puenty-z-index-tablet, var(--puenty-z-index, 10))); aspect-ratio: var(--puenty-background-imageRatio-mobile, var(--puenty-background-imageRatio, auto)); border-width: var(--puenty-borderWidth-tl-mobile, var(--puenty-borderWidth-tl,0px)) var(--puenty-borderWidth-tr-mobile,var(--puenty-borderWidth-tr,0px)) var(--puenty-borderWidth-br-mobile,var(--puenty-borderWidth-br,0px)) var(--puenty-borderWidth-bl-mobile,var(--puenty-borderWidth-bl,0px)); border-radius: var(--puenty-borderRadius-tl-mobile,var(--puenty-borderRadius-tl,0px)) var(--puenty-borderRadius-tr-mobile,var(--puenty-borderRadius-tr,0px)) var(--puenty-borderRadius-br-mobile,var(--puenty-borderRadius-br,0px)) var(--puenty-borderRadius-bl-mobile,var(--puenty-borderRadius-bl,0px)); max-width: var(--puenty-max-width-mobile, var(--puenty-max-width, 100%)); height: if(style(--puenty-position-mobile: absolute): var(--puenty-height-mobile,var(--puenty-height-tablet,,var(--puenty-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--puenty-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--puenty-gap,var(--beae-card-gap)); padding-top: var(--puenty-padding-top,var(--beae-card-padding)); padding-right: var(--puenty-padding-right,var(--beae-card-padding)); padding-bottom: var(--puenty-padding-bottom,var(--beae-card-padding)); padding-left: var(--puenty-padding-left,var(--beae-card-padding)); border-width: var(--puenty-borderWidth-tl,var(--beae-card-border-width)) var(--puenty-borderWidth-tr,var(--beae-card-border-width)) var(--puenty-borderWidth-br,var(--beae-card-border-width)) var(--puenty-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--puenty-borderRadius-tl,var(--beae-card-border-radius)) var(--puenty-borderRadius-tr,var(--beae-card-border-radius)) var(--puenty-borderRadius-br,var(--beae-card-border-radius)) var(--puenty-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--puenty-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--puenty-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--puenty-gap-tablet,var(--beae-card-gap)); padding-top: var(--puenty-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--puenty-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--puenty-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--puenty-padding-left-tablet,var(--beae-card-padding)); border-width: var(--puenty-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--puenty-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--puenty-borderWidth-br-desktop,var(--beae-card-border-width)) var(--puenty-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--puenty-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--puenty-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--puenty-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--puenty-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--puenty-gap-mobile,var(--beae-card-gap)); padding-top: var(--puenty-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--puenty-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--puenty-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--puenty-padding-left-mobile,var(--beae-card-padding)); border-width: var(--puenty-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--puenty-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--puenty-borderWidth-br-mobile,var(--beae-card-border-width)) var(--puenty-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--puenty-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--puenty-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--puenty-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--puenty-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--puenty-background-color,var(--beae-card-featured-background)); border-color: var(--puenty-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--puenty-shadowHorizontal, var(--beae-card-shadow-x)) var(--puenty-shadowVertical, var(--beae-card-shadow-y)) var(--puenty-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--puenty-shadowColor, var(--beae-card-featured-shadow-color)) var(--puenty-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--puenty-background-color,var(--beae-card-prod-background)); border-color: var(--puenty-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--puenty-shadowHorizontal, var(--beae-card-shadow-x)) var(--puenty-shadowVertical, var(--beae-card-shadow-y)) var(--puenty-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--puenty-shadowColor, var(--beae-card-prod-shadow-color)) var(--puenty-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--puenty-background-color,var(--beae-card-pricing-background)); border-color: var(--puenty-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--puenty-shadowHorizontal, var(--beae-card-shadow-x)) var(--puenty-shadowVertical, var(--beae-card-shadow-y)) var(--puenty-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--puenty-shadowColor, var(--beae-card-pricing-shadow-color)) var(--puenty-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--puenty-background-color,var(--beae-card-cta-background)); border-color: var(--puenty-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--puenty-shadowHorizontal, var(--beae-card-shadow-x)) var(--puenty-shadowVertical, var(--beae-card-shadow-y)) var(--puenty-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--puenty-shadowColor, var(--beae-card-cta-shadow-color)) var(--puenty-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-puenty"] {     display: flex;     flex-direction: var(--puenty-direction, column);     flex-wrap: nowrap;     justify-content: var(--puenty-justify-content);     align-items: var(--puenty-align-items);     gap: var(--puenty-gap, var(--puenty-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-puenty"] {                            gap: var(--puenty-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--puenty-padding-right-tablet, 0px) - var(--puenty-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-puenty"] {                            gap: var(--puenty-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--puenty-padding-right-mobile, 0px) - var(--puenty-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-cvasox"] { --beae-p-color: #fefcf0; --cvasox-margin-top: 12px; --cvasox-margin-top-tablet: 12px; --cvasox-margin-top-mobile: 12px; --cvasox-margin-right: 0px; --cvasox-margin-right-tablet: 0px; --cvasox-margin-right-mobile: 0px; --cvasox-margin-bottom: 12px; --cvasox-margin-bottom-tablet: 12px; --cvasox-margin-bottom-mobile: 12px; --cvasox-margin-left: 0px; --cvasox-margin-left-tablet: 0px; --cvasox-margin-left-mobile: 0px; }[data-bnode="beae-cvasox"] { margin-top: var(--cvasox-margin-top, 0px); margin-right: var(--cvasox-margin-right, 0px); margin-bottom: var(--cvasox-margin-bottom, 0px); margin-left: var(--cvasox-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--cvasox-margin-top-tablet, 0px); margin-right: var(--cvasox-margin-right-tablet, 0px); margin-bottom: var(--cvasox-margin-bottom-tablet, 0px); margin-left: var(--cvasox-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--cvasox-margin-top-mobile, 0px); margin-right: var(--cvasox-margin-right-mobile, 0px); margin-bottom: var(--cvasox-margin-bottom-mobile, 0px); margin-left: var(--cvasox-margin-left-mobile, 0px); } }[data-bnode="beae-wlnilc"] { --wlnilc-typography: h4; --wlnilc-typography-tablet: h4; --wlnilc-typography-mobile: h4; --beae-h4-text-align: center; --beae-h4-color: #fefcf0; --wlnilc-margin-top: 20px; --wlnilc-margin-top-tablet: 20px; --wlnilc-margin-top-mobile: 20px; --wlnilc-margin-right: 0px; --wlnilc-margin-right-tablet: 0px; --wlnilc-margin-right-mobile: 0px; --wlnilc-margin-bottom: 0px; --wlnilc-margin-bottom-tablet: 0px; --wlnilc-margin-bottom-mobile: 0px; --wlnilc-margin-left: 0px; --wlnilc-margin-left-tablet: 0px; --wlnilc-margin-left-mobile: 0px; --beae-h4-text-transform: none; --beae-h4-font-size-mobile: 12px; }[data-bnode="beae-wlnilc"] { margin-top: var(--wlnilc-margin-top, 0px); margin-right: var(--wlnilc-margin-right, 0px); margin-bottom: var(--wlnilc-margin-bottom, 0px); margin-left: var(--wlnilc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wlnilc-margin-top-tablet, 0px); margin-right: var(--wlnilc-margin-right-tablet, 0px); margin-bottom: var(--wlnilc-margin-bottom-tablet, 0px); margin-left: var(--wlnilc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wlnilc-margin-top-mobile, 0px); margin-right: var(--wlnilc-margin-right-mobile, 0px); margin-bottom: var(--wlnilc-margin-bottom-mobile, 0px); margin-left: var(--wlnilc-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--wlnilc-highlightColor,var(--beae-p-color)); top: var(--wlnilc-highlightTop, 100%); } }[data-bnode="beae-o2q1cm"] { --o2q1cm-direction: column; --o2q1cm-direction-tablet: column; --o2q1cm-direction-mobile: column; --o2q1cm-structure: columns; --o2q1cm-structure-tablet: columns; --o2q1cm-structure-mobile: columns; --o2q1cm-align-items: center; --o2q1cm-align-items-tablet: center; --o2q1cm-align-items-mobile: center; --o2q1cm-padding-top: 0px; --o2q1cm-padding-top-tablet: 0px; --o2q1cm-padding-top-mobile: 0px; --o2q1cm-padding-right: 0px; --o2q1cm-padding-right-tablet: 0px; --o2q1cm-padding-right-mobile: 0px; --o2q1cm-padding-bottom: 0px; --o2q1cm-padding-bottom-tablet: 0px; --o2q1cm-padding-bottom-mobile: 0px; --o2q1cm-padding-left: 0px; --o2q1cm-padding-left-tablet: 0px; --o2q1cm-padding-left-mobile: 0px; --o2q1cm-gap: 10px; --o2q1cm-gap-tablet: 10px; --o2q1cm-gap-mobile: 10px; }[data-bnode="beae-o2q1cm"] { padding-top: var(--o2q1cm-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--o2q1cm-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--o2q1cm-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--o2q1cm-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--o2q1cm-padding-top-tablet, var(--o2q1cm-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--o2q1cm-padding-right-tablet, var(--o2q1cm-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--o2q1cm-padding-bottom-tablet, var(--o2q1cm-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--o2q1cm-padding-left-tablet, var(--o2q1cm-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--o2q1cm-padding-top-mobile, var(--o2q1cm-padding-top-tablet, var(--o2q1cm-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--o2q1cm-padding-right-mobile, var(--o2q1cm-padding-right-tablet, var(--o2q1cm-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--o2q1cm-padding-bottom-mobile, var(--o2q1cm-padding-bottom-tablet, var(--o2q1cm-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--o2q1cm-padding-left-mobile, var(--o2q1cm-padding-left-tablet, var(--o2q1cm-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--o2q1cm-position, relative); top: var(--o2q1cm-top, auto); right: var(--o2q1cm-right, auto); bottom: var(--o2q1cm-bottom, auto); left: var(--o2q1cm-left, auto); transform: var(--o2q1cm-transform, none); z-index: var(--o2q1cm-z-index, 10); aspect-ratio: var(--o2q1cm-background-imageRatio, auto); background: var(--o2q1cm-background-color,transparent); border-style: var(--o2q1cm-borderStyle,solid); border-color: var(--o2q1cm-borderColor,#000000); border-width: var(--o2q1cm-borderWidth-tl,0px) var(--o2q1cm-borderWidth-tr,0px) var(--o2q1cm-borderWidth-br,0px) var(--o2q1cm-borderWidth-bl,0px); border-radius: var(--o2q1cm-borderRadius-tl,0px) var(--o2q1cm-borderRadius-tr,0px) var(--o2q1cm-borderRadius-br,0px) var(--o2q1cm-borderRadius-bl,0px); box-shadow: var(--o2q1cm-shadowHorizontal, 0px) var(--o2q1cm-shadowVertical, 0px) var(--o2q1cm-shadowBlur, 0px) 1px color-mix( in srgb, var(--o2q1cm-shadowColor, #000000) var(--o2q1cm-shadowTransparent, 0%), transparent ); max-width: var(--o2q1cm-max-width, 100%); width: 100%; height: if(style(--o2q1cm-position: absolute): var(--o2q1cm-height,100%); else: unset ); backdrop-filter:blur(var(--o2q1cm-background-blur, none)) saturate(var(--o2q1cm-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--o2q1cm-position-tablet, var(--o2q1cm-position, relative)); top: var(--o2q1cm-top-tablet, var(--o2q1cm-top, auto)); right: var(--o2q1cm-right-tablet, var(--o2q1cm-right, auto)); bottom: var(--o2q1cm-bottom-tablet, var(--o2q1cm-bottom, auto)); left: var(--o2q1cm-left-tablet, var(--o2q1cm-left, auto)); transform: var(--o2q1cm-transform-tablet, var(--o2q1cm-transform, none)); z-index: var(--o2q1cm-z-index-tablet, var(--o2q1cm-z-index, 10)); aspect-ratio: var(--o2q1cm-background-imageRatio-tablet, var(--o2q1cm-background-imageRatio, auto)); border-width: var(--o2q1cm-borderWidth-tl-tablet, var(--o2q1cm-borderWidth-tl,0px)) var(--o2q1cm-borderWidth-tr-tablet,var(--o2q1cm-borderWidth-tr,0px)) var(--o2q1cm-borderWidth-br-tablet,var(--o2q1cm-borderWidth-br,0px)) var(--o2q1cm-borderWidth-bl-tablet,var(--o2q1cm-borderWidth-bl,0px)); border-radius: var(--o2q1cm-borderRadius-tl-tablet,var(--o2q1cm-borderRadius-tl,0px)) var(--o2q1cm-borderRadius-tr-tablet,var(--o2q1cm-borderRadius-tr,0px)) var(--o2q1cm-borderRadius-br-tablet,var(--o2q1cm-borderRadius-br,0px)) var(--o2q1cm-borderRadius-bl-tablet,var(--o2q1cm-borderRadius-bl,0px)); max-width: var(--o2q1cm-max-width-tablet, var(--o2q1cm-max-width, 100%)); height: if(style(--o2q1cm-position-tablet: absolute): var(--o2q1cm-height-tablet,var(--o2q1cm-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--o2q1cm-position-mobile, var(--o2q1cm-position-tablet, var(--o2q1cm-position, relative))); top: var(--o2q1cm-top-mobile, var(--o2q1cm-top-tablet, var(--o2q1cm-top, auto))); right: var(--o2q1cm-right-mobile, var(--o2q1cm-right-tablet, var(--o2q1cm-right, auto))); bottom: var(--o2q1cm-bottom-mobile, var(--o2q1cm-bottom-tablet, var(--o2q1cm-bottom, auto))); left: var(--o2q1cm-left-mobile, var(--o2q1cm-left-tablet, var(--o2q1cm-left, auto))); transform: var(--o2q1cm-transform-mobile, var(--o2q1cm-transform-tablet, var(--o2q1cm-transform, none))); z-index: var(--o2q1cm-z-index-mobile, var(--o2q1cm-z-index-tablet, var(--o2q1cm-z-index, 10))); aspect-ratio: var(--o2q1cm-background-imageRatio-mobile, var(--o2q1cm-background-imageRatio, auto)); border-width: var(--o2q1cm-borderWidth-tl-mobile, var(--o2q1cm-borderWidth-tl,0px)) var(--o2q1cm-borderWidth-tr-mobile,var(--o2q1cm-borderWidth-tr,0px)) var(--o2q1cm-borderWidth-br-mobile,var(--o2q1cm-borderWidth-br,0px)) var(--o2q1cm-borderWidth-bl-mobile,var(--o2q1cm-borderWidth-bl,0px)); border-radius: var(--o2q1cm-borderRadius-tl-mobile,var(--o2q1cm-borderRadius-tl,0px)) var(--o2q1cm-borderRadius-tr-mobile,var(--o2q1cm-borderRadius-tr,0px)) var(--o2q1cm-borderRadius-br-mobile,var(--o2q1cm-borderRadius-br,0px)) var(--o2q1cm-borderRadius-bl-mobile,var(--o2q1cm-borderRadius-bl,0px)); max-width: var(--o2q1cm-max-width-mobile, var(--o2q1cm-max-width, 100%)); height: if(style(--o2q1cm-position-mobile: absolute): var(--o2q1cm-height-mobile,var(--o2q1cm-height-tablet,,var(--o2q1cm-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--o2q1cm-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--o2q1cm-gap,var(--beae-card-gap)); padding-top: var(--o2q1cm-padding-top,var(--beae-card-padding)); padding-right: var(--o2q1cm-padding-right,var(--beae-card-padding)); padding-bottom: var(--o2q1cm-padding-bottom,var(--beae-card-padding)); padding-left: var(--o2q1cm-padding-left,var(--beae-card-padding)); border-width: var(--o2q1cm-borderWidth-tl,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-tr,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-br,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--o2q1cm-borderRadius-tl,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-tr,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-br,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--o2q1cm-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--o2q1cm-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--o2q1cm-gap-tablet,var(--beae-card-gap)); padding-top: var(--o2q1cm-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--o2q1cm-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--o2q1cm-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--o2q1cm-padding-left-tablet,var(--beae-card-padding)); border-width: var(--o2q1cm-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-br-desktop,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--o2q1cm-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--o2q1cm-gap-mobile,var(--beae-card-gap)); padding-top: var(--o2q1cm-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--o2q1cm-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--o2q1cm-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--o2q1cm-padding-left-mobile,var(--beae-card-padding)); border-width: var(--o2q1cm-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-br-mobile,var(--beae-card-border-width)) var(--o2q1cm-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--o2q1cm-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--o2q1cm-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--o2q1cm-background-color,var(--beae-card-featured-background)); border-color: var(--o2q1cm-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--o2q1cm-shadowHorizontal, var(--beae-card-shadow-x)) var(--o2q1cm-shadowVertical, var(--beae-card-shadow-y)) var(--o2q1cm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o2q1cm-shadowColor, var(--beae-card-featured-shadow-color)) var(--o2q1cm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--o2q1cm-background-color,var(--beae-card-prod-background)); border-color: var(--o2q1cm-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--o2q1cm-shadowHorizontal, var(--beae-card-shadow-x)) var(--o2q1cm-shadowVertical, var(--beae-card-shadow-y)) var(--o2q1cm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o2q1cm-shadowColor, var(--beae-card-prod-shadow-color)) var(--o2q1cm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--o2q1cm-background-color,var(--beae-card-pricing-background)); border-color: var(--o2q1cm-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--o2q1cm-shadowHorizontal, var(--beae-card-shadow-x)) var(--o2q1cm-shadowVertical, var(--beae-card-shadow-y)) var(--o2q1cm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o2q1cm-shadowColor, var(--beae-card-pricing-shadow-color)) var(--o2q1cm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--o2q1cm-background-color,var(--beae-card-cta-background)); border-color: var(--o2q1cm-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--o2q1cm-shadowHorizontal, var(--beae-card-shadow-x)) var(--o2q1cm-shadowVertical, var(--beae-card-shadow-y)) var(--o2q1cm-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o2q1cm-shadowColor, var(--beae-card-cta-shadow-color)) var(--o2q1cm-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-o2q1cm"] {     display: flex;     flex-direction: var(--o2q1cm-direction, column);     flex-wrap: nowrap;     justify-content: var(--o2q1cm-justify-content);     align-items: var(--o2q1cm-align-items);     gap: var(--o2q1cm-gap, var(--o2q1cm-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-o2q1cm"] {                            gap: var(--o2q1cm-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--o2q1cm-padding-right-tablet, 0px) - var(--o2q1cm-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-o2q1cm"] {      flex-direction: var(--o2q1cm-direction-mobile, column);                      gap: var(--o2q1cm-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-giz25q"] { --giz25q-typography: h3; --giz25q-typography-tablet: h3; --giz25q-typography-mobile: h3; --beae-h3-text-align: center; --beae-h3-color: #F16028; --beae-h3-font-size: 110px; --giz25q-margin-top: 20px; --giz25q-margin-top-tablet: 20px; --giz25q-margin-top-mobile: 12px; --giz25q-margin-right: 0px; --giz25q-margin-right-tablet: 0px; --giz25q-margin-right-mobile: 0px; --giz25q-margin-bottom: 20px; --giz25q-margin-bottom-tablet: 20px; --giz25q-margin-bottom-mobile: 20px; --giz25q-margin-left: 0px; --giz25q-margin-left-tablet: 0px; --giz25q-margin-left-mobile: 0px; --giz25q-highlightColor: #f16028; --giz25q-highlightColor-tablet: #f16028; --giz25q-highlightColor-mobile: #f16028; --giz25q-highlightThickness: 5; --giz25q-highlightThickness-tablet: 5; --giz25q-highlightThickness-mobile: 5; --giz25q-highlightTop: 88%; --giz25q-highlightTop-tablet: 88%; --giz25q-highlightTop-mobile: 88%; --beae-h3-text-align-mobile: center; --beae-h3-font-size-mobile: 70px; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing-mobile: 0.6px; }[data-bnode="beae-giz25q"] { margin-top: var(--giz25q-margin-top, 0px); margin-right: var(--giz25q-margin-right, 0px); margin-bottom: var(--giz25q-margin-bottom, 0px); margin-left: var(--giz25q-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--giz25q-margin-top-tablet, 0px); margin-right: var(--giz25q-margin-right-tablet, 0px); margin-bottom: var(--giz25q-margin-bottom-tablet, 0px); margin-left: var(--giz25q-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--giz25q-margin-top-mobile, 0px); margin-right: var(--giz25q-margin-right-mobile, 0px); margin-bottom: var(--giz25q-margin-bottom-mobile, 0px); margin-left: var(--giz25q-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: 0; color: var(--giz25q-highlightColor,var(--beae-p-color)); top: var(--giz25q-highlightTop, 100%); } }[data-bnode="beae-xdt1mw"] { --xdt1mw-direction: column; --xdt1mw-direction-tablet: column; --xdt1mw-direction-mobile: column; --xdt1mw-structure: columns; --xdt1mw-structure-tablet: columns; --xdt1mw-structure-mobile: columns; --xdt1mw-align-items: center; --xdt1mw-align-items-tablet: center; --xdt1mw-align-items-mobile: center; --xdt1mw-padding-top: 36px; --xdt1mw-padding-top-tablet: 36px; --xdt1mw-padding-top-mobile: 0px; --xdt1mw-padding-right: 0px; --xdt1mw-padding-right-tablet: 0px; --xdt1mw-padding-right-mobile: 0px; --xdt1mw-padding-bottom: 36px; --xdt1mw-padding-bottom-tablet: 36px; --xdt1mw-padding-bottom-mobile: 0px; --xdt1mw-padding-left: 0px; --xdt1mw-padding-left-tablet: 0px; --xdt1mw-padding-left-mobile: 0px; --xdt1mw-gap: 10px; --xdt1mw-gap-tablet: 10px; --xdt1mw-gap-mobile: 10px; }[data-bnode="beae-xdt1mw"] { padding-top: var(--xdt1mw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--xdt1mw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--xdt1mw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--xdt1mw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--xdt1mw-padding-top-tablet, var(--xdt1mw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--xdt1mw-padding-right-tablet, var(--xdt1mw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--xdt1mw-padding-bottom-tablet, var(--xdt1mw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--xdt1mw-padding-left-tablet, var(--xdt1mw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--xdt1mw-padding-top-mobile, var(--xdt1mw-padding-top-tablet, var(--xdt1mw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--xdt1mw-padding-right-mobile, var(--xdt1mw-padding-right-tablet, var(--xdt1mw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--xdt1mw-padding-bottom-mobile, var(--xdt1mw-padding-bottom-tablet, var(--xdt1mw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--xdt1mw-padding-left-mobile, var(--xdt1mw-padding-left-tablet, var(--xdt1mw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--xdt1mw-position, relative); top: var(--xdt1mw-top, auto); right: var(--xdt1mw-right, auto); bottom: var(--xdt1mw-bottom, auto); left: var(--xdt1mw-left, auto); transform: var(--xdt1mw-transform, none); z-index: var(--xdt1mw-z-index, 10); aspect-ratio: var(--xdt1mw-background-imageRatio, auto); background: var(--xdt1mw-background-color,transparent); border-style: var(--xdt1mw-borderStyle,solid); border-color: var(--xdt1mw-borderColor,#000000); border-width: var(--xdt1mw-borderWidth-tl,0px) var(--xdt1mw-borderWidth-tr,0px) var(--xdt1mw-borderWidth-br,0px) var(--xdt1mw-borderWidth-bl,0px); border-radius: var(--xdt1mw-borderRadius-tl,0px) var(--xdt1mw-borderRadius-tr,0px) var(--xdt1mw-borderRadius-br,0px) var(--xdt1mw-borderRadius-bl,0px); box-shadow: var(--xdt1mw-shadowHorizontal, 0px) var(--xdt1mw-shadowVertical, 0px) var(--xdt1mw-shadowBlur, 0px) 1px color-mix( in srgb, var(--xdt1mw-shadowColor, #000000) var(--xdt1mw-shadowTransparent, 0%), transparent ); max-width: var(--xdt1mw-max-width, 100%); width: 100%; height: if(style(--xdt1mw-position: absolute): var(--xdt1mw-height,100%); else: unset ); backdrop-filter:blur(var(--xdt1mw-background-blur, none)) saturate(var(--xdt1mw-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--xdt1mw-position-tablet, var(--xdt1mw-position, relative)); top: var(--xdt1mw-top-tablet, var(--xdt1mw-top, auto)); right: var(--xdt1mw-right-tablet, var(--xdt1mw-right, auto)); bottom: var(--xdt1mw-bottom-tablet, var(--xdt1mw-bottom, auto)); left: var(--xdt1mw-left-tablet, var(--xdt1mw-left, auto)); transform: var(--xdt1mw-transform-tablet, var(--xdt1mw-transform, none)); z-index: var(--xdt1mw-z-index-tablet, var(--xdt1mw-z-index, 10)); aspect-ratio: var(--xdt1mw-background-imageRatio-tablet, var(--xdt1mw-background-imageRatio, auto)); border-width: var(--xdt1mw-borderWidth-tl-tablet, var(--xdt1mw-borderWidth-tl,0px)) var(--xdt1mw-borderWidth-tr-tablet,var(--xdt1mw-borderWidth-tr,0px)) var(--xdt1mw-borderWidth-br-tablet,var(--xdt1mw-borderWidth-br,0px)) var(--xdt1mw-borderWidth-bl-tablet,var(--xdt1mw-borderWidth-bl,0px)); border-radius: var(--xdt1mw-borderRadius-tl-tablet,var(--xdt1mw-borderRadius-tl,0px)) var(--xdt1mw-borderRadius-tr-tablet,var(--xdt1mw-borderRadius-tr,0px)) var(--xdt1mw-borderRadius-br-tablet,var(--xdt1mw-borderRadius-br,0px)) var(--xdt1mw-borderRadius-bl-tablet,var(--xdt1mw-borderRadius-bl,0px)); max-width: var(--xdt1mw-max-width-tablet, var(--xdt1mw-max-width, 100%)); height: if(style(--xdt1mw-position-tablet: absolute): var(--xdt1mw-height-tablet,var(--xdt1mw-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--xdt1mw-position-mobile, var(--xdt1mw-position-tablet, var(--xdt1mw-position, relative))); top: var(--xdt1mw-top-mobile, var(--xdt1mw-top-tablet, var(--xdt1mw-top, auto))); right: var(--xdt1mw-right-mobile, var(--xdt1mw-right-tablet, var(--xdt1mw-right, auto))); bottom: var(--xdt1mw-bottom-mobile, var(--xdt1mw-bottom-tablet, var(--xdt1mw-bottom, auto))); left: var(--xdt1mw-left-mobile, var(--xdt1mw-left-tablet, var(--xdt1mw-left, auto))); transform: var(--xdt1mw-transform-mobile, var(--xdt1mw-transform-tablet, var(--xdt1mw-transform, none))); z-index: var(--xdt1mw-z-index-mobile, var(--xdt1mw-z-index-tablet, var(--xdt1mw-z-index, 10))); aspect-ratio: var(--xdt1mw-background-imageRatio-mobile, var(--xdt1mw-background-imageRatio, auto)); border-width: var(--xdt1mw-borderWidth-tl-mobile, var(--xdt1mw-borderWidth-tl,0px)) var(--xdt1mw-borderWidth-tr-mobile,var(--xdt1mw-borderWidth-tr,0px)) var(--xdt1mw-borderWidth-br-mobile,var(--xdt1mw-borderWidth-br,0px)) var(--xdt1mw-borderWidth-bl-mobile,var(--xdt1mw-borderWidth-bl,0px)); border-radius: var(--xdt1mw-borderRadius-tl-mobile,var(--xdt1mw-borderRadius-tl,0px)) var(--xdt1mw-borderRadius-tr-mobile,var(--xdt1mw-borderRadius-tr,0px)) var(--xdt1mw-borderRadius-br-mobile,var(--xdt1mw-borderRadius-br,0px)) var(--xdt1mw-borderRadius-bl-mobile,var(--xdt1mw-borderRadius-bl,0px)); max-width: var(--xdt1mw-max-width-mobile, var(--xdt1mw-max-width, 100%)); height: if(style(--xdt1mw-position-mobile: absolute): var(--xdt1mw-height-mobile,var(--xdt1mw-height-tablet,,var(--xdt1mw-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--xdt1mw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--xdt1mw-gap,var(--beae-card-gap)); padding-top: var(--xdt1mw-padding-top,var(--beae-card-padding)); padding-right: var(--xdt1mw-padding-right,var(--beae-card-padding)); padding-bottom: var(--xdt1mw-padding-bottom,var(--beae-card-padding)); padding-left: var(--xdt1mw-padding-left,var(--beae-card-padding)); border-width: var(--xdt1mw-borderWidth-tl,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-tr,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-br,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--xdt1mw-borderRadius-tl,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-tr,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-br,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--xdt1mw-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--xdt1mw-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--xdt1mw-gap-tablet,var(--beae-card-gap)); padding-top: var(--xdt1mw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--xdt1mw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--xdt1mw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--xdt1mw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--xdt1mw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--xdt1mw-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--xdt1mw-gap-mobile,var(--beae-card-gap)); padding-top: var(--xdt1mw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--xdt1mw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--xdt1mw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--xdt1mw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--xdt1mw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--xdt1mw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--xdt1mw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--xdt1mw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--xdt1mw-background-color,var(--beae-card-featured-background)); border-color: var(--xdt1mw-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--xdt1mw-shadowHorizontal, var(--beae-card-shadow-x)) var(--xdt1mw-shadowVertical, var(--beae-card-shadow-y)) var(--xdt1mw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xdt1mw-shadowColor, var(--beae-card-featured-shadow-color)) var(--xdt1mw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--xdt1mw-background-color,var(--beae-card-prod-background)); border-color: var(--xdt1mw-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--xdt1mw-shadowHorizontal, var(--beae-card-shadow-x)) var(--xdt1mw-shadowVertical, var(--beae-card-shadow-y)) var(--xdt1mw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xdt1mw-shadowColor, var(--beae-card-prod-shadow-color)) var(--xdt1mw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--xdt1mw-background-color,var(--beae-card-pricing-background)); border-color: var(--xdt1mw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--xdt1mw-shadowHorizontal, var(--beae-card-shadow-x)) var(--xdt1mw-shadowVertical, var(--beae-card-shadow-y)) var(--xdt1mw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xdt1mw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--xdt1mw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--xdt1mw-background-color,var(--beae-card-cta-background)); border-color: var(--xdt1mw-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--xdt1mw-shadowHorizontal, var(--beae-card-shadow-x)) var(--xdt1mw-shadowVertical, var(--beae-card-shadow-y)) var(--xdt1mw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--xdt1mw-shadowColor, var(--beae-card-cta-shadow-color)) var(--xdt1mw-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-xdt1mw"] {     display: flex;     flex-direction: var(--xdt1mw-direction, column);     flex-wrap: nowrap;     justify-content: var(--xdt1mw-justify-content);     align-items: var(--xdt1mw-align-items);     gap: var(--xdt1mw-gap, var(--xdt1mw-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-xdt1mw"] {                            gap: var(--xdt1mw-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--xdt1mw-padding-right-tablet, 0px) - var(--xdt1mw-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-xdt1mw"] {                            gap: var(--xdt1mw-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(50.00% - var(--xdt1mw-padding-right-mobile, 0px) - var(--xdt1mw-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-wfpwyv"] { --wfpwyv-typography: p; --wfpwyv-typography-tablet: p; --wfpwyv-typography-mobile: p; --beae-p-text-align-mobile: center; --beae-p-text-align: center; --beae-p-color: #fefcf0; --beae-p-font-weight: 600; --beae-p-font-size-mobile: 12px; }[data-bnode="beae-wfpwyv"] { margin-top: var(--wfpwyv-margin-top, 0px); margin-right: var(--wfpwyv-margin-right, 0px); margin-bottom: var(--wfpwyv-margin-bottom, 0px); margin-left: var(--wfpwyv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wfpwyv-margin-top-tablet, 0px); margin-right: var(--wfpwyv-margin-right-tablet, 0px); margin-bottom: var(--wfpwyv-margin-bottom-tablet, 0px); margin-left: var(--wfpwyv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wfpwyv-margin-top-mobile, 0px); margin-right: var(--wfpwyv-margin-right-mobile, 0px); margin-bottom: var(--wfpwyv-margin-bottom-mobile, 0px); margin-left: var(--wfpwyv-margin-left-mobile, 0px); } }[data-bnode="beae-8pal6y"] { --8pal6y-width: fill; --8pal6y-width-tablet: fill; --8pal6y-width-mobile: fill; --8pal6y-button: pr; --8pal6y-button-tablet: pr; --8pal6y-button-mobile: pr; --beae-btn-font-size-mobile: 17px; --beae-btn-font-size: 28px; --beae-btn-padding: 30px; --beae-btn-height: 80px; --beae-btn-pr-label-color: #fefcf0; --beae-btn-pr-background-color: #f16028; }[data-bnode="beae-8pal6y"] { margin-top: var(--8pal6y-margin-top, 0px); margin-right: var(--8pal6y-margin-right, 0px); margin-bottom: var(--8pal6y-margin-bottom, 0px); margin-left: var(--8pal6y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8pal6y-margin-top-tablet, 0px); margin-right: var(--8pal6y-margin-right-tablet, 0px); margin-bottom: var(--8pal6y-margin-bottom-tablet, 0px); margin-left: var(--8pal6y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8pal6y-margin-top-mobile, 0px); margin-right: var(--8pal6y-margin-right-mobile, 0px); margin-bottom: var(--8pal6y-margin-bottom-mobile, 0px); margin-left: var(--8pal6y-margin-left-mobile, 0px); } &{ gap:var(--8pal6y-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--8pal6y-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--8pal6y-bgBtnHover)) * 1%)); style(--8pal6y-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--8pal6y-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--8pal6y-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--8pal6y-labelBtnHover)) * 1%)); style(--8pal6y-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--8pal6y-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--8pal6y-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--8pal6y-borderBtnHover)) * 1%)); style(--8pal6y-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--8pal6y-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--8pal6y-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--8pal6y-bgBtnHover)) * 1%)); style(--8pal6y-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--8pal6y-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--8pal6y-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--8pal6y-labelBtnHover)) * 1%)); style(--8pal6y-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--8pal6y-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--8pal6y-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--8pal6y-borderBtnHover)) * 1%)); style(--8pal6y-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--8pal6y-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--8pal6y-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--8pal6y-labelBtnHover)) * 1%)); style(--8pal6y-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--8pal6y-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--8pal6y-iconWidth); } svg { width: var(--8pal6y-iconWidth,20px); min-width: var(--8pal6y-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--8pal6y-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--8pal6y-iconWidth-tablet, var(--8pal6y-iconWidth)); } svg { width: var(--8pal6y-iconWidth-tablet, var(--8pal6y-iconWidth)); min-width: var(--8pal6y-iconWidth-tablet, var(--8pal6y-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--8pal6y-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--8pal6y-iconWidth-mobile, var(--8pal6y-iconWidth)); } svg { width: var(--8pal6y-iconWidth-mobile, var(--8pal6y-iconWidth)); min-width: var(--8pal6y-iconWidth-mobile, var(--8pal6y-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-t68z5e"] { --t68z5e-width: var(--beae-w); --t68z5e-width-tablet: var(--beae-w); --t68z5e-width-mobile: var(--beae-w); --t68z5e-height: fit-content; --t68z5e-height-tablet: fit-content; --t68z5e-height-mobile: fit-content; --t68z5e-padding-top: 40px; --t68z5e-padding-top-tablet: 40px; --t68z5e-padding-top-mobile: 20px; --t68z5e-padding-right: 0px; --t68z5e-padding-right-tablet: 0px; --t68z5e-padding-right-mobile: 0px; --t68z5e-padding-bottom: 40px; --t68z5e-padding-bottom-tablet: 40px; --t68z5e-padding-bottom-mobile: 20px; --t68z5e-padding-left: 0px; --t68z5e-padding-left-tablet: 0px; --t68z5e-padding-left-mobile: 0px; --t68z5e-background-type: color; --t68z5e-background-type-tablet: color; --t68z5e-background-type-mobile: color; --t68z5e-background-color: #FEFCF0; --t68z5e-background-color-tablet: #FEFCF0; --t68z5e-background-color-mobile: #FEFCF0; --t68z5e-gap: 12px; --t68z5e-gap-tablet: 12px; --t68z5e-gap-mobile: 12px; }[data-bnode="beae-t68z5e"] { padding-top: var(--t68z5e-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--t68z5e-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--t68z5e-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--t68z5e-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--t68z5e-padding-top-tablet, var(--t68z5e-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--t68z5e-padding-right-tablet, var(--t68z5e-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--t68z5e-padding-bottom-tablet, var(--t68z5e-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--t68z5e-padding-left-tablet, var(--t68z5e-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--t68z5e-padding-top-mobile, var(--t68z5e-padding-top-tablet, var(--t68z5e-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--t68z5e-padding-right-mobile, var(--t68z5e-padding-right-tablet, var(--t68z5e-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--t68z5e-padding-bottom-mobile, var(--t68z5e-padding-bottom-tablet, var(--t68z5e-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--t68z5e-padding-left-mobile, var(--t68z5e-padding-left-tablet, var(--t68z5e-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--t68z5e-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--t68z5e-height); width: 100%; max-width: var(--t68z5e-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--t68z5e-height-tablet, auto); width: 100%; max-width: var(--t68z5e-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--t68z5e-height-mobile, auto); width: 100%; max-width: var(--t68z5e-width-mobile, 100%); } } } }[data-bnode="beae-t68z5e"] > .beae-section-container{     display: flex;     flex-direction: var(--t68z5e-direction, column);     flex-wrap: nowrap;     justify-content: var(--t68z5e-justify-content);     align-items: var(--t68z5e-align-items);     gap: var(--t68z5e-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-t68z5e"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(16.67% - var(--t68z5e-padding-right-tablet, 0px) - var(--t68z5e-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-t68z5e"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(16.67% - var(--t68z5e-padding-right-mobile, 0px) - var(--t68z5e-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-s1lole"] { --s1lole-typography: h3; --s1lole-typography-tablet: h3; --s1lole-typography-mobile: h3; --beae-h3-text-align: center; --beae-h3-text-transform: uppercase; --beae-h3-font-size: 42px; --beae-h3-font-size-mobile: 19px; --beae-h3-color: #053d2a; }[data-bnode="beae-s1lole"] { margin-top: var(--s1lole-margin-top, 0px); margin-right: var(--s1lole-margin-right, 0px); margin-bottom: var(--s1lole-margin-bottom, 0px); margin-left: var(--s1lole-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s1lole-margin-top-tablet, 0px); margin-right: var(--s1lole-margin-right-tablet, 0px); margin-bottom: var(--s1lole-margin-bottom-tablet, 0px); margin-left: var(--s1lole-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s1lole-margin-top-mobile, 0px); margin-right: var(--s1lole-margin-right-mobile, 0px); margin-bottom: var(--s1lole-margin-bottom-mobile, 0px); margin-left: var(--s1lole-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--s1lole-highlightColor,var(--beae-p-color)); top: var(--s1lole-highlightTop, 100%); } }[data-bnode="beae-6ydn1k"] { --6ydn1k-typography: p; --6ydn1k-typography-tablet: p; --6ydn1k-typography-mobile: p; --beae-p-text-align: center; --beae-p-font-size: 26px; --6ydn1k-margin-top: 0px; --6ydn1k-margin-top-tablet: 0px; --6ydn1k-margin-top-mobile: 0px; --6ydn1k-margin-right: 208px; --6ydn1k-margin-right-tablet: 208px; --6ydn1k-margin-right-mobile: 0px; --6ydn1k-margin-bottom: 0px; --6ydn1k-margin-bottom-tablet: 0px; --6ydn1k-margin-bottom-mobile: 0px; --6ydn1k-margin-left: 208px; --6ydn1k-margin-left-tablet: 208px; --6ydn1k-margin-left-mobile: 0px; --beae-p-font-size-mobile: 14px; }[data-bnode="beae-6ydn1k"] { margin-top: var(--6ydn1k-margin-top, 0px); margin-right: var(--6ydn1k-margin-right, 0px); margin-bottom: var(--6ydn1k-margin-bottom, 0px); margin-left: var(--6ydn1k-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6ydn1k-margin-top-tablet, 0px); margin-right: var(--6ydn1k-margin-right-tablet, 0px); margin-bottom: var(--6ydn1k-margin-bottom-tablet, 0px); margin-left: var(--6ydn1k-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6ydn1k-margin-top-mobile, 0px); margin-right: var(--6ydn1k-margin-right-mobile, 0px); margin-bottom: var(--6ydn1k-margin-bottom-mobile, 0px); margin-left: var(--6ydn1k-margin-left-mobile, 0px); } }[data-bnode="beae-3wkxa2"] { --3wkxa2-typography: h3; --3wkxa2-typography-tablet: h3; --3wkxa2-typography-mobile: h3; --beae-h3-text-align: center; --beae-h3-text-transform: uppercase; --3wkxa2-margin-top: 20px; --3wkxa2-margin-top-tablet: 20px; --3wkxa2-margin-top-mobile: 20px; --3wkxa2-margin-right: 0px; --3wkxa2-margin-right-tablet: 0px; --3wkxa2-margin-right-mobile: 0px; --3wkxa2-margin-bottom: 0px; --3wkxa2-margin-bottom-tablet: 0px; --3wkxa2-margin-bottom-mobile: 0px; --3wkxa2-margin-left: 0px; --3wkxa2-margin-left-tablet: 0px; --3wkxa2-margin-left-mobile: 0px; --beae-h3-font-size: 42px; --beae-h3-font-size-mobile: 19px; --beae-h3-color: #053d2a; }[data-bnode="beae-3wkxa2"] { margin-top: var(--3wkxa2-margin-top, 0px); margin-right: var(--3wkxa2-margin-right, 0px); margin-bottom: var(--3wkxa2-margin-bottom, 0px); margin-left: var(--3wkxa2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3wkxa2-margin-top-tablet, 0px); margin-right: var(--3wkxa2-margin-right-tablet, 0px); margin-bottom: var(--3wkxa2-margin-bottom-tablet, 0px); margin-left: var(--3wkxa2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3wkxa2-margin-top-mobile, 0px); margin-right: var(--3wkxa2-margin-right-mobile, 0px); margin-bottom: var(--3wkxa2-margin-bottom-mobile, 0px); margin-left: var(--3wkxa2-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--3wkxa2-highlightColor,var(--beae-p-color)); top: var(--3wkxa2-highlightTop, 100%); } }[data-bnode="beae-7835h0"] { --7835h0-typography: p; --7835h0-typography-tablet: p; --7835h0-typography-mobile: p; --beae-p-text-align: center; --beae-p-font-size: 26px; --7835h0-margin-top: 0px; --7835h0-margin-top-tablet: 0px; --7835h0-margin-top-mobile: 0px; --7835h0-margin-right: 208px; --7835h0-margin-right-tablet: 208px; --7835h0-margin-right-mobile: 0px; --7835h0-margin-bottom: 0px; --7835h0-margin-bottom-tablet: 0px; --7835h0-margin-bottom-mobile: 0px; --7835h0-margin-left: 208px; --7835h0-margin-left-tablet: 208px; --7835h0-margin-left-mobile: 0px; --beae-p-font-size-mobile: 14px; }[data-bnode="beae-7835h0"] { margin-top: var(--7835h0-margin-top, 0px); margin-right: var(--7835h0-margin-right, 0px); margin-bottom: var(--7835h0-margin-bottom, 0px); margin-left: var(--7835h0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7835h0-margin-top-tablet, 0px); margin-right: var(--7835h0-margin-right-tablet, 0px); margin-bottom: var(--7835h0-margin-bottom-tablet, 0px); margin-left: var(--7835h0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7835h0-margin-top-mobile, 0px); margin-right: var(--7835h0-margin-right-mobile, 0px); margin-bottom: var(--7835h0-margin-bottom-mobile, 0px); margin-left: var(--7835h0-margin-left-mobile, 0px); } }[data-bnode="beae-6wa67s"] { --6wa67s-typography: h3; --6wa67s-typography-tablet: h3; --6wa67s-typography-mobile: h3; --beae-h3-text-align: center; --beae-h3-text-transform: uppercase; --6wa67s-margin-top: 20px; --6wa67s-margin-top-tablet: 20px; --6wa67s-margin-top-mobile: 20px; --6wa67s-margin-right: 0px; --6wa67s-margin-right-tablet: 0px; --6wa67s-margin-right-mobile: 0px; --6wa67s-margin-bottom: 0px; --6wa67s-margin-bottom-tablet: 0px; --6wa67s-margin-bottom-mobile: 0px; --6wa67s-margin-left: 0px; --6wa67s-margin-left-tablet: 0px; --6wa67s-margin-left-mobile: 0px; --beae-h3-font-size: 42px; --beae-h3-font-size-mobile: 19px; --beae-h3-color: #053d2a; }[data-bnode="beae-6wa67s"] { margin-top: var(--6wa67s-margin-top, 0px); margin-right: var(--6wa67s-margin-right, 0px); margin-bottom: var(--6wa67s-margin-bottom, 0px); margin-left: var(--6wa67s-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6wa67s-margin-top-tablet, 0px); margin-right: var(--6wa67s-margin-right-tablet, 0px); margin-bottom: var(--6wa67s-margin-bottom-tablet, 0px); margin-left: var(--6wa67s-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6wa67s-margin-top-mobile, 0px); margin-right: var(--6wa67s-margin-right-mobile, 0px); margin-bottom: var(--6wa67s-margin-bottom-mobile, 0px); margin-left: var(--6wa67s-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--6wa67s-highlightColor,var(--beae-p-color)); top: var(--6wa67s-highlightTop, 100%); } }[data-bnode="beae-mtff3o"] { --mtff3o-typography: p; --mtff3o-typography-tablet: p; --mtff3o-typography-mobile: p; --beae-p-text-align: center; --beae-p-font-size: 26px; --mtff3o-margin-top: 0px; --mtff3o-margin-top-tablet: 0px; --mtff3o-margin-top-mobile: 0px; --mtff3o-margin-right: 208px; --mtff3o-margin-right-tablet: 208px; --mtff3o-margin-right-mobile: 0px; --mtff3o-margin-bottom: 0px; --mtff3o-margin-bottom-tablet: 0px; --mtff3o-margin-bottom-mobile: 0px; --mtff3o-margin-left: 208px; --mtff3o-margin-left-tablet: 208px; --mtff3o-margin-left-mobile: 0px; --beae-p-font-size-mobile: 14px; }[data-bnode="beae-mtff3o"] { margin-top: var(--mtff3o-margin-top, 0px); margin-right: var(--mtff3o-margin-right, 0px); margin-bottom: var(--mtff3o-margin-bottom, 0px); margin-left: var(--mtff3o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mtff3o-margin-top-tablet, 0px); margin-right: var(--mtff3o-margin-right-tablet, 0px); margin-bottom: var(--mtff3o-margin-bottom-tablet, 0px); margin-left: var(--mtff3o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mtff3o-margin-top-mobile, 0px); margin-right: var(--mtff3o-margin-right-mobile, 0px); margin-bottom: var(--mtff3o-margin-bottom-mobile, 0px); margin-left: var(--mtff3o-margin-left-mobile, 0px); } }[data-bnode="beae-gky8fx"] { --gky8fx-width: var(--beae-w); --gky8fx-width-tablet: var(--beae-w); --gky8fx-width-mobile: var(--beae-w); --gky8fx-height: fit-content; --gky8fx-height-tablet: fit-content; --gky8fx-height-mobile: fit-content; --gky8fx-direction: column; --gky8fx-direction-tablet: column; --gky8fx-direction-mobile: column; --gky8fx-structure: auto; --gky8fx-structure-tablet: auto; --gky8fx-structure-mobile: auto; --gky8fx-padding-top: 40px; --gky8fx-padding-top-tablet: 40px; --gky8fx-padding-top-mobile: 16px; --gky8fx-padding-right: 0px; --gky8fx-padding-right-tablet: 0px; --gky8fx-padding-right-mobile: 8px; --gky8fx-padding-bottom: 40px; --gky8fx-padding-bottom-tablet: 40px; --gky8fx-padding-bottom-mobile: 16px; --gky8fx-padding-left: 0px; --gky8fx-padding-left-tablet: 0px; --gky8fx-padding-left-mobile: 8px; --gky8fx-background-type: color; --gky8fx-background-type-tablet: color; --gky8fx-background-type-mobile: color; --gky8fx-background-color: #f16028; --gky8fx-background-color-tablet: #f16028; --gky8fx-background-color-mobile: #f16028; }[data-bnode="beae-gky8fx"] { padding-top: var(--gky8fx-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--gky8fx-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--gky8fx-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--gky8fx-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--gky8fx-padding-top-tablet, var(--gky8fx-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--gky8fx-padding-right-tablet, var(--gky8fx-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--gky8fx-padding-bottom-tablet, var(--gky8fx-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--gky8fx-padding-left-tablet, var(--gky8fx-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--gky8fx-padding-top-mobile, var(--gky8fx-padding-top-tablet, var(--gky8fx-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--gky8fx-padding-right-mobile, var(--gky8fx-padding-right-tablet, var(--gky8fx-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--gky8fx-padding-bottom-mobile, var(--gky8fx-padding-bottom-tablet, var(--gky8fx-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--gky8fx-padding-left-mobile, var(--gky8fx-padding-left-tablet, var(--gky8fx-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } &.beae-section { background: var(--gky8fx-background-color, var(--beae-background-color)); max-width: 100%; position: relative; .beae-section-container { height: var(--gky8fx-height); width: 100%; max-width: var(--gky8fx-width,var(--beae-section-width)); margin: 0 auto; > *:not(.beae-slot) { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--gky8fx-height-tablet, auto); width: 100%; max-width: var(--gky8fx-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--gky8fx-height-mobile, auto); width: 100%; max-width: var(--gky8fx-width-mobile, 100%); } } } }[data-bnode="beae-gky8fx"] > .beae-section-container{     display: flex;     flex-direction: var(--gky8fx-direction, column);     flex-wrap: nowrap;     justify-content: var(--gky8fx-justify-content);     align-items: var(--gky8fx-align-items);     gap: var(--gky8fx-gap, var(--beae-grid-gap, 4px));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-gky8fx"] > .beae-section-container{                            gap: var(--beae-grid-gap-tablet, 4px);               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--gky8fx-padding-right-tablet, 0px) - var(--gky8fx-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-gky8fx"] > .beae-section-container{                            gap: var(--beae-grid-gap-mobile, 4px);              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(100.00% - var(--gky8fx-padding-right-mobile, 0px) - var(--gky8fx-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-o803gy"] { --o803gy-direction: column; --o803gy-direction-tablet: column; --o803gy-direction-mobile: column; --o803gy-structure: columns; --o803gy-structure-tablet: columns; --o803gy-structure-mobile: columns; --o803gy-align-items: center; --o803gy-align-items-tablet: center; --o803gy-align-items-mobile: center; --o803gy-gap: 0px; --o803gy-gap-tablet: 0px; --o803gy-gap-mobile: 0px; }[data-bnode="beae-o803gy"] { padding-top: var(--o803gy-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--o803gy-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--o803gy-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--o803gy-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--o803gy-padding-top-tablet, var(--o803gy-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--o803gy-padding-right-tablet, var(--o803gy-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--o803gy-padding-bottom-tablet, var(--o803gy-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--o803gy-padding-left-tablet, var(--o803gy-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--o803gy-padding-top-mobile, var(--o803gy-padding-top-tablet, var(--o803gy-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--o803gy-padding-right-mobile, var(--o803gy-padding-right-tablet, var(--o803gy-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--o803gy-padding-bottom-mobile, var(--o803gy-padding-bottom-tablet, var(--o803gy-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--o803gy-padding-left-mobile, var(--o803gy-padding-left-tablet, var(--o803gy-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } &.beae-slot { position: var(--o803gy-position, relative); top: var(--o803gy-top, auto); right: var(--o803gy-right, auto); bottom: var(--o803gy-bottom, auto); left: var(--o803gy-left, auto); transform: var(--o803gy-transform, none); z-index: var(--o803gy-z-index, 10); aspect-ratio: var(--o803gy-background-imageRatio, auto); background: var(--o803gy-background-color,transparent); border-style: var(--o803gy-borderStyle,solid); border-color: var(--o803gy-borderColor,#000000); border-width: var(--o803gy-borderWidth-tl,0px) var(--o803gy-borderWidth-tr,0px) var(--o803gy-borderWidth-br,0px) var(--o803gy-borderWidth-bl,0px); border-radius: var(--o803gy-borderRadius-tl,0px) var(--o803gy-borderRadius-tr,0px) var(--o803gy-borderRadius-br,0px) var(--o803gy-borderRadius-bl,0px); box-shadow: var(--o803gy-shadowHorizontal, 0px) var(--o803gy-shadowVertical, 0px) var(--o803gy-shadowBlur, 0px) 1px color-mix( in srgb, var(--o803gy-shadowColor, #000000) var(--o803gy-shadowTransparent, 0%), transparent ); max-width: var(--o803gy-max-width, 100%); width: 100%; height: if(style(--o803gy-position: absolute): var(--o803gy-height,100%); else: unset ); backdrop-filter:blur(var(--o803gy-background-blur, none)) saturate(var(--o803gy-background-saturation, 100%)); @media(min-width: 767.79px) and (max-width: 1180px){ position: var(--o803gy-position-tablet, var(--o803gy-position, relative)); top: var(--o803gy-top-tablet, var(--o803gy-top, auto)); right: var(--o803gy-right-tablet, var(--o803gy-right, auto)); bottom: var(--o803gy-bottom-tablet, var(--o803gy-bottom, auto)); left: var(--o803gy-left-tablet, var(--o803gy-left, auto)); transform: var(--o803gy-transform-tablet, var(--o803gy-transform, none)); z-index: var(--o803gy-z-index-tablet, var(--o803gy-z-index, 10)); aspect-ratio: var(--o803gy-background-imageRatio-tablet, var(--o803gy-background-imageRatio, auto)); border-width: var(--o803gy-borderWidth-tl-tablet, var(--o803gy-borderWidth-tl,0px)) var(--o803gy-borderWidth-tr-tablet,var(--o803gy-borderWidth-tr,0px)) var(--o803gy-borderWidth-br-tablet,var(--o803gy-borderWidth-br,0px)) var(--o803gy-borderWidth-bl-tablet,var(--o803gy-borderWidth-bl,0px)); border-radius: var(--o803gy-borderRadius-tl-tablet,var(--o803gy-borderRadius-tl,0px)) var(--o803gy-borderRadius-tr-tablet,var(--o803gy-borderRadius-tr,0px)) var(--o803gy-borderRadius-br-tablet,var(--o803gy-borderRadius-br,0px)) var(--o803gy-borderRadius-bl-tablet,var(--o803gy-borderRadius-bl,0px)); max-width: var(--o803gy-max-width-tablet, var(--o803gy-max-width, 100%)); height: if(style(--o803gy-position-tablet: absolute): var(--o803gy-height-tablet,var(--o803gy-height,100%)); else: unset ); } @media(max-width: 767px){ position: var(--o803gy-position-mobile, var(--o803gy-position-tablet, var(--o803gy-position, relative))); top: var(--o803gy-top-mobile, var(--o803gy-top-tablet, var(--o803gy-top, auto))); right: var(--o803gy-right-mobile, var(--o803gy-right-tablet, var(--o803gy-right, auto))); bottom: var(--o803gy-bottom-mobile, var(--o803gy-bottom-tablet, var(--o803gy-bottom, auto))); left: var(--o803gy-left-mobile, var(--o803gy-left-tablet, var(--o803gy-left, auto))); transform: var(--o803gy-transform-mobile, var(--o803gy-transform-tablet, var(--o803gy-transform, none))); z-index: var(--o803gy-z-index-mobile, var(--o803gy-z-index-tablet, var(--o803gy-z-index, 10))); aspect-ratio: var(--o803gy-background-imageRatio-mobile, var(--o803gy-background-imageRatio, auto)); border-width: var(--o803gy-borderWidth-tl-mobile, var(--o803gy-borderWidth-tl,0px)) var(--o803gy-borderWidth-tr-mobile,var(--o803gy-borderWidth-tr,0px)) var(--o803gy-borderWidth-br-mobile,var(--o803gy-borderWidth-br,0px)) var(--o803gy-borderWidth-bl-mobile,var(--o803gy-borderWidth-bl,0px)); border-radius: var(--o803gy-borderRadius-tl-mobile,var(--o803gy-borderRadius-tl,0px)) var(--o803gy-borderRadius-tr-mobile,var(--o803gy-borderRadius-tr,0px)) var(--o803gy-borderRadius-br-mobile,var(--o803gy-borderRadius-br,0px)) var(--o803gy-borderRadius-bl-mobile,var(--o803gy-borderRadius-bl,0px)); max-width: var(--o803gy-max-width-mobile, var(--o803gy-max-width, 100%)); height: if(style(--o803gy-position-mobile: absolute): var(--o803gy-height-mobile,var(--o803gy-height-tablet,,var(--o803gy-height,100%))); else: unset ); } &.beae-surface-light, &.beae-surface-muted, &.beae-surface-dark, &.beae-surface-accent{ background: var(--o803gy-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card{ gap: var(--o803gy-gap,var(--beae-card-gap)); padding-top: var(--o803gy-padding-top,var(--beae-card-padding)); padding-right: var(--o803gy-padding-right,var(--beae-card-padding)); padding-bottom: var(--o803gy-padding-bottom,var(--beae-card-padding)); padding-left: var(--o803gy-padding-left,var(--beae-card-padding)); border-width: var(--o803gy-borderWidth-tl,var(--beae-card-border-width)) var(--o803gy-borderWidth-tr,var(--beae-card-border-width)) var(--o803gy-borderWidth-br,var(--beae-card-border-width)) var(--o803gy-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--o803gy-borderRadius-tl,var(--beae-card-border-radius)) var(--o803gy-borderRadius-tr,var(--beae-card-border-radius)) var(--o803gy-borderRadius-br,var(--beae-card-border-radius)) var(--o803gy-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--o803gy-background-blur, var(--beae-card-backdrop-blur))) saturate(var(--o803gy-background-saturation, var(--beae-card-backdrop-saturate))); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--o803gy-gap-tablet,var(--beae-card-gap)); padding-top: var(--o803gy-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--o803gy-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--o803gy-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--o803gy-padding-left-tablet,var(--beae-card-padding)); border-width: var(--o803gy-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--o803gy-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--o803gy-borderWidth-br-desktop,var(--beae-card-border-width)) var(--o803gy-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--o803gy-borderRadius-tl-tablet,var(--beae-card-border-radius)) var(--o803gy-borderRadius-tr-tablet,var(--beae-card-border-radius)) var(--o803gy-borderRadius-br-tablet,var(--beae-card-border-radius)) var(--o803gy-borderRadius-bl-tablet,var(--beae-card-border-radius)); } @media (max-width: 767px) { gap: var(--o803gy-gap-mobile,var(--beae-card-gap)); padding-top: var(--o803gy-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--o803gy-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--o803gy-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--o803gy-padding-left-mobile,var(--beae-card-padding)); border-width: var(--o803gy-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--o803gy-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--o803gy-borderWidth-br-mobile,var(--beae-card-border-width)) var(--o803gy-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--o803gy-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--o803gy-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--o803gy-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--o803gy-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--o803gy-background-color,var(--beae-card-featured-background)); border-color: var(--o803gy-borderColor,var(--beae-card-featured-border-color)); box-shadow: var(--o803gy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o803gy-shadowVertical, var(--beae-card-shadow-y)) var(--o803gy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o803gy-shadowColor, var(--beae-card-featured-shadow-color)) var(--o803gy-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-product-card{ background: var(--o803gy-background-color,var(--beae-card-prod-background)); border-color: var(--o803gy-borderColor,var(--beae-card-prod-border-color)); box-shadow: var(--o803gy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o803gy-shadowVertical, var(--beae-card-shadow-y)) var(--o803gy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o803gy-shadowColor, var(--beae-card-prod-shadow-color)) var(--o803gy-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-pricing-card{ background: var(--o803gy-background-color,var(--beae-card-pricing-background)); border-color: var(--o803gy-borderColor,var(--beae-card-pricing-border-color)); box-shadow: var(--o803gy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o803gy-shadowVertical, var(--beae-card-shadow-y)) var(--o803gy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o803gy-shadowColor, var(--beae-card-pricing-shadow-color)) var(--o803gy-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } &.beae-cta-card{ background: var(--o803gy-background-color,var(--beae-card-cta-background)); border-color: var(--o803gy-borderColor,var(--beae-card-cta-border-color)); box-shadow: var(--o803gy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o803gy-shadowVertical, var(--beae-card-shadow-y)) var(--o803gy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o803gy-shadowColor, var(--beae-card-cta-shadow-color)) var(--o803gy-shadowTransparent, var(--beae-card-shadow-transparent)), transparent ); } } }[data-bnode="beae-o803gy"] {     display: flex;     flex-direction: var(--o803gy-direction, column);     flex-wrap: nowrap;     justify-content: var(--o803gy-justify-content);     align-items: var(--o803gy-align-items);     gap: var(--o803gy-gap, var(--o803gy-gap, var(--beae-slot-gap)));              }    @media (min-width: 767.79px) and (max-width: 1180px) {     [data-bnode="beae-o803gy"] {                            gap: var(--o803gy-gap-tablet, var(--beae-slot-gap-tablet));               &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--o803gy-padding-right-tablet, 0px) - var(--o803gy-padding-right-tablet, 0px));           }                      }    }    @media (max-width: 767px) {     [data-bnode="beae-o803gy"] {                            gap: var(--o803gy-gap-mobile, var(--beae-slot-gap-mobile));              &>.beae-slot {          flex: 1 1 0;          min-width: 0;         }                   &>.beae-slot[data-bnode-index] {            flex-basis: calc(33.33% - var(--o803gy-padding-right-mobile, 0px) - var(--o803gy-padding-right-mobile, 0px));           }                      }    }[data-bnode="beae-jtuc2y"] { --jtuc2y-typography: p; --jtuc2y-typography-tablet: p; --jtuc2y-typography-mobile: p; --jtuc2y-maxWidth: auto; --jtuc2y-maxWidth-tablet: auto; --jtuc2y-maxWidth-mobile: auto; --jtuc2y-gap: 4px; --jtuc2y-gap-tablet: 4px; --jtuc2y-gap-mobile: 4px; --jtuc2y-margin-top: 0px; --jtuc2y-margin-top-tablet: 0px; --jtuc2y-margin-top-mobile: 0px; --jtuc2y-margin-right: 0px; --jtuc2y-margin-right-tablet: 0px; --jtuc2y-margin-right-mobile: 0px; --jtuc2y-margin-bottom: 0px; --jtuc2y-margin-bottom-tablet: 0px; --jtuc2y-margin-bottom-mobile: 0px; --jtuc2y-margin-left: 0px; --jtuc2y-margin-left-tablet: 0px; --jtuc2y-margin-left-mobile: 0px; --beae-p-text-align: center; --beae-p-font-size: 120px; --beae-p-font-weight: 600; --beae-p-color: #fefcf0; --beae-p-line-height: 1.3; --beae-p-letter-spacing: 2.1px; }[data-bnode="beae-jtuc2y"] { margin-top: var(--jtuc2y-margin-top, 0px); margin-right: var(--jtuc2y-margin-right, 0px); margin-bottom: var(--jtuc2y-margin-bottom, 0px); margin-left: var(--jtuc2y-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--jtuc2y-margin-top-tablet, 0px); margin-right: var(--jtuc2y-margin-right-tablet, 0px); margin-bottom: var(--jtuc2y-margin-bottom-tablet, 0px); margin-left: var(--jtuc2y-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--jtuc2y-margin-top-mobile, 0px); margin-right: var(--jtuc2y-margin-right-mobile, 0px); margin-bottom: var(--jtuc2y-margin-bottom-mobile, 0px); margin-left: var(--jtuc2y-margin-left-mobile, 0px); } & { .beae-count { padding: 0 var(--jtuc2y-gap, 4px); @media(min-width: 767.79px) and (max-width: 1180px){ padding: 0 var(--jtuc2y-gap-tablet, 4px); } @media(max-width: 767px){ padding: 0 var(--jtuc2y-gap-mobile, 4px); } } } }[data-bnode="beae-ja00ir"] { --ja00ir-typography: h3; --ja00ir-typography-tablet: h3; --ja00ir-typography-mobile: h3; --beae-h3-text-align: center; --beae-h3-text-transform: none; --beae-h3-color: #fefcf0; --beae-h3-font-size-mobile: 26px; --beae-h3-font-size: 44px; }[data-bnode="beae-ja00ir"] { margin-top: var(--ja00ir-margin-top, 0px); margin-right: var(--ja00ir-margin-right, 0px); margin-bottom: var(--ja00ir-margin-bottom, 0px); margin-left: var(--ja00ir-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ja00ir-margin-top-tablet, 0px); margin-right: var(--ja00ir-margin-right-tablet, 0px); margin-bottom: var(--ja00ir-margin-bottom-tablet, 0px); margin-left: var(--ja00ir-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ja00ir-margin-top-mobile, 0px); margin-right: var(--ja00ir-margin-right-mobile, 0px); margin-bottom: var(--ja00ir-margin-bottom-mobile, 0px); margin-left: var(--ja00ir-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ja00ir-highlightColor,var(--beae-p-color)); top: var(--ja00ir-highlightTop, 100%); } }[data-bnode="beae-g1yoqv"] { --g1yoqv-typography: h3; --g1yoqv-typography-tablet: h3; --g1yoqv-typography-mobile: h3; --beae-h3-text-align: center; --beae-h3-text-transform: none; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing-mobile: 0.6px; --beae-h3-text-align-mobile: center; --g1yoqv-margin-top: 0px; --g1yoqv-margin-top-tablet: 0px; --g1yoqv-margin-top-mobile: 16px; --g1yoqv-margin-right: 0px; --g1yoqv-margin-right-tablet: 0px; --g1yoqv-margin-right-mobile: 0px; --g1yoqv-margin-bottom: 20px; --g1yoqv-margin-bottom-tablet: 20px; --g1yoqv-margin-bottom-mobile: 16px; --g1yoqv-margin-left: 0px; --g1yoqv-margin-left-tablet: 0px; --g1yoqv-margin-left-mobile: 0px; --beae-h3-font-size: 44px; --beae-h3-font-size-mobile: 18px; --beae-h3-color: #053d2a; }[data-bnode="beae-g1yoqv"] { margin-top: var(--g1yoqv-margin-top, 0px); margin-right: var(--g1yoqv-margin-right, 0px); margin-bottom: var(--g1yoqv-margin-bottom, 0px); margin-left: var(--g1yoqv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--g1yoqv-margin-top-tablet, 0px); margin-right: var(--g1yoqv-margin-right-tablet, 0px); margin-bottom: var(--g1yoqv-margin-bottom-tablet, 0px); margin-left: var(--g1yoqv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--g1yoqv-margin-top-mobile, 0px); margin-right: var(--g1yoqv-margin-right-mobile, 0px); margin-bottom: var(--g1yoqv-margin-bottom-mobile, 0px); margin-left: var(--g1yoqv-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--g1yoqv-highlightColor,var(--beae-p-color)); top: var(--g1yoqv-highlightTop, 100%); } }

.gbbProductItemPricesContainer,
.gbbProductItemPrice,
.gbbFooterProductPriceContainer,
.gbbFooterProductPrice {
  display: none !important;
}