/** Shopify CDN: Minification failed Line 225:4 All "@import" rules must come first **/ *{ box-sizing: border-box; } /* ========== CONTROLS (Navigation & Pagination) ========== */ .beae-carousel { position: relative; overflow: hidden; max-width: stretch; width: 100%; height: fit-content; .beae-slider-wrapper{ position: relative; .beae-slider-items{ display: flex; max-width: 100%; } } } .beae-slider-nav-left, .beae-slider-nav-right { position: absolute; padding: 12px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color:#f5f5f5; transition: all ease 0.3s; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2); opacity: 0; top: calc(50% - var(--height-controls,0px) / 2); transform: translate(0, -50%); color: #333333; cursor: pointer; &:hover { background-color: #cccccc; scale: 1.1; color: #333333; } svg { width: 20px; height: 20px; } } .beae-slider-nav-left { left: 15px; } .beae-slider-nav-right { right: 15px; } .beae-carousel:hover { .beae-slider-nav-left, .beae-slider-nav-right { opacity: 1; } .beae-slider-nav-left.disabled, .beae-slider-nav-right.disabled { opacity: 0.5; } } .beae-slider-nav-left.disabled, .beae-slider-nav-right.disabled { pointer-events: none; cursor: not-allowed; } /* ========== SLIDER CONTROLS & PAGINATION NESTING ========== */ .beae-slider-controls { display: none; @media (min-width: 1024px) { &[show-desktop="true"] { display: block; } } @media (min-width: 767.79px) and (max-width: 1180px) { &[show-tablet="true"] { display: block; } } @media (max-width: 767px) { &[show-mobile="true"] { display: block; } } .beae-slider-pagination-wrp { display: flex; width: 100%; align-items: center; justify-content: center; .beae-slider-pagination-wrapper, .beae-slider-pagination-total, .beae-slider-pagination-progress { display: none; position: relative; line-height: 1; } } } .beae-slider-wrapper { &[data-pagination="dots"], &[data-pagination="dynamic-dots"], &[data-pagination="numbers"] { & + .beae-slider-controls .beae-slider-pagination-wrapper { display: flex; gap: 8px; align-items: center; justify-content: center; .pagination-bullets-dynamic{ gap: 8px; width: 100%; } } } &[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { width: 8px; height: 8px; background: #e6e6e6; border-radius: 50%; cursor: pointer; &.active { background: #181818; } &:not(.active):hover { background: #cccccc; } } &[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { display: inline-block; position: relative; width: 8px; height: 8px; min-width: 8px; background: #e6e6e6; border-radius: 50%; transition: all 0.3s ease; cursor: pointer; transform: scale(0); &.prev, &.next { transform: scale(0.66); } &.prev-prev, &.next-next { transform: scale(0.33); } &.active { background: #181818; opacity: 1; transform: scale(1); } &:not(.active):hover { background: #cccccc; } } &[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { padding: 10px; opacity: 0.7; cursor: pointer; color: #e6e6e6; &.active { text-decoration: underline; color: #181818; opacity: 1; } &:not(.active):hover { color: #cccccc; } } &[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { display: flex; color: #181818; } &[data-pagination="progress"] + .beae-slider-controls .beae-slider-pagination-progress { display: flex; justify-content: center; height: 4px; width: 100%; background-color: #e6e6e6; span { display: flex; height: 100%; position: absolute; left: 0; background-color: #181818; transition: all ease 0.3s; } } } /* ========== FADE EFFECT ========== */ .beae-slider-wrapper[data-effect="fade"] { .beae-slider-items { scroll-behavior: auto; } .beae-slide-item { flex: 0 0 100%; } } @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700&display=swap'); @layer beae-reset { .beae-section[data-bnode] { h1, h2, h3, h4, h5, h6, p, ul, ol, li, figure { margin: 0; padding: 0; } a { text-decoration: none; color: inherit; } button { background: none; border: none; padding: 0; cursor: pointer; } *, *::before, *::after { box-sizing: border-box; } .beae-image{ max-width: 100%; } } } :root{ --beae-input-border-width: 1px; --beae-input-border-radius: 4px; --beae-input-padding: 4px; --beae-input-height: 4px; --beae-select-border-width: 1px; --beae-select-border-radius: 4px; --beae-select-padding: 4px; --beae-select-height: 4px; --beae-textarea-border-width: 1px; --beae-textarea-border-radius: 4px; --beae-textarea-padding: 4px; --beae-textarea-height: 4px; --beae-badge-border-width: 1px; --beae-badge-border-radius: 4px; --beae-badge-padding: 1px; --beae-section-width: 1280px; --beae-section-padding-x: 10px; --beae-section-padding-y: 20px; --beae-section-padding-x-mobile: 5px; --beae-section-padding-y-mobile: 12px; --beae-section-padding-x-tablet: 8px; --beae-section-padding-y-tablet: 16px; --beae-slot-gap: 10px; --beae-slot-gap-mobile: 6px; --beae-slot-gap-tablet: 8px; --beae-slot-padding-x: 0px; --beae-slot-padding-y: 0px; --beae-slot-padding-x-mobile: 0px; --beae-slot-padding-y-mobile: 0px; --beae-slot-padding-x-tablet: 0px; --beae-slot-padding-y-tablet: 0px; --beae-grid-gap: 6px; --beae-grid-gap-mobile: 4px; --beae-grid-gap-tablet: 5px; --beae-other-sale-price-color: #d82727; --beae-other-sale-bg-color: #d82727; --beae-other-sale-text-color: #ffffff; --beae-other-sold-out-bg-color: #adadad; --beae-other-sold-out-text-color: #ffffff; --beae-other-tag-1-bg-color: #008c62; --beae-other-tag-1-text-color: #ffffff; --beae-other-tag-2-bg-color: #405de6; --beae-other-tag-2-text-color: #ffffff; .beae-scheme-1{ --beae-text-color: #404040; --beae-heading-color: #0a0a0a; --beae-background-color: #ffffff; --beae-btn-pr-background-color: #0a0a0a; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-border-color: #0a0a0a; --beae-btn-se-background-color: #ffffff; --beae-btn-se-label-color: #0a0a0a; --beae-btn-se-border-color: #0a0a0a; --beae-btn-te-label-color: #0a0a0a; --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%); --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%); --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%); --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%); --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%); --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%); --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%); --beae-card-cta-background: #ffffff; --beae-card-cta-border-color: #e5e5e5; --beae-card-cta-shadow-color: #000000; --beae-card-featured-background: #ffffff; --beae-card-featured-border-color: #e5e5e5; --beae-card-featured-shadow-color: #000000; --beae-card-media-background: #ffffff; --beae-card-media-border-color: #e5e5e5; --beae-card-media-shadow-color: #000000; --beae-card-pricing-background: #ffffff; --beae-card-pricing-border-color: #e5e5e5; --beae-card-pricing-shadow-color: #000000; --beae-card-prod-background: #ffffff; --beae-card-prod-border-color: #e5e5e5; --beae-card-prod-shadow-color: #000000; --beae-form-input-background: #ffffff; --beae-form-input-border-color: #d4d4d4; --beae-form-input-color: #0a0a0a; --beae-form-select-background: #ffffff; --beae-form-select-border-color: #d4d4d4; --beae-form-select-color: #0a0a0a; --beae-form-textarea-background: #ffffff; --beae-form-textarea-border-color: #d4d4d4; --beae-form-textarea-color: #0a0a0a; --color-scheme-text-50: #f2f2f2; --color-scheme-text-100: #e6e6e6; --color-scheme-text-200: #cccccc; --color-scheme-text-300: #b3b3b3; --color-scheme-text-400: #999999; --color-scheme-text-500: #808080; --color-scheme-text-600: #666666; --color-scheme-text-700: #4d4d4d; --color-scheme-text-800: #333333; --color-scheme-text-900: #1a1a1a; --color-scheme-text-950: #0d0d0d; } .beae-surface-dark { --beae-text-color: #a3a3a3; --beae-heading-color: #fafafa; --beae-background-color: #0a0a0a; --beae-btn-pr-background-color: #fafafa; --beae-btn-pr-label-color: #0a0a0a; --beae-btn-pr-border-color: #fafafa; --beae-btn-se-background-color: #0a0a0a; --beae-btn-se-label-color: #fafafa; --beae-btn-se-border-color: #fafafa; --beae-btn-te-label-color: #fafafa; --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%); --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%); --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%); --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%); --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%); --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%); --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%); --beae-card-cta-background: #171717; --beae-card-cta-border-color: #262626; --beae-card-cta-shadow-color: #000000; --beae-card-featured-background: #171717; --beae-card-featured-border-color: #262626; --beae-card-featured-shadow-color: #000000; --beae-card-media-background: #171717; --beae-card-media-border-color: #262626; --beae-card-media-shadow-color: #000000; --beae-card-pricing-background: #171717; --beae-card-pricing-border-color: #262626; --beae-card-pricing-shadow-color: #000000; --beae-card-prod-background: #171717; --beae-card-prod-border-color: #262626; --beae-card-prod-shadow-color: #000000; --beae-form-input-background: #171717; --beae-form-input-border-color: #404040; --beae-form-input-color: #fafafa; --beae-form-select-background: #171717; --beae-form-select-border-color: #404040; --beae-form-select-color: #fafafa; --beae-form-textarea-background: #171717; --beae-form-textarea-border-color: #404040; --beae-form-textarea-color: #fafafa; --color-scheme-text-50: #f2f2f2; --color-scheme-text-100: #e6e6e6; --color-scheme-text-200: #cccccc; --color-scheme-text-300: #b3b3b3; --color-scheme-text-400: #999999; --color-scheme-text-500: #808080; --color-scheme-text-600: #666666; --color-scheme-text-700: #4d4d4d; --color-scheme-text-800: #333333; --color-scheme-text-900: #1a1a1a; --color-scheme-text-950: #0d0d0d; } .beae-surface-accent { --beae-text-color: #d4d4d4; --beae-heading-color: #ffffff; --beae-background-color: #171717; --beae-btn-pr-background-color: #ffffff; --beae-btn-pr-label-color: #171717; --beae-btn-pr-border-color: #ffffff; --beae-btn-se-background-color: #171717; --beae-btn-se-label-color: #ffffff; --beae-btn-se-border-color: #ffffff; --beae-btn-te-label-color: #ffffff; --beae-btn-pr-background-hover: color-mix(in srgb, var(--beae-btn-pr-background-color), black 0%); --beae-btn-pr-label-hover: color-mix(in srgb, var(--beae-btn-pr-label-color), black 0%); --beae-btn-pr-border-hover: color-mix(in srgb, var(--beae-btn-pr-border-color), black 0%); --beae-btn-se-background-hover: color-mix(in srgb, var(--beae-btn-se-background-color), black 0%); --beae-btn-se-label-hover: color-mix(in srgb, var(--beae-btn-se-label-color), black 0%); --beae-btn-se-border-hover: color-mix(in srgb, var(--beae-btn-se-border-color), black 0%); --beae-btn-te-label-hover: color-mix(in srgb, var(--beae-btn-te-label-color), black 0%); --beae-card-cta-background: #262626; --beae-card-cta-border-color: #404040; --beae-card-cta-shadow-color: #000000; --beae-card-featured-background: #262626; --beae-card-featured-border-color: #404040; --beae-card-featured-shadow-color: #000000; --beae-card-media-background: #262626; --beae-card-media-border-color: #404040; --beae-card-media-shadow-color: #000000; --beae-card-pricing-background: #262626; --beae-card-pricing-border-color: #404040; --beae-card-pricing-shadow-color: #000000; --beae-card-prod-background: #262626; --beae-card-prod-border-color: #404040; --beae-card-prod-shadow-color: #000000; --beae-form-input-background: #262626; --beae-form-input-border-color: #525252; --beae-form-input-color: #ffffff; --beae-form-select-background: #262626; --beae-form-select-border-color: #525252; --beae-form-select-color: #ffffff; --beae-form-textarea-background: #262626; --beae-form-textarea-border-color: #525252; --beae-form-textarea-color: #ffffff; --color-scheme-text-50: #f2f2f2; --color-scheme-text-100: #e6e6e6; --color-scheme-text-200: #cccccc; --color-scheme-text-300: #b3b3b3; --color-scheme-text-400: #999999; --color-scheme-text-500: #808080; --color-scheme-text-600: #666666; --color-scheme-text-700: #4d4d4d; --color-scheme-text-800: #333333; --color-scheme-text-900: #1a1a1a; --color-scheme-text-950: #0d0d0d; } --beae-h1-font-family: Assistant; --beae-h1-font-size: 56px; --beae-h1-font-weight: 600; --beae-h1-line-height: 1.1; --beae-h1-letter-spacing: -0.02px; --beae-h1-text-transform: capitalize; --beae-h1-font-style: normal; --beae-h1-text-align: start; --beae-h1-color: var(--beae-heading-color); --beae-h2-font-family: Assistant; --beae-h2-font-size: 40px; --beae-h2-font-weight: 600; --beae-h2-line-height: 1.2; --beae-h2-letter-spacing: -0.02px; --beae-h2-text-transform: capitalize; --beae-h2-font-style: normal; --beae-h2-text-align: start; --beae-h2-color: var(--beae-heading-color); --beae-h3-font-family: Assistant; --beae-h3-font-size: 32px; --beae-h3-font-weight: 600; --beae-h3-line-height: 1.25; --beae-h3-letter-spacing: -0.01px; --beae-h3-text-transform: capitalize; --beae-h3-font-style: normal; --beae-h3-text-align: start; --beae-h3-color: var(--beae-heading-color); --beae-h4-font-family: Assistant; --beae-h4-font-size: 24px; --beae-h4-font-weight: 600; --beae-h4-line-height: 1.3; --beae-h4-letter-spacing: -0.01px; --beae-h4-text-transform: capitalize; --beae-h4-font-style: normal; --beae-h4-text-align: start; --beae-h4-color: var(--beae-heading-color); --beae-h5-font-family: Assistant; --beae-h5-font-size: 20px; --beae-h5-font-weight: 600; --beae-h5-line-height: 1.4; --beae-h5-letter-spacing: 0px; --beae-h5-text-transform: capitalize; --beae-h5-font-style: normal; --beae-h5-text-align: start; --beae-h5-color: var(--beae-heading-color); --beae-p-font-family: Assistant; --beae-p-font-size: 18px; --beae-p-font-weight: 400; --beae-p-line-height: 1.6; --beae-p-letter-spacing: 0px; --beae-p-text-transform: none; --beae-p-font-style: normal; --beae-p-text-align: start; --beae-p-color: var(--beae-text-color); --beae-p2-font-family: Assistant; --beae-p2-font-size: 16px; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.6; --beae-p2-letter-spacing: 0px; --beae-p2-text-transform: none; --beae-p2-font-style: normal; --beae-p2-text-align: start; --beae-p2-color: var(--beae-text-color); --beae-p3-font-family: Assistant; --beae-p3-font-size: 14px; --beae-p3-font-weight: 400; --beae-p3-line-height: 1.5; --beae-p3-letter-spacing: 0px; --beae-p3-text-transform: none; --beae-p3-font-style: normal; --beae-p3-text-align: start; --beae-p3-color: var(--beae-text-color); --beae-eyebrow-font-family: Assistant; --beae-eyebrow-font-size: 13px; --beae-eyebrow-font-weight: 500; --beae-eyebrow-line-height: 1.4; --beae-eyebrow-letter-spacing: 0.08px; --beae-eyebrow-text-transform: uppercase; --beae-eyebrow-font-style: normal; --beae-eyebrow-text-align: start; --beae-eyebrow-color: var(--beae-text-color); --beae-btn-font-size: 15px; --beae-btn-font-weight: 400; --beae-btn-letter-spacing: 1px; --beae-btn-text-transform: uppercase; --beae-btn-height: 45px; --beae-btn-padding: 30px; --beae-btn-border-radius: 0px; --beae-btn-transition-hover: 150ms; --beae-btn-pr-border-width: 1px; --beae-btn-pr-shadow-x: 0px; --beae-btn-pr-shadow-y: 0px; --beae-btn-pr-shadow-blur: 0px; --beae-btn-pr-shadow-transparent: 0%; --beae-btn-se-border-width: 1px; --beae-btn-se-shadow-x: 0px; --beae-btn-se-shadow-y: 0px; --beae-btn-se-shadow-blur: 0px; --beae-btn-se-shadow-transparent: 0%; --beae-btn-te-underline: underline; --beae-btn-te-underline-offset: 5px; } @media (min-width: 767.79px) and (max-width: 1180px) { :root{ --beae-h1-font-size: 48px; --beae-h1-line-height: 1.12; --beae-h1-letter-spacing: -0.02px; --beae-h2-font-size: 36px; --beae-h2-line-height: 1.2; --beae-h2-letter-spacing: -0.02px; --beae-h3-font-size: 28px; --beae-h3-line-height: 1.25; --beae-h3-letter-spacing: -0.01px; --beae-h4-font-size: 22px; --beae-h4-line-height: 1.3; --beae-h4-letter-spacing: -0.01px; --beae-h5-font-size: 19px; --beae-h5-line-height: 1.4; --beae-p-font-size: 18px; --beae-p-line-height: 1.6; --beae-p2-font-size: 16px; --beae-p2-line-height: 1.6; --beae-p3-font-size: 14px; --beae-p3-line-height: 1.5; --beae-eyebrow-font-size: 13px; --beae-eyebrow-line-height: 1.4; --beae-eyebrow-letter-spacing: 0.08px; --beae-btn-font-size: 15px; --beae-btn-height: 45px; --beae-btn-padding: 30px; --beae-btn-pr-border-width: 1px; --beae-btn-se-border-width: 1px; }} @media (max-width: 767px) { :root{ --beae-h1-font-size: 40px; --beae-h1-line-height: 1.15; --beae-h1-letter-spacing: -0.02px; --beae-h2-font-size: 32px; --beae-h2-line-height: 1.2; --beae-h2-letter-spacing: -0.02px; --beae-h3-font-size: 26px; --beae-h3-line-height: 1.25; --beae-h3-letter-spacing: -0.01px; --beae-h4-font-size: 20px; --beae-h4-line-height: 1.3; --beae-h4-letter-spacing: -0.01px; --beae-h5-font-size: 18px; --beae-h5-line-height: 1.4; --beae-p-font-size: 17px; --beae-p-line-height: 1.6; --beae-p2-font-size: 15px; --beae-p2-line-height: 1.6; --beae-p3-font-size: 13px; --beae-p3-line-height: 1.5; --beae-eyebrow-font-size: 12px; --beae-eyebrow-line-height: 1.4; --beae-eyebrow-letter-spacing: 0.08px; --beae-btn-font-size: 15px; --beae-btn-height: 45px; --beae-btn-padding: 30px; --beae-btn-pr-border-width: 1px; --beae-btn-se-border-width: 1px; }} .beae-featured-card{ --beae-card-gap: 4px; --beae-card-padding: 4px; --beae-card-border-width: 0px; --beae-card-border-radius: 12px; --beae-card-shadow-x: 0px; --beae-card-shadow-y: 8px; --beae-card-shadow-blur: 24px; --beae-card-shadow-transparent: 0%; --beae-card-backdrop-blur: 0px; --beae-card-backdrop-saturate: 0%; } .beae-product-card{ --beae-card-gap: 3px; --beae-card-padding: 4px; --beae-card-border-width: 1px; --beae-card-border-radius: 8px; --beae-card-shadow-x: 0px; --beae-card-shadow-y: 1px; --beae-card-shadow-blur: 3px; --beae-card-shadow-transparent: 0%; --beae-card-backdrop-blur: 0px; --beae-card-backdrop-saturate: 0%; } .beae-pricing-card{ --beae-card-gap: 5px; --beae-card-padding: 8px; --beae-card-border-width: 1px; --beae-card-border-radius: 12px; --beae-card-shadow-x: 0px; --beae-card-shadow-y: 4px; --beae-card-shadow-blur: 12px; --beae-card-shadow-transparent: 8%; --beae-card-backdrop-blur: 0px; --beae-card-backdrop-saturate: 0%; } .beae-cta-card{ --beae-card-gap: 4px; --beae-card-padding: 10px; --beae-card-border-width: 1px; --beae-card-border-radius: 12px; --beae-card-shadow-x: 0px; --beae-card-shadow-y: 2px; --beae-card-shadow-blur: 8px; --beae-card-shadow-transparent: 6%; --beae-card-backdrop-blur: 0px; --beae-card-backdrop-saturate: 0%; } .beae-media-card{ --beae-card-gap: 0px; --beae-card-padding: 0px; --beae-card-border-width: 0px; --beae-card-border-radius: 8px; --beae-card-shadow-x: 0px; --beae-card-shadow-y: 4px; --beae-card-shadow-blur: 12px; --beae-card-shadow-transparent: 8%; --beae-card-backdrop-blur: 0px; --beae-card-backdrop-saturate: 0%; } .beae-h1 { font-family: var(--beae-h1-font-family); font-size: var(--beae-h1-font-size); font-weight: var(--beae-h1-font-weight); line-height: var(--beae-h1-line-height); letter-spacing: var(--beae-h1-letter-spacing); text-transform: var(--beae-h1-text-transform); font-style: var(--beae-h1-font-style); text-align: var(--beae-h1-text-align, start); color: var(--beae-h1-color, var(--beae-heading-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-h1 { font-size: var(--beae-h1-font-size-tablet, var(--beae-h1-font-size)); line-height: var(--beae-h1-line-height-tablet, var(--beae-h1-line-height)); letter-spacing: var(--beae-h1-letter-spacing-tablet, var(--beae-h1-letter-spacing)); text-align: var(--beae-h1-text-align-tablet, var(--beae-h1-text-align)); } } @media(max-width: 767px){ .beae-h1 { font-size: var(--beae-h1-font-size-mobile, var(--beae-h1-font-size)); line-height: var(--beae-h1-line-height-mobile, var(--beae-h1-line-height)); letter-spacing: var(--beae-h1-letter-spacing-mobile, var(--beae-h1-letter-spacing)); text-align: var(--beae-h1-text-align-mobile, var(--beae-h1-text-align, start)); } } .beae-h2 { font-family: var(--beae-h2-font-family); font-size: var(--beae-h2-font-size); font-weight: var(--beae-h2-font-weight); line-height: var(--beae-h2-line-height); letter-spacing: var(--beae-h2-letter-spacing); text-transform: var(--beae-h2-text-transform); font-style: var(--beae-h2-font-style); text-align: var(--beae-h2-text-align, start); color: var(--beae-h2-color, var(--beae-heading-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-h2 { font-size: var(--beae-h2-font-size-tablet, var(--beae-h2-font-size)); line-height: var(--beae-h2-line-height-tablet, var(--beae-h2-line-height)); letter-spacing: var(--beae-h2-letter-spacing-tablet, var(--beae-h2-letter-spacing)); text-align: var(--beae-h2-text-align-tablet, var(--beae-h2-text-align)); } } @media(max-width: 767px){ .beae-h2 { font-size: var(--beae-h2-font-size-mobile, var(--beae-h2-font-size)); line-height: var(--beae-h2-line-height-mobile, var(--beae-h2-line-height)); letter-spacing: var(--beae-h2-letter-spacing-mobile, var(--beae-h2-letter-spacing)); text-align: var(--beae-h2-text-align-mobile, var(--beae-h2-text-align, start)); } } .beae-h3 { font-family: var(--beae-h3-font-family); font-size: var(--beae-h3-font-size); font-weight: var(--beae-h3-font-weight); line-height: var(--beae-h3-line-height); letter-spacing: var(--beae-h3-letter-spacing); text-transform: var(--beae-h3-text-transform); font-style: var(--beae-h3-font-style); text-align: var(--beae-h3-text-align, start); color: var(--beae-h3-color, var(--beae-heading-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-h3 { font-size: var(--beae-h3-font-size-tablet, var(--beae-h3-font-size)); line-height: var(--beae-h3-line-height-tablet, var(--beae-h3-line-height)); letter-spacing: var(--beae-h3-letter-spacing-tablet, var(--beae-h3-letter-spacing)); text-align: var(--beae-h3-text-align-tablet, var(--beae-h3-text-align)); } } @media(max-width: 767px){ .beae-h3 { font-size: var(--beae-h3-font-size-mobile, var(--beae-h3-font-size)); line-height: var(--beae-h3-line-height-mobile, var(--beae-h3-line-height)); letter-spacing: var(--beae-h3-letter-spacing-mobile, var(--beae-h3-letter-spacing)); text-align: var(--beae-h3-text-align-mobile, var(--beae-h3-text-align, start)); } } .beae-h4 { font-family: var(--beae-h4-font-family); font-size: var(--beae-h4-font-size); font-weight: var(--beae-h4-font-weight); line-height: var(--beae-h4-line-height); letter-spacing: var(--beae-h4-letter-spacing); text-transform: var(--beae-h4-text-transform); font-style: var(--beae-h4-font-style); text-align: var(--beae-h4-text-align, start); color: var(--beae-h4-color, var(--beae-heading-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-h4 { font-size: var(--beae-h4-font-size-tablet, var(--beae-h4-font-size)); line-height: var(--beae-h4-line-height-tablet, var(--beae-h4-line-height)); letter-spacing: var(--beae-h4-letter-spacing-tablet, var(--beae-h4-letter-spacing)); text-align: var(--beae-h4-text-align-tablet, var(--beae-h4-text-align)); } } @media(max-width: 767px){ .beae-h4 { font-size: var(--beae-h4-font-size-mobile, var(--beae-h4-font-size)); line-height: var(--beae-h4-line-height-mobile, var(--beae-h4-line-height)); letter-spacing: var(--beae-h4-letter-spacing-mobile, var(--beae-h4-letter-spacing)); text-align: var(--beae-h4-text-align-mobile, var(--beae-h4-text-align, start)); } } .beae-h5 { font-family: var(--beae-h5-font-family); font-size: var(--beae-h5-font-size); font-weight: var(--beae-h5-font-weight); line-height: var(--beae-h5-line-height); letter-spacing: var(--beae-h5-letter-spacing); text-transform: var(--beae-h5-text-transform); font-style: var(--beae-h5-font-style); text-align: var(--beae-h5-text-align, start); color: var(--beae-h5-color, var(--beae-heading-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-h5 { font-size: var(--beae-h5-font-size-tablet, var(--beae-h5-font-size)); line-height: var(--beae-h5-line-height-tablet, var(--beae-h5-line-height)); letter-spacing: var(--beae-h5-letter-spacing-tablet, var(--beae-h5-letter-spacing)); text-align: var(--beae-h5-text-align-tablet, var(--beae-h5-text-align)); } } @media(max-width: 767px){ .beae-h5 { font-size: var(--beae-h5-font-size-mobile, var(--beae-h5-font-size)); line-height: var(--beae-h5-line-height-mobile, var(--beae-h5-line-height)); letter-spacing: var(--beae-h5-letter-spacing-mobile, var(--beae-h5-letter-spacing)); text-align: var(--beae-h5-text-align-mobile, var(--beae-h5-text-align, start)); } } .beae-p { font-family: var(--beae-p-font-family); font-size: var(--beae-p-font-size); font-weight: var(--beae-p-font-weight); line-height: var(--beae-p-line-height); letter-spacing: var(--beae-p-letter-spacing); text-transform: var(--beae-p-text-transform); font-style: var(--beae-p-font-style); text-align: var(--beae-p-text-align, start); color: var(--beae-p-color, var(--beae-text-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-p { font-size: var(--beae-p-font-size-tablet, var(--beae-p-font-size)); line-height: var(--beae-p-line-height-tablet, var(--beae-p-line-height)); letter-spacing: var(--beae-p-letter-spacing-tablet, var(--beae-p-letter-spacing)); text-align: var(--beae-p-text-align-tablet, var(--beae-p-text-align)); } } @media(max-width: 767px){ .beae-p { font-size: var(--beae-p-font-size-mobile, var(--beae-p-font-size)); line-height: var(--beae-p-line-height-mobile, var(--beae-p-line-height)); letter-spacing: var(--beae-p-letter-spacing-mobile, var(--beae-p-letter-spacing)); text-align: var(--beae-p-text-align-mobile, var(--beae-p-text-align, start)); } } .beae-p2 { font-family: var(--beae-p2-font-family); font-size: var(--beae-p2-font-size); font-weight: var(--beae-p2-font-weight); line-height: var(--beae-p2-line-height); letter-spacing: var(--beae-p2-letter-spacing); text-transform: var(--beae-p2-text-transform); font-style: var(--beae-p2-font-style); text-align: var(--beae-p2-text-align, start); color: var(--beae-p2-color, var(--beae-text-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-p2 { font-size: var(--beae-p2-font-size-tablet, var(--beae-p2-font-size)); line-height: var(--beae-p2-line-height-tablet, var(--beae-p2-line-height)); letter-spacing: var(--beae-p2-letter-spacing-tablet, var(--beae-p2-letter-spacing)); text-align: var(--beae-p2-text-align-tablet, var(--beae-p2-text-align)); } } @media(max-width: 767px){ .beae-p2 { font-size: var(--beae-p2-font-size-mobile, var(--beae-p2-font-size)); line-height: var(--beae-p2-line-height-mobile, var(--beae-p2-line-height)); letter-spacing: var(--beae-p2-letter-spacing-mobile, var(--beae-p2-letter-spacing)); text-align: var(--beae-p2-text-align-mobile, var(--beae-p2-text-align, start)); } } .beae-p3 { font-family: var(--beae-p3-font-family); font-size: var(--beae-p3-font-size); font-weight: var(--beae-p3-font-weight); line-height: var(--beae-p3-line-height); letter-spacing: var(--beae-p3-letter-spacing); text-transform: var(--beae-p3-text-transform); font-style: var(--beae-p3-font-style); text-align: var(--beae-p3-text-align, start); color: var(--beae-p3-color, var(--beae-text-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-p3 { font-size: var(--beae-p3-font-size-tablet, var(--beae-p3-font-size)); line-height: var(--beae-p3-line-height-tablet, var(--beae-p3-line-height)); letter-spacing: var(--beae-p3-letter-spacing-tablet, var(--beae-p3-letter-spacing)); text-align: var(--beae-p3-text-align-tablet, var(--beae-p3-text-align)); } } @media(max-width: 767px){ .beae-p3 { font-size: var(--beae-p3-font-size-mobile, var(--beae-p3-font-size)); line-height: var(--beae-p3-line-height-mobile, var(--beae-p3-line-height)); letter-spacing: var(--beae-p3-letter-spacing-mobile, var(--beae-p3-letter-spacing)); text-align: var(--beae-p3-text-align-mobile, var(--beae-p3-text-align, start)); } } .beae-eyebrow { font-family: var(--beae-eyebrow-font-family); font-size: var(--beae-eyebrow-font-size); font-weight: var(--beae-eyebrow-font-weight); line-height: var(--beae-eyebrow-line-height); letter-spacing: var(--beae-eyebrow-letter-spacing); text-transform: var(--beae-eyebrow-text-transform); font-style: var(--beae-eyebrow-font-style); text-align: var(--beae-eyebrow-text-align, start); color: var(--beae-eyebrow-color, var(--beae-text-color)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-eyebrow { font-size: var(--beae-eyebrow-font-size-tablet, var(--beae-eyebrow-font-size)); line-height: var(--beae-eyebrow-line-height-tablet, var(--beae-eyebrow-line-height)); letter-spacing: var(--beae-eyebrow-letter-spacing-tablet, var(--beae-eyebrow-letter-spacing)); text-align: var(--beae-eyebrow-text-align-tablet, var(--beae-eyebrow-text-align)); } } @media(max-width: 767px){ .beae-eyebrow { font-size: var(--beae-eyebrow-font-size-mobile, var(--beae-eyebrow-font-size)); line-height: var(--beae-eyebrow-line-height-mobile, var(--beae-eyebrow-line-height)); letter-spacing: var(--beae-eyebrow-letter-spacing-mobile, var(--beae-eyebrow-letter-spacing)); text-align: var(--beae-eyebrow-text-align-mobile, var(--beae-eyebrow-text-align, start)); } } .beae-btn-pr, .beae-btn-se, .beae-btn-te { display: flex; align-items: center; justify-content:center; text-align: center; font-family: var(--beae-p-font-family); font-size: var(--beae-btn-font-size); font-weight: var(--beae-btn-font-weight); text-transform: var(--beae-btn-text-transform); letter-spacing: var(--beae-btn-letter-spacing); line-height: 1.5; font-style: var(--beae-p-font-style); transition: all ease-in var(--beae-btn-transition-hover, 0ms); } @media (min-width: 767.79px) and (max-width: 1180px) { .beae-btn-pr, .beae-btn-se, .beae-btn-te { font-size: var(--beae-btn-font-size-tablet, var(--beae-btn-font-size)); } } @media(max-width: 767px){ .beae-btn-pr, .beae-btn-se, .beae-btn-te { font-size: var(--beae-btn-font-size-mobile,var(--beae-btn-font-size)); } } .beae-btn-pr { cursor: pointer; color: var(--beae-btn-pr-label-color); height: var(--beae-btn-height); padding: 0px var(--beae-btn-padding); border-radius: var(--beae-btn-border-radius); outline: var(--beae-btn-pr-border-width) solid var(--beae-btn-pr-border-color); outline-offset: calc(var(--beae-btn-pr-border-width) * -1); background: var(--beae-btn-pr-background-color); box-shadow: var(--beae-btn-pr-shadow-x) var(--beae-btn-pr-shadow-y) var(--beae-btn-pr-shadow-blur) rgba(0, 0, 0, var(--beae-btn-pr-shadow-transparent)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-btn-pr { height: var(--beae-btn-height-tablet, var(--beae-btn-height)); padding: 0px var(--beae-btn-padding-tablet, var(--beae-btn-padding)); } } @media(max-width: 767px){ .beae-btn-pr { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); padding: 0px var(--beae-btn-padding-mobile, var(--beae-btn-padding)); } } .beae-btn-pr:hover { color: var(--beae-btn-pr-label-hover); background: var(--beae-btn-pr-background-hover); outline-color: var(--beae-btn-pr-border-hover); } .beae-btn-se { cursor: pointer; color: var(--beae-btn-se-label-color); height: var(--beae-btn-height); padding: 0px var(--beae-btn-padding); border-radius: var(--beae-btn-border-radius); outline: var(--beae-btn-se-border-width) solid var(--beae-btn-se-border-color); outline-offset: calc(var(--beae-btn-se-border-width) * -1); background: var(--beae-btn-se-background-color); box-shadow: var(--beae-btn-se-shadow-x) var(--beae-btn-se-shadow-y) var(--beae-btn-se-shadow-blur) rgba(0, 0, 0, var(--beae-btn-se-shadow-transparent)); } @media(min-width: 767.79px) and (max-width: 1180px){ .beae-btn-se { height: var(--beae-btn-height-tablet, var(--beae-btn-height)); padding: 0px var(--beae-btn-padding-tablet, var(--beae-btn-padding)); } } @media(max-width: 767px){ .beae-btn-se { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); padding: 0px var(--beae-btn-padding-mobile, var(--beae-btn-padding)); } } .beae-btn-se:hover { color: var(--beae-btn-se-label-hover); background: var(--beae-btn-se-background-hover); outline-color: var(--beae-btn-se-border-hover); } .beae-btn-te { cursor: pointer; color: var(--beae-btn-te-label-color); text-decoration: var(--beae-btn-te-underline); text-underline-offset: var(--beae-btn-te-underline-offset); position: relative; } .beae-btn-te:hover { color: var(--beae-btn-te-label-hover); } [data-bnode="beae-fjzdf7"] { --fjzdf7-width: 1392px; --fjzdf7-width-tablet: 1392px; --fjzdf7-width-mobile: 1392px; --fjzdf7-height: 860px; --fjzdf7-height-tablet: 800px; --fjzdf7-height-mobile: 800px; --fjzdf7-padding-top: 112px; --fjzdf7-padding-top-tablet: 96px; --fjzdf7-padding-top-mobile: 40px; --fjzdf7-padding-right: 32px; --fjzdf7-padding-right-tablet: 32px; --fjzdf7-padding-right-mobile: 20px; --fjzdf7-padding-bottom: 112px; --fjzdf7-padding-bottom-tablet: 96px; --fjzdf7-padding-bottom-mobile: 40px; --fjzdf7-padding-left: 32px; --fjzdf7-padding-left-tablet: 32px; --fjzdf7-padding-left-mobile: 20px; --fjzdf7-direction: column; --fjzdf7-direction-tablet: column; --fjzdf7-direction-mobile: column; --fjzdf7-structure: columns; --fjzdf7-structure-tablet: auto; --fjzdf7-structure-mobile: auto; --fjzdf7-background-type: image; --fjzdf7-background-type-tablet: image; --fjzdf7-background-type-mobile: image; --fjzdf7-background-image: [object Object]; --fjzdf7-background-image-tablet: [object Object]; --fjzdf7-background-image-mobile: [object Object]; --fjzdf7-background-color: #ffffff; --fjzdf7-background-color-tablet: #ffffff; --fjzdf7-background-color-mobile: #ffffff; --fjzdf7-align-items: flex-start; --fjzdf7-align-items-tablet: center; --fjzdf7-align-items-mobile: center; --fjzdf7-justify-content: center; --fjzdf7-justify-content-tablet: center; --fjzdf7-justify-content-mobile: center; }[data-bnode="beae-fjzdf7"] { padding-top: var(--fjzdf7-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--fjzdf7-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--fjzdf7-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--fjzdf7-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--fjzdf7-padding-top-tablet, var(--fjzdf7-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--fjzdf7-padding-right-tablet, var(--fjzdf7-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--fjzdf7-padding-bottom-tablet, var(--fjzdf7-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--fjzdf7-padding-left-tablet, var(--fjzdf7-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--fjzdf7-padding-top-mobile, var(--fjzdf7-padding-top-tablet, var(--fjzdf7-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--fjzdf7-padding-right-mobile, var(--fjzdf7-padding-right-tablet, var(--fjzdf7-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--fjzdf7-padding-bottom-mobile, var(--fjzdf7-padding-bottom-tablet, var(--fjzdf7-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--fjzdf7-padding-left-mobile, var(--fjzdf7-padding-left-tablet, var(--fjzdf7-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--fjzdf7-padding-left, var(--beae-section-padding-x, 0px)) - var(--fjzdf7-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--fjzdf7-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--fjzdf7-height); width: 100%; max-width: var(--fjzdf7-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--fjzdf7-height-tablet, auto); width: 100%; max-width: var(--fjzdf7-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--fjzdf7-height-mobile, auto); width: 100%; max-width: var(--fjzdf7-width-mobile, 100%); } } } }[data-bnode="beae-fjzdf7"] > .beae-section-container{ display: flex; flex-direction: var(--fjzdf7-direction, column); flex-wrap: nowrap; justify-content: var(--fjzdf7-justify-content); align-items: var(--fjzdf7-align-items); gap: var(--fjzdf7-gap, var(--beae-grid-gap, 4px)); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-fjzdf7"] > .beae-section-container{ align-items: var(--fjzdf7-align-items-tablet, inherit); gap: var(--beae-grid-gap-tablet, 4px); &>.beae-slot[data-bnode-index] { flex: 1; } } } @media (max-width: 767px) { [data-bnode="beae-fjzdf7"] > .beae-section-container{ gap: var(--beae-grid-gap-mobile, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--fjzdf7-padding-right-mobile, 0px) - var(--fjzdf7-padding-right-mobile, 0px)); } } }[data-bnode="beae-tk1ny6"] { --tk1ny6-max-width: 1392px; --tk1ny6-max-width-tablet: 1392px; --tk1ny6-max-width-mobile: 1392px; --tk1ny6-background-type: color; --tk1ny6-background-type-tablet: color; --tk1ny6-background-type-mobile: color; --tk1ny6-background-image: [object Object]; --tk1ny6-background-image-tablet: [object Object]; --tk1ny6-background-image-mobile: [object Object]; --tk1ny6-background-color: #ffffff00; --tk1ny6-background-color-tablet: #ffffff00; --tk1ny6-background-color-mobile: #ffffff00; --tk1ny6-direction: column; --tk1ny6-direction-tablet: column; --tk1ny6-direction-mobile: column; --tk1ny6-padding-top: 0px; --tk1ny6-padding-top-tablet: 0px; --tk1ny6-padding-top-mobile: 0px; --tk1ny6-padding-right: 0px; --tk1ny6-padding-right-tablet: 0px; --tk1ny6-padding-right-mobile: 0px; --tk1ny6-padding-bottom: 0px; --tk1ny6-padding-bottom-tablet: 0px; --tk1ny6-padding-bottom-mobile: 0px; --tk1ny6-padding-left: 0px; --tk1ny6-padding-left-tablet: 0px; --tk1ny6-padding-left-mobile: 0px; --tk1ny6-gap: 40px; --tk1ny6-gap-tablet: 40px; --tk1ny6-gap-mobile: 40px; --tk1ny6-align-items: flex-start; --tk1ny6-align-items-tablet: flex-start; --tk1ny6-align-items-mobile: flex-start; --tk1ny6-justify-content: center; --tk1ny6-justify-content-tablet: center; --tk1ny6-justify-content-mobile: center; --tk1ny6-structure: auto; --tk1ny6-structure-tablet: auto; --tk1ny6-structure-mobile: auto; }[data-bnode="beae-tk1ny6"] { padding-top: var(--tk1ny6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--tk1ny6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--tk1ny6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--tk1ny6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--tk1ny6-padding-top-tablet, var(--tk1ny6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--tk1ny6-padding-right-tablet, var(--tk1ny6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--tk1ny6-padding-bottom-tablet, var(--tk1ny6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--tk1ny6-padding-left-tablet, var(--tk1ny6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--tk1ny6-padding-top-mobile, var(--tk1ny6-padding-top-tablet, var(--tk1ny6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--tk1ny6-padding-right-mobile, var(--tk1ny6-padding-right-tablet, var(--tk1ny6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--tk1ny6-padding-bottom-mobile, var(--tk1ny6-padding-bottom-tablet, var(--tk1ny6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--tk1ny6-padding-left-mobile, var(--tk1ny6-padding-left-tablet, var(--tk1ny6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--tk1ny6-padding-left, var(--beae-slot-padding-x, 0px)) - var(--tk1ny6-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; background: var(--tk1ny6-background-color); border-style: var(--tk1ny6-borderStyle, solid); border-color: var(--tk1ny6-borderColor, #000000); border-width: var(--tk1ny6-borderWidth-tl, 0px) var(--tk1ny6-borderWidth-tr, 0px) var(--tk1ny6-borderWidth-br, 0px) var(--tk1ny6-borderWidth-bl, 0px); border-radius: var(--tk1ny6-borderRadius-tl, 0px) var(--tk1ny6-borderRadius-tr, 0px) var(--tk1ny6-borderRadius-br, 0px) var(--tk1ny6-borderRadius-bl, 0px); box-shadow: if( style(--tk1ny6-enableShadow: true): var(--tk1ny6-shadowHorizontal, 0) var(--tk1ny6-shadowVertical, 0) var(--tk1ny6-shadowBlur, 0) 1px var(--tk1ny6-shadowColor, #000000) ; else: none ); max-width: var(--tk1ny6-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--tk1ny6-borderWidth-tl-tablet, 0px) var(--tk1ny6-borderWidth-tr-tablet, 0px) var(--tk1ny6-borderWidth-br-tablet, 0px) var(--tk1ny6-borderWidth-bl-tablet, 0px); border-radius: var(--tk1ny6-borderRadius-tl-tablet, 0px) var(--tk1ny6-borderRadius-tr-tablet, 0px) var(--tk1ny6-borderRadius-br-tablet, 0px) var(--tk1ny6-borderRadius-bl-tablet, 0px); max-width: var(--tk1ny6-max-width-tablet, var(--tk1ny6-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--tk1ny6-borderWidth-tl-mobile, 0px) var(--tk1ny6-borderWidth-tr-mobile, 0px) var(--tk1ny6-borderWidth-br-mobile, 0px) var(--tk1ny6-borderWidth-bl-mobile, 0px); border-radius: var(--tk1ny6-borderRadius-tl-mobile, 0px) var(--tk1ny6-borderRadius-tr-mobile, 0px) var(--tk1ny6-borderRadius-br-mobile, 0px) var(--tk1ny6-borderRadius-bl-mobile, 0px); max-width: var(--tk1ny6-max-width-mobile, var(--tk1ny6-max-width, 100%)); } > * { position: relative; z-index: 1; } .beae-kclrl1 { display: none !important; } .beae-vector-underline { position: relative; display: inline-block; white-space: nowrap; } .beae-vector-underline img { position: absolute; left: 50%; bottom: -0.22em; width: 108%; max-width: none; height: auto; pointer-events: none; transform: translateX(-50%); } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-tk1ny6"] { display: flex; flex-direction: var(--tk1ny6-direction, column); flex-wrap: nowrap; justify-content: var(--tk1ny6-justify-content); align-items: var(--tk1ny6-align-items); gap: var(--tk1ny6-gap, var(--tk1ny6-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-tk1ny6"] { gap: var(--tk1ny6-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--tk1ny6-padding-right-tablet, 0px) - var(--tk1ny6-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-tk1ny6"] { gap: var(--tk1ny6-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--tk1ny6-padding-right-mobile, 0px) - var(--tk1ny6-padding-right-mobile, 0px)); } } }[data-bnode="beae-4igyaw"] { --4igyaw-direction: column; --4igyaw-direction-tablet: column; --4igyaw-direction-mobile: column; --4igyaw-structure: columns; --4igyaw-structure-tablet: columns; --4igyaw-structure-mobile: columns; --4igyaw-max-width: 512px; --4igyaw-max-width-tablet: 512px; --4igyaw-max-width-mobile: 512px; --4igyaw-gap: 40px; --4igyaw-gap-tablet: 40px; --4igyaw-gap-mobile: 40px; }[data-bnode="beae-4igyaw"] { padding-top: var(--4igyaw-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--4igyaw-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--4igyaw-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--4igyaw-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--4igyaw-padding-top-tablet, var(--4igyaw-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--4igyaw-padding-right-tablet, var(--4igyaw-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--4igyaw-padding-bottom-tablet, var(--4igyaw-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--4igyaw-padding-left-tablet, var(--4igyaw-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--4igyaw-padding-top-mobile, var(--4igyaw-padding-top-tablet, var(--4igyaw-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--4igyaw-padding-right-mobile, var(--4igyaw-padding-right-tablet, var(--4igyaw-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--4igyaw-padding-bottom-mobile, var(--4igyaw-padding-bottom-tablet, var(--4igyaw-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--4igyaw-padding-left-mobile, var(--4igyaw-padding-left-tablet, var(--4igyaw-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--4igyaw-padding-left, var(--beae-slot-padding-x, 0px)) - var(--4igyaw-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--4igyaw-background-imageRatio, auto); background: var(--4igyaw-background-color,transparent); border-style: var(--4igyaw-borderStyle,solid); border-color: var(--4igyaw-borderColor,#000000); border-width: var(--4igyaw-borderWidth-tl,0px) var(--4igyaw-borderWidth-tr,0px) var(--4igyaw-borderWidth-br,0px) var(--4igyaw-borderWidth-bl,0px); border-radius: var(--4igyaw-borderRadius-tl,0px) var(--4igyaw-borderRadius-tr,0px) var(--4igyaw-borderRadius-br,0px) var(--4igyaw-borderRadius-bl,0px); box-shadow: if(style(--4igyaw-enableShadow: true): var(--4igyaw-shadowHorizontal,0) var(--4igyaw-shadowVertical,0) var(--4igyaw-shadowBlur,0) 1px var(--4igyaw-shadowColor,#000000); else: none); max-width: var(--4igyaw-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--4igyaw-background-imageRatio-tablet, var(--4igyaw-background-imageRatio, auto)); border-width: var(--4igyaw-borderWidth-tl-tablet,0px) var(--4igyaw-borderWidth-tr-tablet,0px) var(--4igyaw-borderWidth-br-tablet,0px) var(--4igyaw-borderWidth-bl-tablet,0px); border-radius: var(--4igyaw-borderRadius-tl-tablet,0px) var(--4igyaw-borderRadius-tr-tablet,0px) var(--4igyaw-borderRadius-br-tablet,0px) var(--4igyaw-borderRadius-bl-tablet,0px); max-width: var(--4igyaw-max-width-tablet, var(--4igyaw-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--4igyaw-background-imageRatio-mobile, var(--4igyaw-background-imageRatio, auto)); border-width: var(--4igyaw-borderWidth-tl-mobile,0px) var(--4igyaw-borderWidth-tr-mobile,0px) var(--4igyaw-borderWidth-br-mobile,0px) var(--4igyaw-borderWidth-bl-mobile,0px); border-radius: var(--4igyaw-borderRadius-tl-mobile,0px) var(--4igyaw-borderRadius-tr-mobile,0px) var(--4igyaw-borderRadius-br-mobile,0px) var(--4igyaw-borderRadius-bl-mobile,0px); max-width: var(--4igyaw-max-width-mobile, var(--4igyaw-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--4igyaw-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--4igyaw-gap,var(--beae-card-gap)); padding-top: var(--4igyaw-padding-top,var(--beae-card-padding)); padding-right: var(--4igyaw-padding-right,var(--beae-card-padding)); padding-bottom: var(--4igyaw-padding-bottom,var(--beae-card-padding)); padding-left: var(--4igyaw-padding-left,var(--beae-card-padding)); border-width: var(--4igyaw-borderWidth,var(--beae-card-border-width)); border-width: var(--4igyaw-borderWidth-tl,var(--beae-card-border-width)) var(--4igyaw-borderWidth-tr,var(--beae-card-border-width)) var(--4igyaw-borderWidth-br,var(--beae-card-border-width)) var(--4igyaw-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--4igyaw-borderRadius-tl,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-tr,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-br,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--4igyaw-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--4igyaw-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--4igyaw-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--4igyaw-padding-left-tablet,var(--beae-card-padding)); border-width: var(--4igyaw-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--4igyaw-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--4igyaw-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--4igyaw-borderWidth-br-desktop,var(--beae-card-border-width)) var(--4igyaw-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--4igyaw-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--4igyaw-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--4igyaw-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--4igyaw-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--4igyaw-padding-left-mobile,var(--beae-card-padding)); border-width: var(--4igyaw-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--4igyaw-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--4igyaw-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--4igyaw-borderWidth-br-mobile,var(--beae-card-border-width)) var(--4igyaw-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--4igyaw-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--4igyaw-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--4igyaw-background-color,var(--beae-card-featured-background)); border-color: var(--4igyaw-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--4igyaw-enableShadow: true): var(--4igyaw-shadowHorizontal, var(--beae-card-shadow-x)) var(--4igyaw-shadowVertical, var(--beae-card-shadow-y)) var(--4igyaw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4igyaw-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--4igyaw-background-color,var(--beae-card-prod-background)); border-color: var(--4igyaw-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--4igyaw-enableShadow: true): var(--4igyaw-shadowHorizontal, var(--beae-card-shadow-x)) var(--4igyaw-shadowVertical, var(--beae-card-shadow-y)) var(--4igyaw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4igyaw-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--4igyaw-background-color,var(--beae-card-pricing-background)); border-color: var(--4igyaw-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--4igyaw-enableShadow: true): var(--4igyaw-shadowHorizontal, var(--beae-card-shadow-x)) var(--4igyaw-shadowVertical, var(--beae-card-shadow-y)) var(--4igyaw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4igyaw-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--4igyaw-background-color,var(--beae-card-cta-background)); border-color: var(--4igyaw-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--4igyaw-enableShadow: true): var(--4igyaw-shadowHorizontal, var(--beae-card-shadow-x)) var(--4igyaw-shadowVertical, var(--beae-card-shadow-y)) var(--4igyaw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4igyaw-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--4igyaw-background-color,var(--beae-card-media-background)); border-color: var(--4igyaw-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--4igyaw-enableShadow: true): var(--4igyaw-shadowHorizontal, var(--beae-card-shadow-x)) var(--4igyaw-shadowVertical, var(--beae-card-shadow-y)) var(--4igyaw-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4igyaw-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-4igyaw"] { display: flex; flex-direction: var(--4igyaw-direction, column); flex-wrap: nowrap; justify-content: var(--4igyaw-justify-content); align-items: var(--4igyaw-align-items); gap: var(--4igyaw-gap, var(--4igyaw-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-4igyaw"] { gap: var(--4igyaw-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--4igyaw-padding-right-tablet, 0px) - var(--4igyaw-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-4igyaw"] { gap: var(--4igyaw-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--4igyaw-padding-right-mobile, 0px) - var(--4igyaw-padding-right-mobile, 0px)); } } }[data-bnode="beae-8wxsjf"] { --8wxsjf-direction: column; --8wxsjf-direction-tablet: column; --8wxsjf-direction-mobile: column; --8wxsjf-structure: columns; --8wxsjf-structure-tablet: columns; --8wxsjf-structure-mobile: columns; --8wxsjf-gap: 20px; --8wxsjf-gap-tablet: 20px; --8wxsjf-gap-mobile: 20px; --8wxsjf-align-items: flex-start; --8wxsjf-align-items-tablet: flex-start; --8wxsjf-align-items-mobile: flex-start; }[data-bnode="beae-8wxsjf"] { padding-top: var(--8wxsjf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--8wxsjf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--8wxsjf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--8wxsjf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--8wxsjf-padding-top-tablet, var(--8wxsjf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--8wxsjf-padding-right-tablet, var(--8wxsjf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--8wxsjf-padding-bottom-tablet, var(--8wxsjf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--8wxsjf-padding-left-tablet, var(--8wxsjf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--8wxsjf-padding-top-mobile, var(--8wxsjf-padding-top-tablet, var(--8wxsjf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--8wxsjf-padding-right-mobile, var(--8wxsjf-padding-right-tablet, var(--8wxsjf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--8wxsjf-padding-bottom-mobile, var(--8wxsjf-padding-bottom-tablet, var(--8wxsjf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--8wxsjf-padding-left-mobile, var(--8wxsjf-padding-left-tablet, var(--8wxsjf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--8wxsjf-padding-left, var(--beae-slot-padding-x, 0px)) - var(--8wxsjf-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--8wxsjf-background-imageRatio, auto); background: var(--8wxsjf-background-color,transparent); border-style: var(--8wxsjf-borderStyle,solid); border-color: var(--8wxsjf-borderColor,#000000); border-width: var(--8wxsjf-borderWidth-tl,0px) var(--8wxsjf-borderWidth-tr,0px) var(--8wxsjf-borderWidth-br,0px) var(--8wxsjf-borderWidth-bl,0px); border-radius: var(--8wxsjf-borderRadius-tl,0px) var(--8wxsjf-borderRadius-tr,0px) var(--8wxsjf-borderRadius-br,0px) var(--8wxsjf-borderRadius-bl,0px); box-shadow: if(style(--8wxsjf-enableShadow: true): var(--8wxsjf-shadowHorizontal,0) var(--8wxsjf-shadowVertical,0) var(--8wxsjf-shadowBlur,0) 1px var(--8wxsjf-shadowColor,#000000); else: none); max-width: var(--8wxsjf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--8wxsjf-background-imageRatio-tablet, var(--8wxsjf-background-imageRatio, auto)); border-width: var(--8wxsjf-borderWidth-tl-tablet,0px) var(--8wxsjf-borderWidth-tr-tablet,0px) var(--8wxsjf-borderWidth-br-tablet,0px) var(--8wxsjf-borderWidth-bl-tablet,0px); border-radius: var(--8wxsjf-borderRadius-tl-tablet,0px) var(--8wxsjf-borderRadius-tr-tablet,0px) var(--8wxsjf-borderRadius-br-tablet,0px) var(--8wxsjf-borderRadius-bl-tablet,0px); max-width: var(--8wxsjf-max-width-tablet, var(--8wxsjf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--8wxsjf-background-imageRatio-mobile, var(--8wxsjf-background-imageRatio, auto)); border-width: var(--8wxsjf-borderWidth-tl-mobile,0px) var(--8wxsjf-borderWidth-tr-mobile,0px) var(--8wxsjf-borderWidth-br-mobile,0px) var(--8wxsjf-borderWidth-bl-mobile,0px); border-radius: var(--8wxsjf-borderRadius-tl-mobile,0px) var(--8wxsjf-borderRadius-tr-mobile,0px) var(--8wxsjf-borderRadius-br-mobile,0px) var(--8wxsjf-borderRadius-bl-mobile,0px); max-width: var(--8wxsjf-max-width-mobile, var(--8wxsjf-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--8wxsjf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--8wxsjf-gap,var(--beae-card-gap)); padding-top: var(--8wxsjf-padding-top,var(--beae-card-padding)); padding-right: var(--8wxsjf-padding-right,var(--beae-card-padding)); padding-bottom: var(--8wxsjf-padding-bottom,var(--beae-card-padding)); padding-left: var(--8wxsjf-padding-left,var(--beae-card-padding)); border-width: var(--8wxsjf-borderWidth,var(--beae-card-border-width)); border-width: var(--8wxsjf-borderWidth-tl,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-tr,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-br,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--8wxsjf-borderRadius-tl,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-tr,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-br,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--8wxsjf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--8wxsjf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--8wxsjf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--8wxsjf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--8wxsjf-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--8wxsjf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--8wxsjf-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--8wxsjf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--8wxsjf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--8wxsjf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--8wxsjf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--8wxsjf-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--8wxsjf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--8wxsjf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--8wxsjf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--8wxsjf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--8wxsjf-background-color,var(--beae-card-featured-background)); border-color: var(--8wxsjf-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--8wxsjf-enableShadow: true): var(--8wxsjf-shadowHorizontal, var(--beae-card-shadow-x)) var(--8wxsjf-shadowVertical, var(--beae-card-shadow-y)) var(--8wxsjf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8wxsjf-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--8wxsjf-background-color,var(--beae-card-prod-background)); border-color: var(--8wxsjf-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--8wxsjf-enableShadow: true): var(--8wxsjf-shadowHorizontal, var(--beae-card-shadow-x)) var(--8wxsjf-shadowVertical, var(--beae-card-shadow-y)) var(--8wxsjf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8wxsjf-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--8wxsjf-background-color,var(--beae-card-pricing-background)); border-color: var(--8wxsjf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--8wxsjf-enableShadow: true): var(--8wxsjf-shadowHorizontal, var(--beae-card-shadow-x)) var(--8wxsjf-shadowVertical, var(--beae-card-shadow-y)) var(--8wxsjf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8wxsjf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--8wxsjf-background-color,var(--beae-card-cta-background)); border-color: var(--8wxsjf-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--8wxsjf-enableShadow: true): var(--8wxsjf-shadowHorizontal, var(--beae-card-shadow-x)) var(--8wxsjf-shadowVertical, var(--beae-card-shadow-y)) var(--8wxsjf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8wxsjf-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--8wxsjf-background-color,var(--beae-card-media-background)); border-color: var(--8wxsjf-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--8wxsjf-enableShadow: true): var(--8wxsjf-shadowHorizontal, var(--beae-card-shadow-x)) var(--8wxsjf-shadowVertical, var(--beae-card-shadow-y)) var(--8wxsjf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--8wxsjf-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-8wxsjf"] { display: flex; flex-direction: var(--8wxsjf-direction, column); flex-wrap: nowrap; justify-content: var(--8wxsjf-justify-content); align-items: var(--8wxsjf-align-items); gap: var(--8wxsjf-gap, var(--8wxsjf-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-8wxsjf"] { gap: var(--8wxsjf-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--8wxsjf-padding-right-tablet, 0px) - var(--8wxsjf-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-8wxsjf"] { gap: var(--8wxsjf-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--8wxsjf-padding-right-mobile, 0px) - var(--8wxsjf-padding-right-mobile, 0px)); } } }[data-bnode="beae-hgykso"] { --beae-h1-font-size: 60px; --beae-h1-font-size-tablet: 52px; --beae-h1-font-size-mobile: 46px; --beae-h1-color: #DE2121; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 600; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --hgykso-typography: h1; --hgykso-typography-tablet: h1; --hgykso-typography-mobile: h1; --hgykso-margin-top: 0px; --hgykso-margin-top-tablet: 0px; --hgykso-margin-top-mobile: 0px; --hgykso-margin-right: 0px; --hgykso-margin-right-tablet: 0px; --hgykso-margin-right-mobile: 0px; --hgykso-margin-bottom: 0px; --hgykso-margin-bottom-tablet: 0px; --hgykso-margin-bottom-mobile: 0px; --hgykso-margin-left: 0px; --hgykso-margin-left-tablet: 0px; --hgykso-margin-left-mobile: 0px; --hgykso-highlightTop: 90%; --hgykso-highlightTop-tablet: 90%; --hgykso-highlightTop-mobile: 90%; --hgykso-highlightThickness: 7; --hgykso-highlightThickness-tablet: 7; --hgykso-highlightThickness-mobile: 7; --hgykso-highlightColor: #F9B690; --hgykso-highlightColor-tablet: #F9B690; --hgykso-highlightColor-mobile: #F9B690; }[data-bnode="beae-hgykso"] { margin-top: var(--hgykso-margin-top, 0px); margin-right: var(--hgykso-margin-right, 0px); margin-bottom: var(--hgykso-margin-bottom, 0px); margin-left: var(--hgykso-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hgykso-margin-top-tablet, 0px); margin-right: var(--hgykso-margin-right-tablet, 0px); margin-bottom: var(--hgykso-margin-bottom-tablet, 0px); margin-left: var(--hgykso-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hgykso-margin-top-mobile, 0px); margin-right: var(--hgykso-margin-right-mobile, 0px); margin-bottom: var(--hgykso-margin-bottom-mobile, 0px); margin-left: var(--hgykso-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--hgykso-highlightColor,var(--beae-p-color)); top: var(--hgykso-highlightTop, 100%); } }[data-bnode="beae-of4u68"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #FFF; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --of4u68-typography: p; --of4u68-typography-tablet: p; --of4u68-typography-mobile: p; --of4u68-margin-top: 0px; --of4u68-margin-top-tablet: 0px; --of4u68-margin-top-mobile: 0px; --of4u68-margin-right: 0px; --of4u68-margin-right-tablet: 0px; --of4u68-margin-right-mobile: 0px; --of4u68-margin-bottom: 0px; --of4u68-margin-bottom-tablet: 0px; --of4u68-margin-bottom-mobile: 0px; --of4u68-margin-left: 0px; --of4u68-margin-left-tablet: 0px; --of4u68-margin-left-mobile: 0px; }[data-bnode="beae-of4u68"] { margin-top: var(--of4u68-margin-top, 0px); margin-right: var(--of4u68-margin-right, 0px); margin-bottom: var(--of4u68-margin-bottom, 0px); margin-left: var(--of4u68-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--of4u68-margin-top-tablet, 0px); margin-right: var(--of4u68-margin-right-tablet, 0px); margin-bottom: var(--of4u68-margin-bottom-tablet, 0px); margin-left: var(--of4u68-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--of4u68-margin-top-mobile, 0px); margin-right: var(--of4u68-margin-right-mobile, 0px); margin-bottom: var(--of4u68-margin-bottom-mobile, 0px); margin-left: var(--of4u68-margin-left-mobile, 0px); } }[data-bnode="beae-i9e5zr"] { --i9e5zr-width: fill; --i9e5zr-width-tablet: fill; --i9e5zr-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 52px; --beae-btn-height-tablet: 52px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 8px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 8px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #2F3F28; --beae-btn-pr-background-color: #FFFFFF; --beae-btn-text-transform: capitalize; --i9e5zr-iconWidth: 20px; --i9e5zr-iconWidth-tablet: 20px; --i9e5zr-iconWidth-mobile: 20px; --i9e5zr-iconGap: 5px; --i9e5zr-iconGap-tablet: 5px; --i9e5zr-iconGap-mobile: 5px; --i9e5zr-button: pr; --i9e5zr-button-tablet: pr; --i9e5zr-button-mobile: pr; --i9e5zr-bgPrHover: #f5f5f5; --i9e5zr-bgPrHover-tablet: #f5f5f5; --i9e5zr-bgPrHover-mobile: #f5f5f5; --i9e5zr-labelPrHover: #2F3F28; --i9e5zr-labelPrHover-tablet: #2F3F28; --i9e5zr-labelPrHover-mobile: #2F3F28; --i9e5zr-borderPrHover: #ffffff00; --i9e5zr-borderPrHover-tablet: #ffffff00; --i9e5zr-borderPrHover-mobile: #ffffff00; }[data-bnode="beae-i9e5zr"] { margin-top: var(--i9e5zr-margin-top, 0px); margin-right: var(--i9e5zr-margin-right, 0px); margin-bottom: var(--i9e5zr-margin-bottom, 0px); margin-left: var(--i9e5zr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i9e5zr-margin-top-tablet, 0px); margin-right: var(--i9e5zr-margin-right-tablet, 0px); margin-bottom: var(--i9e5zr-margin-bottom-tablet, 0px); margin-left: var(--i9e5zr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i9e5zr-margin-top-mobile, 0px); margin-right: var(--i9e5zr-margin-right-mobile, 0px); margin-bottom: var(--i9e5zr-margin-bottom-mobile, 0px); margin-left: var(--i9e5zr-margin-left-mobile, 0px); } & { width: 29%; text-transform: var(--i9e5zr-transform); gap: var(--i9e5zr-iconGap, 5px); &.beae-btn-pr:hover { background-color: var(--i9e5zr-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--i9e5zr-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--i9e5zr-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover { background-color: var(--i9e5zr-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--i9e5zr-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--i9e5zr-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover { color: var(--i9e5zr-labelTeHover, var(--beae-btn-te-label-hover)); } span { display: flex; font-size: var(--i9e5zr-iconWidth); } svg { width: var(--i9e5zr-iconWidth, 20px); min-width: var(--i9e5zr-iconWidth, 20px); height: 100%; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--i9e5zr-iconGap-tablet); &:not(.beae-btn-te) { height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span { font-size: var(--i9e5zr-iconWidth-tablet, var(--i9e5zr-iconWidth)); } svg { width: var(--i9e5zr-iconWidth-tablet, var(--i9e5zr-iconWidth)); min-width: var(--i9e5zr-iconWidth-tablet, var(--i9e5zr-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--i9e5zr-iconGap-mobile); &:not(.beae-btn-te) { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span { font-size: var(--i9e5zr-iconWidth-mobile, var(--i9e5zr-iconWidth)); } svg { width: var(--i9e5zr-iconWidth-mobile, var(--i9e5zr-iconWidth)); min-width: var(--i9e5zr-iconWidth-mobile, var(--i9e5zr-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } }[data-bnode="beae-ouijob"] { --ouijob-width: 1392px; --ouijob-width-tablet: 1392px; --ouijob-width-mobile: 1392px; --ouijob-height: fit-content; --ouijob-height-tablet: fit-content; --ouijob-height-mobile: fit-content; --ouijob-padding-top: 112px; --ouijob-padding-top-tablet: 96px; --ouijob-padding-top-mobile: 80px; --ouijob-padding-right: 32px; --ouijob-padding-right-tablet: 32px; --ouijob-padding-right-mobile: 16px; --ouijob-padding-bottom: 112px; --ouijob-padding-bottom-tablet: 96px; --ouijob-padding-bottom-mobile: 80px; --ouijob-padding-left: 32px; --ouijob-padding-left-tablet: 32px; --ouijob-padding-left-mobile: 16px; --ouijob-direction: row; --ouijob-direction-tablet: column; --ouijob-direction-mobile: column; --ouijob-structure: columns; --ouijob-structure-tablet: columns; --ouijob-structure-mobile: columns; --ouijob-columns: 50.00,50.00; --ouijob-columns-tablet: 50.00,50.00; --ouijob-columns-mobile: 50.00,50.00; --ouijob-columnsPresetId: 50.00,50.00; --ouijob-columnsPresetId-tablet: 50.00,50.00; --ouijob-columnsPresetId-mobile: 50.00,50.00; --ouijob-gap: 80px; --ouijob-gap-tablet: 48px; --ouijob-gap-mobile: 40px; --ouijob-align-items: center; --ouijob-align-items-tablet: center; --ouijob-align-items-mobile: center; --ouijob-justify-content-tablet: center; --ouijob-justify-content-mobile: center; }[data-bnode="beae-ouijob"] { padding-top: var(--ouijob-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--ouijob-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--ouijob-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--ouijob-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--ouijob-padding-top-tablet, var(--ouijob-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--ouijob-padding-right-tablet, var(--ouijob-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--ouijob-padding-bottom-tablet, var(--ouijob-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--ouijob-padding-left-tablet, var(--ouijob-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--ouijob-padding-top-mobile, var(--ouijob-padding-top-tablet, var(--ouijob-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--ouijob-padding-right-mobile, var(--ouijob-padding-right-tablet, var(--ouijob-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--ouijob-padding-bottom-mobile, var(--ouijob-padding-bottom-tablet, var(--ouijob-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--ouijob-padding-left-mobile, var(--ouijob-padding-left-tablet, var(--ouijob-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--ouijob-padding-left, var(--beae-section-padding-x, 0px)) - var(--ouijob-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--ouijob-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--ouijob-height); width: 100%; max-width: var(--ouijob-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--ouijob-height-tablet, auto); width: 100%; max-width: var(--ouijob-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--ouijob-height-mobile, auto); width: 100%; max-width: var(--ouijob-width-mobile, 100%); } } } }[data-bnode="beae-ouijob"] > .beae-section-container{ display: flex; flex-direction: var(--ouijob-direction, column); flex-wrap: nowrap; justify-content: var(--ouijob-justify-content); align-items: var(--ouijob-align-items); gap: var(--ouijob-gap, var(--beae-grid-gap, 4px)); &>.beae-slot { flex: 1 1 0; min-width: 0; } &>.beae-slot[data-bnode-index="1"] { flex-basis: calc(50.00% - var(--ouijob-padding-right, 0px) - var(--ouijob-padding-right, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(50.00% - var(--ouijob-padding-right, 0px) - var(--ouijob-padding-right, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--ouijob-padding-right, 0px) - var(--ouijob-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-ouijob"] > .beae-section-container{ flex-direction: var(--ouijob-direction-tablet, column); justify-content: var(--ouijob-justify-content-tablet, inherit); gap: var(--ouijob-gap-tablet, var(--beae-grid-gap-tablet, 4px)); &>.beae-slot[data-bnode-index] { flex: 1 1 auto; min-height: 0; max-height: max-content; } } } @media (max-width: 767px) { [data-bnode="beae-ouijob"] > .beae-section-container{ flex-direction: var(--ouijob-direction-mobile, column); gap: var(--ouijob-gap-mobile, var(--beae-grid-gap-mobile, 4px)); &>.beae-slot[data-bnode-index] { flex: 1 1 auto; min-height: 0; max-height: max-content; } } }[data-bnode="beae-vlynmx"] { --vlynmx-background-type: color; --vlynmx-background-type-tablet: color; --vlynmx-background-type-mobile: color; --vlynmx-background-image: [object Object]; --vlynmx-background-image-tablet: [object Object]; --vlynmx-background-image-mobile: [object Object]; --vlynmx-background-color: #ffffff; --vlynmx-background-color-tablet: #ffffff; --vlynmx-background-color-mobile: #ffffff; --vlynmx-padding-top: 0px; --vlynmx-padding-top-tablet: 0px; --vlynmx-padding-top-mobile: 0px; --vlynmx-padding-right: 0px; --vlynmx-padding-right-tablet: 0px; --vlynmx-padding-right-mobile: 0px; --vlynmx-padding-bottom: 0px; --vlynmx-padding-bottom-tablet: 0px; --vlynmx-padding-bottom-mobile: 0px; --vlynmx-padding-left: 0px; --vlynmx-padding-left-tablet: 0px; --vlynmx-padding-left-mobile: 0px; --vlynmx-borderRadius-tl: 24px; --vlynmx-borderRadius-tl-tablet: 24px; --vlynmx-borderRadius-tl-mobile: 24px; --vlynmx-borderRadius-tr: 24px; --vlynmx-borderRadius-tr-tablet: 24px; --vlynmx-borderRadius-tr-mobile: 24px; --vlynmx-borderRadius-bl: 24px; --vlynmx-borderRadius-bl-tablet: 24px; --vlynmx-borderRadius-bl-mobile: 24px; --vlynmx-borderRadius-br: 24px; --vlynmx-borderRadius-br-tablet: 24px; --vlynmx-borderRadius-br-mobile: 24px; --vlynmx-direction-mobile: row; }[data-bnode="beae-vlynmx"] { padding-top: var(--vlynmx-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vlynmx-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vlynmx-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vlynmx-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vlynmx-padding-top-tablet, var(--vlynmx-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vlynmx-padding-right-tablet, var(--vlynmx-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vlynmx-padding-bottom-tablet, var(--vlynmx-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vlynmx-padding-left-tablet, var(--vlynmx-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vlynmx-padding-top-mobile, var(--vlynmx-padding-top-tablet, var(--vlynmx-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vlynmx-padding-right-mobile, var(--vlynmx-padding-right-tablet, var(--vlynmx-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vlynmx-padding-bottom-mobile, var(--vlynmx-padding-bottom-tablet, var(--vlynmx-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vlynmx-padding-left-mobile, var(--vlynmx-padding-left-tablet, var(--vlynmx-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--vlynmx-padding-left, var(--beae-slot-padding-x, 0px)) - var(--vlynmx-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--vlynmx-background-imageRatio, auto); background: var(--vlynmx-background-color,transparent); border-style: var(--vlynmx-borderStyle,solid); border-color: var(--vlynmx-borderColor,#000000); border-width: var(--vlynmx-borderWidth-tl,0px) var(--vlynmx-borderWidth-tr,0px) var(--vlynmx-borderWidth-br,0px) var(--vlynmx-borderWidth-bl,0px); border-radius: var(--vlynmx-borderRadius-tl,0px) var(--vlynmx-borderRadius-tr,0px) var(--vlynmx-borderRadius-br,0px) var(--vlynmx-borderRadius-bl,0px); box-shadow: if(style(--vlynmx-enableShadow: true): var(--vlynmx-shadowHorizontal,0) var(--vlynmx-shadowVertical,0) var(--vlynmx-shadowBlur,0) 1px var(--vlynmx-shadowColor,#000000); else: none); max-width: var(--vlynmx-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--vlynmx-background-imageRatio-tablet, var(--vlynmx-background-imageRatio, auto)); border-width: var(--vlynmx-borderWidth-tl-tablet,0px) var(--vlynmx-borderWidth-tr-tablet,0px) var(--vlynmx-borderWidth-br-tablet,0px) var(--vlynmx-borderWidth-bl-tablet,0px); border-radius: var(--vlynmx-borderRadius-tl-tablet,0px) var(--vlynmx-borderRadius-tr-tablet,0px) var(--vlynmx-borderRadius-br-tablet,0px) var(--vlynmx-borderRadius-bl-tablet,0px); max-width: var(--vlynmx-max-width-tablet, var(--vlynmx-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--vlynmx-background-imageRatio-mobile, var(--vlynmx-background-imageRatio, auto)); border-width: var(--vlynmx-borderWidth-tl-mobile,0px) var(--vlynmx-borderWidth-tr-mobile,0px) var(--vlynmx-borderWidth-br-mobile,0px) var(--vlynmx-borderWidth-bl-mobile,0px); border-radius: var(--vlynmx-borderRadius-tl-mobile,0px) var(--vlynmx-borderRadius-tr-mobile,0px) var(--vlynmx-borderRadius-br-mobile,0px) var(--vlynmx-borderRadius-bl-mobile,0px); max-width: var(--vlynmx-max-width-mobile, var(--vlynmx-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--vlynmx-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--vlynmx-gap,var(--beae-card-gap)); padding-top: var(--vlynmx-padding-top,var(--beae-card-padding)); padding-right: var(--vlynmx-padding-right,var(--beae-card-padding)); padding-bottom: var(--vlynmx-padding-bottom,var(--beae-card-padding)); padding-left: var(--vlynmx-padding-left,var(--beae-card-padding)); border-width: var(--vlynmx-borderWidth,var(--beae-card-border-width)); border-width: var(--vlynmx-borderWidth-tl,var(--beae-card-border-width)) var(--vlynmx-borderWidth-tr,var(--beae-card-border-width)) var(--vlynmx-borderWidth-br,var(--beae-card-border-width)) var(--vlynmx-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--vlynmx-borderRadius-tl,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-tr,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-br,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--vlynmx-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--vlynmx-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--vlynmx-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--vlynmx-padding-left-tablet,var(--beae-card-padding)); border-width: var(--vlynmx-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--vlynmx-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--vlynmx-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--vlynmx-borderWidth-br-desktop,var(--beae-card-border-width)) var(--vlynmx-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--vlynmx-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--vlynmx-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--vlynmx-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--vlynmx-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--vlynmx-padding-left-mobile,var(--beae-card-padding)); border-width: var(--vlynmx-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--vlynmx-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--vlynmx-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--vlynmx-borderWidth-br-mobile,var(--beae-card-border-width)) var(--vlynmx-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--vlynmx-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--vlynmx-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--vlynmx-background-color,var(--beae-card-featured-background)); border-color: var(--vlynmx-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--vlynmx-enableShadow: true): var(--vlynmx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vlynmx-shadowVertical, var(--beae-card-shadow-y)) var(--vlynmx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vlynmx-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--vlynmx-background-color,var(--beae-card-prod-background)); border-color: var(--vlynmx-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--vlynmx-enableShadow: true): var(--vlynmx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vlynmx-shadowVertical, var(--beae-card-shadow-y)) var(--vlynmx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vlynmx-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--vlynmx-background-color,var(--beae-card-pricing-background)); border-color: var(--vlynmx-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--vlynmx-enableShadow: true): var(--vlynmx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vlynmx-shadowVertical, var(--beae-card-shadow-y)) var(--vlynmx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vlynmx-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--vlynmx-background-color,var(--beae-card-cta-background)); border-color: var(--vlynmx-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--vlynmx-enableShadow: true): var(--vlynmx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vlynmx-shadowVertical, var(--beae-card-shadow-y)) var(--vlynmx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vlynmx-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--vlynmx-background-color,var(--beae-card-media-background)); border-color: var(--vlynmx-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--vlynmx-enableShadow: true): var(--vlynmx-shadowHorizontal, var(--beae-card-shadow-x)) var(--vlynmx-shadowVertical, var(--beae-card-shadow-y)) var(--vlynmx-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vlynmx-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-vlynmx"] { display: flex; flex-direction: var(--vlynmx-direction, column); flex-wrap: nowrap; justify-content: var(--vlynmx-justify-content); align-items: var(--vlynmx-align-items); gap: var(--vlynmx-gap, var(--vlynmx-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-vlynmx"] { gap: var(--vlynmx-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--vlynmx-padding-right-tablet, 0px) - var(--vlynmx-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-vlynmx"] { flex-direction: var(--vlynmx-direction-mobile, column); gap: var(--vlynmx-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--vlynmx-padding-right-mobile, 0px) - var(--vlynmx-padding-right-mobile, 0px)); } } }[data-bnode="beae-bzk9ui"] { --bzk9ui-width: 100%; --bzk9ui-width-tablet: 100%; --bzk9ui-width-mobile: 100%; --bzk9ui-imageRatio: 1/1; --bzk9ui-imageRatio-tablet: 1/1; --bzk9ui-imageRatio-mobile: 1/1; --bzk9ui-objFit: cover; --bzk9ui-objFit-tablet: cover; --bzk9ui-objFit-mobile: cover; --bzk9ui-borderColor: #000000; --bzk9ui-borderColor-tablet: #000000; --bzk9ui-borderColor-mobile: #000000; --bzk9ui-shadowColor: #000000; --bzk9ui-shadowColor-tablet: #000000; --bzk9ui-shadowColor-mobile: #000000; --bzk9ui-borderStyle: none; --bzk9ui-borderStyle-tablet: none; --bzk9ui-borderStyle-mobile: none; --bzk9ui-enableShadow: false; --bzk9ui-enableShadow-tablet: false; --bzk9ui-enableShadow-mobile: false; --bzk9ui-overlayColor-type: color; --bzk9ui-overlayColor-type-tablet: color; --bzk9ui-overlayColor-type-mobile: color; --bzk9ui-overlayColor-color: #008c62; --bzk9ui-overlayColor-color-tablet: #008c62; --bzk9ui-overlayColor-color-mobile: #008c62; --bzk9ui-overlayOpacity: 0; --bzk9ui-overlayOpacity-tablet: 0; --bzk9ui-overlayOpacity-mobile: 0; --bzk9ui-borderRadius-tl: 24px; --bzk9ui-borderRadius-tl-tablet: 24px; --bzk9ui-borderRadius-tl-mobile: 24px; --bzk9ui-borderRadius-tr: 24px; --bzk9ui-borderRadius-tr-tablet: 24px; --bzk9ui-borderRadius-tr-mobile: 24px; --bzk9ui-borderRadius-bl: 24px; --bzk9ui-borderRadius-bl-tablet: 24px; --bzk9ui-borderRadius-bl-mobile: 24px; --bzk9ui-borderRadius-br: 24px; --bzk9ui-borderRadius-br-tablet: 24px; --bzk9ui-borderRadius-br-mobile: 24px; --bzk9ui-borderWidth-tl: 0px; --bzk9ui-borderWidth-tl-tablet: 0px; --bzk9ui-borderWidth-tl-mobile: 0px; --bzk9ui-borderWidth-tr: 0px; --bzk9ui-borderWidth-tr-tablet: 0px; --bzk9ui-borderWidth-tr-mobile: 0px; --bzk9ui-borderWidth-bl: 0px; --bzk9ui-borderWidth-bl-tablet: 0px; --bzk9ui-borderWidth-bl-mobile: 0px; --bzk9ui-borderWidth-br: 0px; --bzk9ui-borderWidth-br-tablet: 0px; --bzk9ui-borderWidth-br-mobile: 0px; }[data-bnode="beae-bzk9ui"] { margin-top: var(--bzk9ui-margin-top, 0px); margin-right: var(--bzk9ui-margin-right, 0px); margin-bottom: var(--bzk9ui-margin-bottom, 0px); margin-left: var(--bzk9ui-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bzk9ui-margin-top-tablet, 0px); margin-right: var(--bzk9ui-margin-right-tablet, 0px); margin-bottom: var(--bzk9ui-margin-bottom-tablet, 0px); margin-left: var(--bzk9ui-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bzk9ui-margin-top-mobile, 0px); margin-right: var(--bzk9ui-margin-right-mobile, 0px); margin-bottom: var(--bzk9ui-margin-bottom-mobile, 0px); margin-left: var(--bzk9ui-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc( var(--bzk9ui-width, 100%) - var(--bzk9ui-margin-left, 0px) - var(--bzk9ui-margin-right, 0px) ); min-height: min-content; border-style: var(--bzk9ui-borderStyle, solid); border-color: var(--bzk9ui-borderColor, #000000); border-width: var(--bzk9ui-borderWidth-tl, 0px) var(--bzk9ui-borderWidth-tr, 0px) var(--bzk9ui-borderWidth-br, 0px) var(--bzk9ui-borderWidth-bl, 0px); border-radius: var(--bzk9ui-borderRadius-tl, 0px) var(--bzk9ui-borderRadius-tr, 0px) var(--bzk9ui-borderRadius-br, 0px) var(--bzk9ui-borderRadius-bl, 0px); aspect-ratio: var(--bzk9ui-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--bzk9ui-borderWidth-tl-tablet, var(--bzk9ui-borderWidth-tl, 0px)) var(--bzk9ui-borderWidth-tr-tablet, var(--bzk9ui-borderWidth-tr, 0px)) var(--bzk9ui-borderWidth-br-tablet, var(--bzk9ui-borderWidth-br, 0px)) var(--bzk9ui-borderWidth-bl-tablet, var(--bzk9ui-borderWidth-bl, 0px)); border-radius: var(--bzk9ui-borderRadius-tl-tablet, var(--bzk9ui-borderRadius-tl, 0px)) var(--bzk9ui-borderRadius-tr-tablet, var(--bzk9ui-borderRadius-tr, 0px)) var(--bzk9ui-borderRadius-br-tablet, var(--bzk9ui-borderRadius-br, 0px)) var(--bzk9ui-borderRadius-bl-tablet, var(--bzk9ui-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--bzk9ui-borderWidth-tl-mobile, var(--bzk9ui-borderWidth-tl, 0px)) var(--bzk9ui-borderWidth-tr-mobile, var(--bzk9ui-borderWidth-tr, 0px)) var(--bzk9ui-borderWidth-br-mobile, var(--bzk9ui-borderWidth-br, 0px)) var(--bzk9ui-borderWidth-bl-mobile, var(--bzk9ui-borderWidth-bl, 0px)); border-radius: var(--bzk9ui-borderRadius-tl-mobile, var(--bzk9ui-borderRadius-tl, 0px)) var(--bzk9ui-borderRadius-tr-mobile, var(--bzk9ui-borderRadius-tr, 0px)) var(--bzk9ui-borderRadius-br-mobile, var(--bzk9ui-borderRadius-br, 0px)) var(--bzk9ui-borderRadius-bl-mobile, var(--bzk9ui-borderRadius-bl, 0px)); } box-shadow: if( style(--bzk9ui-enableShadow: true): var(--bzk9ui-shadowHorizontal, 0) var(--bzk9ui-shadowVertical, 0) var(--bzk9ui-shadowBlur, 0) 1px var(--bzk9ui-shadowColor, #000000) ; else: none ); &::before { content: ""; position: absolute; inset: 0; background: var(--bzk9ui-overlayColor-color, #000); opacity: var(--bzk9ui-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--bzk9ui-objFit, cover); object-position: var(--beae-image-position, 0% 50%); transition: transform 0.25s ease; } img:hover { transform: scale(1.1); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--bzk9ui-width-tablet, var(--bzk9ui-width, 100%)) - var(--bzk9ui-margin-left-tablet, var(--bzk9ui-margin-left, 0px)) - var(--bzk9ui-margin-right-tablet, var(--bzk9ui-margin-right, 0px)) ); aspect-ratio: var(--bzk9ui-imageRatio-tablet, var(--bzk9ui-imageRatio, auto)); img { object-fit: var(--bzk9ui-objFit-tablet, var(--bzk9ui-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--bzk9ui-width-mobile, var(--bzk9ui-width, 100%)) - var(--bzk9ui-margin-left-mobile, var(--bzk9ui-margin-left, 0px)) - var(--bzk9ui-margin-right-mobile, var(--bzk9ui-margin-right, 0px)) ); aspect-ratio: var(--bzk9ui-imageRatio-mobile, var(--bzk9ui-imageRatio, auto)); img { object-fit: var(--bzk9ui-objFit-mobile, var(--bzk9ui-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-lar9ez"] { --lar9ez-direction: column; --lar9ez-direction-tablet: column; --lar9ez-direction-mobile: column; --lar9ez-padding-top: 0px; --lar9ez-padding-top-tablet: 0px; --lar9ez-padding-top-mobile: 0px; --lar9ez-padding-right: 0px; --lar9ez-padding-right-tablet: 0px; --lar9ez-padding-right-mobile: 0px; --lar9ez-padding-bottom: 0px; --lar9ez-padding-bottom-tablet: 0px; --lar9ez-padding-bottom-mobile: 0px; --lar9ez-padding-left: 0px; --lar9ez-padding-left-tablet: 0px; --lar9ez-padding-left-mobile: 0px; --lar9ez-gap: 40px; --lar9ez-gap-tablet: 36px; --lar9ez-gap-mobile: 36px; --lar9ez-align-items: stretch; --lar9ez-align-items-tablet: stretch; --lar9ez-align-items-mobile: stretch; --lar9ez-structure: columns; --lar9ez-structure-tablet: columns; --lar9ez-structure-mobile: columns; }[data-bnode="beae-lar9ez"] { padding-top: var(--lar9ez-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lar9ez-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lar9ez-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lar9ez-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lar9ez-padding-top-tablet, var(--lar9ez-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lar9ez-padding-right-tablet, var(--lar9ez-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lar9ez-padding-bottom-tablet, var(--lar9ez-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lar9ez-padding-left-tablet, var(--lar9ez-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lar9ez-padding-top-mobile, var(--lar9ez-padding-top-tablet, var(--lar9ez-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lar9ez-padding-right-mobile, var(--lar9ez-padding-right-tablet, var(--lar9ez-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lar9ez-padding-bottom-mobile, var(--lar9ez-padding-bottom-tablet, var(--lar9ez-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lar9ez-padding-left-mobile, var(--lar9ez-padding-left-tablet, var(--lar9ez-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lar9ez-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lar9ez-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lar9ez-background-imageRatio, auto); background: var(--lar9ez-background-color,transparent); border-style: var(--lar9ez-borderStyle,solid); border-color: var(--lar9ez-borderColor,#000000); border-width: var(--lar9ez-borderWidth-tl,0px) var(--lar9ez-borderWidth-tr,0px) var(--lar9ez-borderWidth-br,0px) var(--lar9ez-borderWidth-bl,0px); border-radius: var(--lar9ez-borderRadius-tl,0px) var(--lar9ez-borderRadius-tr,0px) var(--lar9ez-borderRadius-br,0px) var(--lar9ez-borderRadius-bl,0px); box-shadow: if(style(--lar9ez-enableShadow: true): var(--lar9ez-shadowHorizontal,0) var(--lar9ez-shadowVertical,0) var(--lar9ez-shadowBlur,0) 1px var(--lar9ez-shadowColor,#000000); else: none); max-width: var(--lar9ez-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lar9ez-background-imageRatio-tablet, var(--lar9ez-background-imageRatio, auto)); border-width: var(--lar9ez-borderWidth-tl-tablet,0px) var(--lar9ez-borderWidth-tr-tablet,0px) var(--lar9ez-borderWidth-br-tablet,0px) var(--lar9ez-borderWidth-bl-tablet,0px); border-radius: var(--lar9ez-borderRadius-tl-tablet,0px) var(--lar9ez-borderRadius-tr-tablet,0px) var(--lar9ez-borderRadius-br-tablet,0px) var(--lar9ez-borderRadius-bl-tablet,0px); max-width: var(--lar9ez-max-width-tablet, var(--lar9ez-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lar9ez-background-imageRatio-mobile, var(--lar9ez-background-imageRatio, auto)); border-width: var(--lar9ez-borderWidth-tl-mobile,0px) var(--lar9ez-borderWidth-tr-mobile,0px) var(--lar9ez-borderWidth-br-mobile,0px) var(--lar9ez-borderWidth-bl-mobile,0px); border-radius: var(--lar9ez-borderRadius-tl-mobile,0px) var(--lar9ez-borderRadius-tr-mobile,0px) var(--lar9ez-borderRadius-br-mobile,0px) var(--lar9ez-borderRadius-bl-mobile,0px); max-width: var(--lar9ez-max-width-mobile, var(--lar9ez-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lar9ez-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lar9ez-gap,var(--beae-card-gap)); padding-top: var(--lar9ez-padding-top,var(--beae-card-padding)); padding-right: var(--lar9ez-padding-right,var(--beae-card-padding)); padding-bottom: var(--lar9ez-padding-bottom,var(--beae-card-padding)); padding-left: var(--lar9ez-padding-left,var(--beae-card-padding)); border-width: var(--lar9ez-borderWidth,var(--beae-card-border-width)); border-width: var(--lar9ez-borderWidth-tl,var(--beae-card-border-width)) var(--lar9ez-borderWidth-tr,var(--beae-card-border-width)) var(--lar9ez-borderWidth-br,var(--beae-card-border-width)) var(--lar9ez-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lar9ez-borderRadius-tl,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-tr,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-br,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lar9ez-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lar9ez-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lar9ez-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lar9ez-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lar9ez-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lar9ez-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lar9ez-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lar9ez-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lar9ez-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lar9ez-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lar9ez-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lar9ez-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lar9ez-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lar9ez-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lar9ez-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lar9ez-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lar9ez-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lar9ez-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lar9ez-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lar9ez-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lar9ez-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lar9ez-background-color,var(--beae-card-featured-background)); border-color: var(--lar9ez-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lar9ez-enableShadow: true): var(--lar9ez-shadowHorizontal, var(--beae-card-shadow-x)) var(--lar9ez-shadowVertical, var(--beae-card-shadow-y)) var(--lar9ez-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lar9ez-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lar9ez-background-color,var(--beae-card-prod-background)); border-color: var(--lar9ez-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lar9ez-enableShadow: true): var(--lar9ez-shadowHorizontal, var(--beae-card-shadow-x)) var(--lar9ez-shadowVertical, var(--beae-card-shadow-y)) var(--lar9ez-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lar9ez-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lar9ez-background-color,var(--beae-card-pricing-background)); border-color: var(--lar9ez-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lar9ez-enableShadow: true): var(--lar9ez-shadowHorizontal, var(--beae-card-shadow-x)) var(--lar9ez-shadowVertical, var(--beae-card-shadow-y)) var(--lar9ez-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lar9ez-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lar9ez-background-color,var(--beae-card-cta-background)); border-color: var(--lar9ez-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lar9ez-enableShadow: true): var(--lar9ez-shadowHorizontal, var(--beae-card-shadow-x)) var(--lar9ez-shadowVertical, var(--beae-card-shadow-y)) var(--lar9ez-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lar9ez-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lar9ez-background-color,var(--beae-card-media-background)); border-color: var(--lar9ez-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lar9ez-enableShadow: true): var(--lar9ez-shadowHorizontal, var(--beae-card-shadow-x)) var(--lar9ez-shadowVertical, var(--beae-card-shadow-y)) var(--lar9ez-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lar9ez-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-lar9ez"] { display: flex; flex-direction: var(--lar9ez-direction, column); flex-wrap: nowrap; justify-content: var(--lar9ez-justify-content); align-items: var(--lar9ez-align-items); gap: var(--lar9ez-gap, var(--lar9ez-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-lar9ez"] { align-items: var(--lar9ez-align-items-tablet, inherit); gap: var(--lar9ez-gap-tablet, var(--lar9ez-gap-tablet, var(--beae-slot-gap-tablet))); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--lar9ez-padding-right-tablet, 0px) - var(--lar9ez-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-lar9ez"] { gap: var(--lar9ez-gap-mobile, var(--lar9ez-gap-mobile, var(--beae-slot-gap-mobile))); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--lar9ez-padding-right-mobile, 0px) - var(--lar9ez-padding-right-mobile, 0px)); } } }[data-bnode="beae-lw22oy"] { --lw22oy-direction: column; --lw22oy-direction-tablet: column; --lw22oy-direction-mobile: column; --lw22oy-structure: columns; --lw22oy-structure-tablet: columns; --lw22oy-structure-mobile: columns; --lw22oy-gap: 12px; --lw22oy-gap-tablet: 12px; --lw22oy-gap-mobile: 12px; --lw22oy-padding-top: 0px; --lw22oy-padding-top-tablet: 0px; --lw22oy-padding-top-mobile: 0px; --lw22oy-padding-right: 0px; --lw22oy-padding-right-tablet: 0px; --lw22oy-padding-right-mobile: 0px; --lw22oy-padding-bottom: 0px; --lw22oy-padding-bottom-tablet: 0px; --lw22oy-padding-bottom-mobile: 0px; --lw22oy-padding-left: 0px; --lw22oy-padding-left-tablet: 0px; --lw22oy-padding-left-mobile: 0px; --lw22oy-borderStyle: solid; --lw22oy-borderStyle-tablet: solid; --lw22oy-borderStyle-mobile: solid; }[data-bnode="beae-lw22oy"] { padding-top: var(--lw22oy-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lw22oy-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lw22oy-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lw22oy-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lw22oy-padding-top-tablet, var(--lw22oy-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lw22oy-padding-right-tablet, var(--lw22oy-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lw22oy-padding-bottom-tablet, var(--lw22oy-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lw22oy-padding-left-tablet, var(--lw22oy-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lw22oy-padding-top-mobile, var(--lw22oy-padding-top-tablet, var(--lw22oy-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lw22oy-padding-right-mobile, var(--lw22oy-padding-right-tablet, var(--lw22oy-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lw22oy-padding-bottom-mobile, var(--lw22oy-padding-bottom-tablet, var(--lw22oy-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lw22oy-padding-left-mobile, var(--lw22oy-padding-left-tablet, var(--lw22oy-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lw22oy-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lw22oy-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lw22oy-background-imageRatio, auto); background: var(--lw22oy-background-color,transparent); border-style: var(--lw22oy-borderStyle,solid); border-color: var(--lw22oy-borderColor,#000000); border-width: var(--lw22oy-borderWidth-tl,0px) var(--lw22oy-borderWidth-tr,0px) var(--lw22oy-borderWidth-br,0px) var(--lw22oy-borderWidth-bl,0px); border-radius: var(--lw22oy-borderRadius-tl,0px) var(--lw22oy-borderRadius-tr,0px) var(--lw22oy-borderRadius-br,0px) var(--lw22oy-borderRadius-bl,0px); box-shadow: if(style(--lw22oy-enableShadow: true): var(--lw22oy-shadowHorizontal,0) var(--lw22oy-shadowVertical,0) var(--lw22oy-shadowBlur,0) 1px var(--lw22oy-shadowColor,#000000); else: none); max-width: var(--lw22oy-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lw22oy-background-imageRatio-tablet, var(--lw22oy-background-imageRatio, auto)); border-width: var(--lw22oy-borderWidth-tl-tablet,0px) var(--lw22oy-borderWidth-tr-tablet,0px) var(--lw22oy-borderWidth-br-tablet,0px) var(--lw22oy-borderWidth-bl-tablet,0px); border-radius: var(--lw22oy-borderRadius-tl-tablet,0px) var(--lw22oy-borderRadius-tr-tablet,0px) var(--lw22oy-borderRadius-br-tablet,0px) var(--lw22oy-borderRadius-bl-tablet,0px); max-width: var(--lw22oy-max-width-tablet, var(--lw22oy-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lw22oy-background-imageRatio-mobile, var(--lw22oy-background-imageRatio, auto)); border-width: var(--lw22oy-borderWidth-tl-mobile,0px) var(--lw22oy-borderWidth-tr-mobile,0px) var(--lw22oy-borderWidth-br-mobile,0px) var(--lw22oy-borderWidth-bl-mobile,0px); border-radius: var(--lw22oy-borderRadius-tl-mobile,0px) var(--lw22oy-borderRadius-tr-mobile,0px) var(--lw22oy-borderRadius-br-mobile,0px) var(--lw22oy-borderRadius-bl-mobile,0px); max-width: var(--lw22oy-max-width-mobile, var(--lw22oy-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lw22oy-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lw22oy-gap,var(--beae-card-gap)); padding-top: var(--lw22oy-padding-top,var(--beae-card-padding)); padding-right: var(--lw22oy-padding-right,var(--beae-card-padding)); padding-bottom: var(--lw22oy-padding-bottom,var(--beae-card-padding)); padding-left: var(--lw22oy-padding-left,var(--beae-card-padding)); border-width: var(--lw22oy-borderWidth,var(--beae-card-border-width)); border-width: var(--lw22oy-borderWidth-tl,var(--beae-card-border-width)) var(--lw22oy-borderWidth-tr,var(--beae-card-border-width)) var(--lw22oy-borderWidth-br,var(--beae-card-border-width)) var(--lw22oy-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lw22oy-borderRadius-tl,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-tr,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-br,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lw22oy-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lw22oy-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lw22oy-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lw22oy-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lw22oy-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lw22oy-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lw22oy-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lw22oy-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lw22oy-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lw22oy-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lw22oy-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lw22oy-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lw22oy-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lw22oy-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lw22oy-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lw22oy-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lw22oy-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lw22oy-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lw22oy-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lw22oy-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lw22oy-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lw22oy-background-color,var(--beae-card-featured-background)); border-color: var(--lw22oy-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lw22oy-enableShadow: true): var(--lw22oy-shadowHorizontal, var(--beae-card-shadow-x)) var(--lw22oy-shadowVertical, var(--beae-card-shadow-y)) var(--lw22oy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lw22oy-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lw22oy-background-color,var(--beae-card-prod-background)); border-color: var(--lw22oy-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lw22oy-enableShadow: true): var(--lw22oy-shadowHorizontal, var(--beae-card-shadow-x)) var(--lw22oy-shadowVertical, var(--beae-card-shadow-y)) var(--lw22oy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lw22oy-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lw22oy-background-color,var(--beae-card-pricing-background)); border-color: var(--lw22oy-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lw22oy-enableShadow: true): var(--lw22oy-shadowHorizontal, var(--beae-card-shadow-x)) var(--lw22oy-shadowVertical, var(--beae-card-shadow-y)) var(--lw22oy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lw22oy-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lw22oy-background-color,var(--beae-card-cta-background)); border-color: var(--lw22oy-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lw22oy-enableShadow: true): var(--lw22oy-shadowHorizontal, var(--beae-card-shadow-x)) var(--lw22oy-shadowVertical, var(--beae-card-shadow-y)) var(--lw22oy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lw22oy-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lw22oy-background-color,var(--beae-card-media-background)); border-color: var(--lw22oy-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lw22oy-enableShadow: true): var(--lw22oy-shadowHorizontal, var(--beae-card-shadow-x)) var(--lw22oy-shadowVertical, var(--beae-card-shadow-y)) var(--lw22oy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lw22oy-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-lw22oy"] { display: flex; flex-direction: var(--lw22oy-direction, column); flex-wrap: nowrap; justify-content: var(--lw22oy-justify-content); align-items: var(--lw22oy-align-items); gap: var(--lw22oy-gap, var(--lw22oy-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-lw22oy"] { gap: var(--lw22oy-gap-tablet, var(--lw22oy-gap-tablet, var(--beae-slot-gap-tablet))); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--lw22oy-padding-right-tablet, 0px) - var(--lw22oy-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-lw22oy"] { gap: var(--lw22oy-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--lw22oy-padding-right-mobile, 0px) - var(--lw22oy-padding-right-mobile, 0px)); } } }[data-bnode="beae-oe25dc"] { --beae-p-font-size: 18px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --oe25dc-typography: p; --oe25dc-typography-tablet: p; --oe25dc-typography-mobile: p; --oe25dc-margin-top: 0px; --oe25dc-margin-top-tablet: 0px; --oe25dc-margin-top-mobile: 0px; --oe25dc-margin-right: 0px; --oe25dc-margin-right-tablet: 0px; --oe25dc-margin-right-mobile: 0px; --oe25dc-margin-bottom: 0px; --oe25dc-margin-bottom-tablet: 0px; --oe25dc-margin-bottom-mobile: 0px; --oe25dc-margin-left: 0px; --oe25dc-margin-left-tablet: 0px; --oe25dc-margin-left-mobile: 0px; }[data-bnode="beae-oe25dc"] { margin-top: var(--oe25dc-margin-top, 0px); margin-right: var(--oe25dc-margin-right, 0px); margin-bottom: var(--oe25dc-margin-bottom, 0px); margin-left: var(--oe25dc-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--oe25dc-margin-top-tablet, 0px); margin-right: var(--oe25dc-margin-right-tablet, 0px); margin-bottom: var(--oe25dc-margin-bottom-tablet, 0px); margin-left: var(--oe25dc-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--oe25dc-margin-top-mobile, 0px); margin-right: var(--oe25dc-margin-right-mobile, 0px); margin-bottom: var(--oe25dc-margin-bottom-mobile, 0px); margin-left: var(--oe25dc-margin-left-mobile, 0px); } }[data-bnode="beae-ubxgki"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 34px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #DD2C90; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 600; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.3; --beae-h2-line-height-mobile: 1.3; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: uppercase; --ubxgki-typography: h2; --ubxgki-typography-tablet: h2; --ubxgki-typography-mobile: h2; --beae-h3-font-size-tablet: 22px; --beae-h3-font-size-mobile: 20px; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --ubxgki-margin-top: 0px; --ubxgki-margin-top-tablet: 0px; --ubxgki-margin-top-mobile: 0px; --ubxgki-margin-right: 0px; --ubxgki-margin-right-tablet: 0px; --ubxgki-margin-right-mobile: 0px; --ubxgki-margin-bottom: 0px; --ubxgki-margin-bottom-tablet: 0px; --ubxgki-margin-bottom-mobile: 0px; --ubxgki-margin-left: 0px; --ubxgki-margin-left-tablet: 0px; --ubxgki-margin-left-mobile: 0px; --ubxgki-highlightColor: #F9B690; --ubxgki-highlightColor-tablet: #F9B690; --ubxgki-highlightColor-mobile: #F9B690; --ubxgki-highlightThickness: 6; --ubxgki-highlightThickness-tablet: 6; --ubxgki-highlightThickness-mobile: 6; --ubxgki-highlightTop: 90%; --ubxgki-highlightTop-tablet: 90%; --ubxgki-highlightTop-mobile: 90%; }[data-bnode="beae-ubxgki"] { margin-top: var(--ubxgki-margin-top, 0px); margin-right: var(--ubxgki-margin-right, 0px); margin-bottom: var(--ubxgki-margin-bottom, 0px); margin-left: var(--ubxgki-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--ubxgki-margin-top-tablet, 0px); margin-right: var(--ubxgki-margin-right-tablet, 0px); margin-bottom: var(--ubxgki-margin-bottom-tablet, 0px); margin-left: var(--ubxgki-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--ubxgki-margin-top-mobile, 0px); margin-right: var(--ubxgki-margin-right-mobile, 0px); margin-bottom: var(--ubxgki-margin-bottom-mobile, 0px); margin-left: var(--ubxgki-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--ubxgki-highlightColor,var(--beae-p-color)); top: var(--ubxgki-highlightTop, 100%); } }[data-bnode="beae-29rlcs"] { --29rlcs-columns: 1; --29rlcs-columns-tablet: 1; --29rlcs-columns-mobile: 1; --29rlcs-gap: 28px; --29rlcs-gap-tablet: 28px; --29rlcs-gap-mobile: 20px; --29rlcs-navType: true; --29rlcs-navType-tablet: true; --29rlcs-navType-mobile: true; --29rlcs-pagiType: false; --29rlcs-pagiType-tablet: false; --29rlcs-pagiType-mobile: false; --29rlcs-listType: grid; --29rlcs-listType-tablet: grid; --29rlcs-listType-mobile: grid; --29rlcs-stateNavigation: normal; --29rlcs-stateNavigation-tablet: normal; --29rlcs-stateNavigation-mobile: normal; --29rlcs-statePagination: normal; --29rlcs-statePagination-tablet: normal; --29rlcs-statePagination-mobile: normal; --29rlcs-stateNavigtion: normal; --29rlcs-stateNavigtion-tablet: normal; --29rlcs-stateNavigtion-mobile: normal; --29rlcs-columnsMobile-mobile: 1; } [data-bnode="beae-29rlcs"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-29rlcs"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-29rlcs"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-29rlcs"] [data-bnode="beae-7chz7j"] { --7chz7j-width: 100%; --7chz7j-imageRatio: auto; --7chz7j-objFit: cover; --7chz7j-borderColor: #000000; --7chz7j-shadowColor: #000000; --7chz7j-borderStyle: none; --7chz7j-enableShadow: false; } [data-bnode="beae-29rlcs"] [data-bnode="beae-mgmp4m"] { --mgmp4m-typography: h4; --beae-h4-font-size: 24px; --beae-h4-font-size-tablet: 24px; --beae-h4-font-size-mobile: 22px; --beae-h4-color: #1D1D1F; --beae-h4-font-weight: 600; --beae-h4-line-height: 1.4; --beae-h4-line-height-tablet: 1.4; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing: 0px; --beae-h4-letter-spacing-tablet: 0px; --beae-h4-letter-spacing-mobile: 0px; --beae-h4-text-transform: none; } [data-bnode="beae-29rlcs"] [data-bnode="beae-q0d6k7"] { --q0d6k7-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-29rlcs"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 12px; --be-ctl-item-gap-tablet: 12px; --be-ctl-item-gap-mobile: 12px; --be-ctl-item-borderStyle: solid; --be-ctl-item-borderStyle-tablet: solid; --be-ctl-item-borderStyle-mobile: solid; --be-ctl-item-borderWidth-tl: 0px; --be-ctl-item-borderWidth-tl-tablet: 0px; --be-ctl-item-borderWidth-tl-mobile: 0px; --be-ctl-item-borderWidth-tr: 0px; --be-ctl-item-borderWidth-tr-tablet: 0px; --be-ctl-item-borderWidth-tr-mobile: 0px; --be-ctl-item-borderWidth-bl: 0px; --be-ctl-item-borderWidth-bl-tablet: 0px; --be-ctl-item-borderWidth-bl-mobile: 0px; --be-ctl-item-borderWidth-br: 1px; --be-ctl-item-borderWidth-br-tablet: 1px; --be-ctl-item-borderWidth-br-mobile: 1px; --be-ctl-item-padding-top: 0px; --be-ctl-item-padding-top-tablet: 0px; --be-ctl-item-padding-top-mobile: 0px; --be-ctl-item-padding-right: 0px; --be-ctl-item-padding-right-tablet: 0px; --be-ctl-item-padding-right-mobile: 0px; --be-ctl-item-padding-bottom: 28px; --be-ctl-item-padding-bottom-tablet: 28px; --be-ctl-item-padding-bottom-mobile: 20px; --be-ctl-item-padding-left: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-borderColor: #e6e6e6; --be-ctl-item-borderColor-tablet: #e6e6e6; --be-ctl-item-borderColor-mobile: #e6e6e6; }[data-bnode="beae-29rlcs"] { margin-top: var(--29rlcs-margin-top, 0px); margin-right: var(--29rlcs-margin-right, 0px); margin-bottom: var(--29rlcs-margin-bottom, 0px); margin-left: var(--29rlcs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--29rlcs-margin-top-tablet, 0px); margin-right: var(--29rlcs-margin-right-tablet, 0px); margin-bottom: var(--29rlcs-margin-bottom-tablet, 0px); margin-left: var(--29rlcs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--29rlcs-margin-top-mobile, 0px); margin-right: var(--29rlcs-margin-right-mobile, 0px); margin-bottom: var(--29rlcs-margin-bottom-mobile, 0px); margin-left: var(--29rlcs-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--29rlcs-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - var(--29rlcs-gap, 20px) * (var(--29rlcs-columns, 3) - 1) + 1px) / var(--29rlcs-columns, 3) ); &:last-child { margin-right: var(--29rlcs-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--29rlcs-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--29rlcs-columns) - 1) * var(--29rlcs-gap, 20px)) / var(--29rlcs-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--29rlcs-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--29rlcs-gap-tablet, 20px) * (var(--29rlcs-columns-tablet, 3) - 1) ) / var(--29rlcs-columns-tablet, 3) ); &:last-child { margin-right: var(--29rlcs-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--29rlcs-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--29rlcs-columns-tablet) - 1) * var(--29rlcs-gap-tablet, 20px)) / var(--29rlcs-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--29rlcs-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--29rlcs-gap-mobile, 20px) * (var(--29rlcs-columnsMobile-mobile, 1) - 1) ) / var(--29rlcs-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--29rlcs-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--29rlcs-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--29rlcs-columnsMobile-mobile) - 1) * var(--29rlcs-gap-mobile, 20px) ) / var(--29rlcs-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--29rlcs-navPadding, 12px); background: var(--29rlcs-navBg, #f5f5f5); color: var(--29rlcs-navColor, #333333); cursor: pointer; &:hover { background: var(--29rlcs-navBgHover, #cccccc); color: var(--29rlcs-navColorHover, #333333); } svg { width: var(--29rlcs-navIconSize, 20px); height: var(--29rlcs-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--29rlcs-pagiBg, #e6e6e6); &.active { background: var(--29rlcs-pagiBgActive, #181818); } &:not(.active):hover { background: var(--29rlcs-pagiBgHover, #cccccc); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--29rlcs-pagiColor, #e6e6e6); &.active { color: var(--29rlcs-pagiColorActive, #181818); } &:not(.active):hover { color: var(--29rlcs-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--29rlcs-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--29rlcs-pagiBg, #e6e6e6); &.active { background: var(--29rlcs-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--29rlcs-pagiBgHover, #cccccc); } } .beae-slider-pagination-wrp { margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-29rlcs"] [data-bnode="beae-mgmp4m"] { margin-top: var(--mgmp4m-margin-top, 0px); margin-right: var(--mgmp4m-margin-right, 0px); margin-bottom: var(--mgmp4m-margin-bottom, 0px); margin-left: var(--mgmp4m-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--mgmp4m-margin-top-tablet, 0px); margin-right: var(--mgmp4m-margin-right-tablet, 0px); margin-bottom: var(--mgmp4m-margin-bottom-tablet, 0px); margin-left: var(--mgmp4m-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--mgmp4m-margin-top-mobile, 0px); margin-right: var(--mgmp4m-margin-right-mobile, 0px); margin-bottom: var(--mgmp4m-margin-bottom-mobile, 0px); margin-left: var(--mgmp4m-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--mgmp4m-highlightColor,var(--beae-p-color)); top: var(--mgmp4m-highlightTop, 100%); } } [data-bnode="beae-29rlcs"] [data-bnode="beae-q0d6k7"] { margin-top: var(--q0d6k7-margin-top, 0px); margin-right: var(--q0d6k7-margin-right, 0px); margin-bottom: var(--q0d6k7-margin-bottom, 0px); margin-left: var(--q0d6k7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--q0d6k7-margin-top-tablet, 0px); margin-right: var(--q0d6k7-margin-right-tablet, 0px); margin-bottom: var(--q0d6k7-margin-bottom-tablet, 0px); margin-left: var(--q0d6k7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--q0d6k7-margin-top-mobile, 0px); margin-right: var(--q0d6k7-margin-right-mobile, 0px); margin-bottom: var(--q0d6k7-margin-bottom-mobile, 0px); margin-left: var(--q0d6k7-margin-left-mobile, 0px); } } [data-bnode="beae-29rlcs"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-29rlcs"] [data-bnode="be-ctl-item"] { display: flex; flex-direction: var(--be-ctl-item-direction, column); flex-wrap: nowrap; justify-content: var(--be-ctl-item-justify-content); align-items: var(--be-ctl-item-align-items); gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-29rlcs"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-29rlcs"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px)); } } }[data-bnode="beae-axy3id"] { --axy3id-width: 1392px; --axy3id-width-tablet: 1392px; --axy3id-width-mobile: 1392px; --axy3id-height: fit-content; --axy3id-height-tablet: fit-content; --axy3id-height-mobile: fit-content; --axy3id-direction: column; --axy3id-direction-tablet: column; --axy3id-direction-mobile: column; --axy3id-structure: columns; --axy3id-structure-tablet: columns; --axy3id-structure-mobile: columns; --axy3id-padding-top: 0px; --axy3id-padding-top-tablet: 0px; --axy3id-padding-top-mobile: 0px; --axy3id-padding-right: 28px; --axy3id-padding-right-tablet: 28px; --axy3id-padding-right-mobile: 28px; --axy3id-padding-bottom: 112px; --axy3id-padding-bottom-tablet: 112px; --axy3id-padding-bottom-mobile: 112px; --axy3id-padding-left: 28px; --axy3id-padding-left-tablet: 28px; --axy3id-padding-left-mobile: 28px; --axy3id-align-items: stretch; --axy3id-align-items-tablet: stretch; --axy3id-align-items-mobile: stretch; --axy3id-gap: 40px; --axy3id-gap-tablet: 40px; --axy3id-gap-mobile: 40px; }[data-bnode="beae-axy3id"] { padding-top: var(--axy3id-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--axy3id-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--axy3id-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--axy3id-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--axy3id-padding-top-tablet, var(--axy3id-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--axy3id-padding-right-tablet, var(--axy3id-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--axy3id-padding-bottom-tablet, var(--axy3id-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--axy3id-padding-left-tablet, var(--axy3id-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--axy3id-padding-top-mobile, var(--axy3id-padding-top-tablet, var(--axy3id-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--axy3id-padding-right-mobile, var(--axy3id-padding-right-tablet, var(--axy3id-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--axy3id-padding-bottom-mobile, var(--axy3id-padding-bottom-tablet, var(--axy3id-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--axy3id-padding-left-mobile, var(--axy3id-padding-left-tablet, var(--axy3id-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--axy3id-padding-left, var(--beae-section-padding-x, 0px)) - var(--axy3id-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--axy3id-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--axy3id-height); width: 100%; max-width: var(--axy3id-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--axy3id-height-tablet, auto); width: 100%; max-width: var(--axy3id-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--axy3id-height-mobile, auto); width: 100%; max-width: var(--axy3id-width-mobile, 100%); } } } }[data-bnode="beae-axy3id"] > .beae-section-container{ display: flex; flex-direction: var(--axy3id-direction, column); flex-wrap: nowrap; justify-content: var(--axy3id-justify-content); align-items: var(--axy3id-align-items); gap: var(--axy3id-gap, var(--beae-grid-gap, 4px)); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-axy3id"] > .beae-section-container{ gap: var(--beae-grid-gap-tablet, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--axy3id-padding-right-tablet, 0px) - var(--axy3id-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-axy3id"] > .beae-section-container{ gap: var(--beae-grid-gap-mobile, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--axy3id-padding-right-mobile, 0px) - var(--axy3id-padding-right-mobile, 0px)); } } }[data-bnode="beae-90jzca"] { --90jzca-direction: row; --90jzca-direction-tablet: row; --90jzca-direction-mobile: row; --90jzca-structure: columns; --90jzca-structure-tablet: columns; --90jzca-structure-mobile: columns; }[data-bnode="beae-90jzca"] { padding-top: var(--90jzca-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--90jzca-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--90jzca-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--90jzca-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--90jzca-padding-top-tablet, var(--90jzca-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--90jzca-padding-right-tablet, var(--90jzca-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--90jzca-padding-bottom-tablet, var(--90jzca-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--90jzca-padding-left-tablet, var(--90jzca-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--90jzca-padding-top-mobile, var(--90jzca-padding-top-tablet, var(--90jzca-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--90jzca-padding-right-mobile, var(--90jzca-padding-right-tablet, var(--90jzca-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--90jzca-padding-bottom-mobile, var(--90jzca-padding-bottom-tablet, var(--90jzca-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--90jzca-padding-left-mobile, var(--90jzca-padding-left-tablet, var(--90jzca-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--90jzca-padding-left, var(--beae-slot-padding-x, 0px)) - var(--90jzca-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--90jzca-background-imageRatio, auto); background: var(--90jzca-background-color,transparent); border-style: var(--90jzca-borderStyle,solid); border-color: var(--90jzca-borderColor,#000000); border-width: var(--90jzca-borderWidth-tl,0px) var(--90jzca-borderWidth-tr,0px) var(--90jzca-borderWidth-br,0px) var(--90jzca-borderWidth-bl,0px); border-radius: var(--90jzca-borderRadius-tl,0px) var(--90jzca-borderRadius-tr,0px) var(--90jzca-borderRadius-br,0px) var(--90jzca-borderRadius-bl,0px); box-shadow: if(style(--90jzca-enableShadow: true): var(--90jzca-shadowHorizontal,0) var(--90jzca-shadowVertical,0) var(--90jzca-shadowBlur,0) 1px var(--90jzca-shadowColor,#000000); else: none); max-width: var(--90jzca-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--90jzca-background-imageRatio-tablet, var(--90jzca-background-imageRatio, auto)); border-width: var(--90jzca-borderWidth-tl-tablet,0px) var(--90jzca-borderWidth-tr-tablet,0px) var(--90jzca-borderWidth-br-tablet,0px) var(--90jzca-borderWidth-bl-tablet,0px); border-radius: var(--90jzca-borderRadius-tl-tablet,0px) var(--90jzca-borderRadius-tr-tablet,0px) var(--90jzca-borderRadius-br-tablet,0px) var(--90jzca-borderRadius-bl-tablet,0px); max-width: var(--90jzca-max-width-tablet, var(--90jzca-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--90jzca-background-imageRatio-mobile, var(--90jzca-background-imageRatio, auto)); border-width: var(--90jzca-borderWidth-tl-mobile,0px) var(--90jzca-borderWidth-tr-mobile,0px) var(--90jzca-borderWidth-br-mobile,0px) var(--90jzca-borderWidth-bl-mobile,0px); border-radius: var(--90jzca-borderRadius-tl-mobile,0px) var(--90jzca-borderRadius-tr-mobile,0px) var(--90jzca-borderRadius-br-mobile,0px) var(--90jzca-borderRadius-bl-mobile,0px); max-width: var(--90jzca-max-width-mobile, var(--90jzca-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--90jzca-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--90jzca-gap,var(--beae-card-gap)); padding-top: var(--90jzca-padding-top,var(--beae-card-padding)); padding-right: var(--90jzca-padding-right,var(--beae-card-padding)); padding-bottom: var(--90jzca-padding-bottom,var(--beae-card-padding)); padding-left: var(--90jzca-padding-left,var(--beae-card-padding)); border-width: var(--90jzca-borderWidth,var(--beae-card-border-width)); border-width: var(--90jzca-borderWidth-tl,var(--beae-card-border-width)) var(--90jzca-borderWidth-tr,var(--beae-card-border-width)) var(--90jzca-borderWidth-br,var(--beae-card-border-width)) var(--90jzca-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--90jzca-borderRadius-tl,var(--beae-card-border-radius)) var(--90jzca-borderRadius-tr,var(--beae-card-border-radius)) var(--90jzca-borderRadius-br,var(--beae-card-border-radius)) var(--90jzca-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--90jzca-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--90jzca-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--90jzca-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--90jzca-padding-left-tablet,var(--beae-card-padding)); border-width: var(--90jzca-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--90jzca-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--90jzca-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--90jzca-borderWidth-br-desktop,var(--beae-card-border-width)) var(--90jzca-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--90jzca-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--90jzca-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--90jzca-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--90jzca-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--90jzca-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--90jzca-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--90jzca-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--90jzca-padding-left-mobile,var(--beae-card-padding)); border-width: var(--90jzca-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--90jzca-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--90jzca-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--90jzca-borderWidth-br-mobile,var(--beae-card-border-width)) var(--90jzca-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--90jzca-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--90jzca-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--90jzca-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--90jzca-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--90jzca-background-color,var(--beae-card-featured-background)); border-color: var(--90jzca-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--90jzca-enableShadow: true): var(--90jzca-shadowHorizontal, var(--beae-card-shadow-x)) var(--90jzca-shadowVertical, var(--beae-card-shadow-y)) var(--90jzca-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--90jzca-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--90jzca-background-color,var(--beae-card-prod-background)); border-color: var(--90jzca-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--90jzca-enableShadow: true): var(--90jzca-shadowHorizontal, var(--beae-card-shadow-x)) var(--90jzca-shadowVertical, var(--beae-card-shadow-y)) var(--90jzca-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--90jzca-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--90jzca-background-color,var(--beae-card-pricing-background)); border-color: var(--90jzca-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--90jzca-enableShadow: true): var(--90jzca-shadowHorizontal, var(--beae-card-shadow-x)) var(--90jzca-shadowVertical, var(--beae-card-shadow-y)) var(--90jzca-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--90jzca-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--90jzca-background-color,var(--beae-card-cta-background)); border-color: var(--90jzca-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--90jzca-enableShadow: true): var(--90jzca-shadowHorizontal, var(--beae-card-shadow-x)) var(--90jzca-shadowVertical, var(--beae-card-shadow-y)) var(--90jzca-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--90jzca-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--90jzca-background-color,var(--beae-card-media-background)); border-color: var(--90jzca-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--90jzca-enableShadow: true): var(--90jzca-shadowHorizontal, var(--beae-card-shadow-x)) var(--90jzca-shadowVertical, var(--beae-card-shadow-y)) var(--90jzca-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--90jzca-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-90jzca"] { display: flex; flex-direction: var(--90jzca-direction, column); flex-wrap: nowrap; justify-content: var(--90jzca-justify-content); align-items: var(--90jzca-align-items); gap: var(--90jzca-gap, var(--90jzca-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(--90jzca-padding-right, 0px) - var(--90jzca-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-90jzca"] { gap: var(--90jzca-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--90jzca-padding-right-tablet, 0px) - var(--90jzca-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-90jzca"] { gap: var(--90jzca-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--90jzca-padding-right-mobile, 0px) - var(--90jzca-padding-right-mobile, 0px)); } } }[data-bnode="beae-xi3s1d"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #1D1D1F; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 600; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: none; --xi3s1d-typography: h2; --xi3s1d-typography-tablet: h2; --xi3s1d-typography-mobile: h2; --beae-h2-text-align: center; --xi3s1d-highlightColor: #f9b690; --xi3s1d-highlightColor-tablet: #f9b690; --xi3s1d-highlightColor-mobile: #f9b690; --xi3s1d-highlightThickness: 6; --xi3s1d-highlightThickness-tablet: 6; --xi3s1d-highlightThickness-mobile: 6; --xi3s1d-highlightTop: 90%; --xi3s1d-highlightTop-tablet: 90%; --xi3s1d-highlightTop-mobile: 90%; }[data-bnode="beae-xi3s1d"] { margin-top: var(--xi3s1d-margin-top, 0px); margin-right: var(--xi3s1d-margin-right, 0px); margin-bottom: var(--xi3s1d-margin-bottom, 0px); margin-left: var(--xi3s1d-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xi3s1d-margin-top-tablet, 0px); margin-right: var(--xi3s1d-margin-right-tablet, 0px); margin-bottom: var(--xi3s1d-margin-bottom-tablet, 0px); margin-left: var(--xi3s1d-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xi3s1d-margin-top-mobile, 0px); margin-right: var(--xi3s1d-margin-right-mobile, 0px); margin-bottom: var(--xi3s1d-margin-bottom-mobile, 0px); margin-left: var(--xi3s1d-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--xi3s1d-highlightColor,var(--beae-p-color)); top: var(--xi3s1d-highlightTop, 100%); } }[data-bnode="beae-4d3bxv"] { --4d3bxv-columns: 3; --4d3bxv-columns-tablet: 2.1; --4d3bxv-columns-mobile: 1; --4d3bxv-gap: 32px; --4d3bxv-gap-tablet: 16px; --4d3bxv-gap-mobile: 20px; --4d3bxv-navType: false; --4d3bxv-navType-tablet: false; --4d3bxv-navType-mobile: false; --4d3bxv-pagiType: false; --4d3bxv-pagiType-tablet: false; --4d3bxv-pagiType-mobile: false; --4d3bxv-listType: slider; --4d3bxv-listType-tablet: slider; --4d3bxv-listType-mobile: slider; --4d3bxv-stateNavigation: normal; --4d3bxv-stateNavigation-tablet: normal; --4d3bxv-stateNavigation-mobile: normal; --4d3bxv-statePagination: normal; --4d3bxv-statePagination-tablet: normal; --4d3bxv-statePagination-mobile: normal; --4d3bxv-stateNavigtion: normal; --4d3bxv-stateNavigtion-tablet: normal; --4d3bxv-stateNavigtion-mobile: normal; --4d3bxv-columnsMobile-mobile: 1; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-lij616"] { --lij616-direction: column; --lij616-structure: columns; --lij616-borderStyle: none; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-x66zs5"] { --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 52px; --beae-btn-height-tablet: 52px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 40px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #FFF; --beae-btn-pr-background-color: #2F3F28; --x66zs5-transform: none; --x66zs5-iconWidth: 20px; --x66zs5-iconGap: 5px; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-cpgd2c"] { --beae-btn-font-size: 16px; --beae-btn-height: 48px; --beae-btn-height-tablet: 42px; --beae-btn-padding: 33px; --beae-btn-padding-tablet: 25px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #1D1D1F; --beae-btn-pr-background-color: #FFFFFF; --cpgd2c-transform: none; --cpgd2c-iconWidth: 20px; --cpgd2c-iconGap: 5px; --cpgd2c-labelPrHover: #1D1D1F; --cpgd2c-bgPrHover: #ffffff; --beae-btn-font-size-mobile: 15px; --beae-btn-height-mobile: 36px; --beae-btn-padding-mobile: 21px; --beae-btn-text-transform: capitalize; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-7g663k"] { --7g663k-structure: auto; --7g663k-max-width: fit-content; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-bzkmmy"] { --bzkmmy-imageRatio: 6/7; --bzkmmy-borderRadius-tl: 24px; --bzkmmy-borderRadius-tr: 24px; --bzkmmy-borderRadius-bl: 24px; --bzkmmy-borderRadius-br: 24px; --bzkmmy-width: 100%; --bzkmmy-overlayColor-type: color; --bzkmmy-overlayColor-color: #ffffff00; --bzkmmy-enableShadow: false; --bzkmmy-borderWidth-tl: 0px; --bzkmmy-borderWidth-tr: 0px; --bzkmmy-borderWidth-bl: 0px; --bzkmmy-borderWidth-br: 0px; --bzkmmy-imageRatio-tablet: 1/1; --bzkmmy-imageRatio-mobile: 1/1; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-2oqxuz"] { --2oqxuz-direction: column; --2oqxuz-structure: columns; --2oqxuz-gap: 8px; --2oqxuz-padding-top: 0px; --2oqxuz-padding-right: 24px; --2oqxuz-padding-bottom: 0px; --2oqxuz-padding-left: 24px; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-il171r"] { --il171r-typography: h4; --beae-h4-font-size: 24px; --beae-h4-font-size-tablet: 24px; --beae-h4-font-size-mobile: 22px; --beae-h4-color: #1D1D1F; --beae-h4-font-weight: 600; --beae-h4-line-height: 1.4; --beae-h4-line-height-tablet: 1.4; --beae-h4-line-height-mobile: 1.4; --beae-h4-letter-spacing: 0px; --beae-h4-letter-spacing-tablet: 0px; --beae-h4-letter-spacing-mobile: 0px; --beae-h4-text-transform: none; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-ituxmx"] { --beae-p-font-weight: 600; --ituxmx-typography: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --ituxmx-margin-top: 0px; --ituxmx-margin-right: 0px; --ituxmx-margin-bottom: 0px; --ituxmx-margin-left: 0px; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-m6r84w"] { --beae-p-font-weight: 500; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-2uuyzr"] { --beae-btn-text-transform: capitalize; --beae-btn-pr-label-color: #1D1D1F; --beae-btn-pr-background-color: #FFFFFF; --2uuyzr-labelPrHover: #2f3f28; --2uuyzr-bgPrHover: #FFFFFF; --2uuyzr-borderPrHover: #FFFFFF; --beae-btn-font-size-mobile: 15px; --beae-btn-height-mobile: 35px; --beae-btn-padding-mobile: 20px; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-bzkmmy"] { --bzkmmy-width: 100%; --bzkmmy-width-tablet: 100%; --bzkmmy-width-mobile: 100%; --bzkmmy-imageRatio: auto; --bzkmmy-imageRatio-tablet: auto; --bzkmmy-imageRatio-mobile: auto; --bzkmmy-objFit: cover; --bzkmmy-objFit-tablet: cover; --bzkmmy-objFit-mobile: cover; --bzkmmy-borderColor: #000000; --bzkmmy-borderColor-tablet: #000000; --bzkmmy-borderColor-mobile: #000000; --bzkmmy-shadowColor: #000000; --bzkmmy-shadowColor-tablet: #000000; --bzkmmy-shadowColor-mobile: #000000; --bzkmmy-borderStyle: none; --bzkmmy-borderStyle-tablet: none; --bzkmmy-borderStyle-mobile: none; --bzkmmy-enableShadow: false; --bzkmmy-enableShadow-tablet: false; --bzkmmy-enableShadow-mobile: false; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-7g663k"] { --7g663k-direction: row; --7g663k-direction-tablet: row; --7g663k-direction-mobile: row; --7g663k-structure: columns; --7g663k-structure-tablet: columns; --7g663k-structure-mobile: columns; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-2uuyzr"] { --2uuyzr-width: fill; --2uuyzr-width-tablet: fill; --2uuyzr-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 52px; --beae-btn-height-tablet: 52px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 40px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #FFF; --beae-btn-pr-background-color: #2F3F28; --beae-btn-text-transform: capitalize; --2uuyzr-iconWidth: 20px; --2uuyzr-iconWidth-tablet: 20px; --2uuyzr-iconWidth-mobile: 20px; --2uuyzr-iconGap: 5px; --2uuyzr-iconGap-tablet: 5px; --2uuyzr-iconGap-mobile: 5px; --2uuyzr-button: pr; --2uuyzr-button-tablet: pr; --2uuyzr-button-mobile: pr; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-il171r"] { --beae-h3-font-size: 30px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 24px; --beae-h3-color: #1D1D1F; --beae-h3-font-family: Instrument Sans; --beae-h3-font-weight: 600; --beae-h3-line-height: 1.3; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing: 0px; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-text-transform: none; --il171r-typography: h3; --il171r-typography-tablet: h3; --il171r-typography-mobile: h3; } [data-bnode="beae-4d3bxv"] [data-bnode="beae-m6r84w"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --m6r84w-typography: p; --m6r84w-typography-tablet: p; --m6r84w-typography-mobile: p; --beae-p-text-align: start; } [data-bnode="beae-4d3bxv"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 24px; --be-ctl-item-gap-tablet: 24px; --be-ctl-item-gap-mobile: 24px; }[data-bnode="beae-4d3bxv"] { margin-top: var(--4d3bxv-margin-top, 0px); margin-right: var(--4d3bxv-margin-right, 0px); margin-bottom: var(--4d3bxv-margin-bottom, 0px); margin-left: var(--4d3bxv-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4d3bxv-margin-top-tablet, 0px); margin-right: var(--4d3bxv-margin-right-tablet, 0px); margin-bottom: var(--4d3bxv-margin-bottom-tablet, 0px); margin-left: var(--4d3bxv-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4d3bxv-margin-top-mobile, 0px); margin-right: var(--4d3bxv-margin-right-mobile, 0px); margin-bottom: var(--4d3bxv-margin-bottom-mobile, 0px); margin-left: var(--4d3bxv-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--4d3bxv-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4d3bxv-gap,var(--beae-grid-gap, 20px)) * (var(--4d3bxv-columns, 3) - 1) + 1px) / var(--4d3bxv-columns, 3)); &:last-child{ margin-right: var(--4d3bxv-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4d3bxv-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4d3bxv-columns) - 1) * var(--4d3bxv-gap,var(--beae-grid-gap, 20px))) / var(--4d3bxv-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--4d3bxv-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4d3bxv-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--4d3bxv-columns-tablet, 3) - 1)) / var(--4d3bxv-columns-tablet, 3)); &:last-child{ margin-right: var(--4d3bxv-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4d3bxv-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4d3bxv-columns-tablet) - 1) * var(--4d3bxv-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--4d3bxv-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--4d3bxv-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--4d3bxv-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--4d3bxv-columnsMobile-mobile, 1) - 1)) / var(--4d3bxv-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--4d3bxv-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--4d3bxv-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--4d3bxv-columnsMobile-mobile) - 1) * var(--4d3bxv-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--4d3bxv-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--4d3bxv-navPadding,12px); background:var(--4d3bxv-navBg,#F5F5F5); color: var(--4d3bxv-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--4d3bxv-navBgHover,#CCCCCC); color: var(--4d3bxv-navColorHover,var(--beae-text-color)); } svg { width: var(--4d3bxv-navIconSize,20px); height: var(--4d3bxv-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--4d3bxv-pagiBg,#E6E6E6); &.active { background:var(--4d3bxv-pagiBgActive,#181818); } &:not(.active):hover { background:var(--4d3bxv-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--4d3bxv-pagiColor,#e6e6e6); &.active { color:var(--4d3bxv-pagiColorActive,#181818); } &:not(.active):hover { color: var(--4d3bxv-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--4d3bxv-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--4d3bxv-pagiBg,#E6E6E6); &.active { background: var(--4d3bxv-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--4d3bxv-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-4d3bxv"] [data-bnode="beae-lij616"] { padding-top: var(--lij616-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lij616-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lij616-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lij616-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lij616-padding-top-tablet, var(--lij616-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lij616-padding-right-tablet, var(--lij616-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lij616-padding-bottom-tablet, var(--lij616-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lij616-padding-left-tablet, var(--lij616-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lij616-padding-top-mobile, var(--lij616-padding-top-tablet, var(--lij616-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lij616-padding-right-mobile, var(--lij616-padding-right-tablet, var(--lij616-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lij616-padding-bottom-mobile, var(--lij616-padding-bottom-tablet, var(--lij616-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lij616-padding-left-mobile, var(--lij616-padding-left-tablet, var(--lij616-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lij616-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lij616-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lij616-background-imageRatio, auto); background: var(--lij616-background-color); border-style: var(--lij616-borderStyle, solid); border-color: var(--lij616-borderColor, #000000); border-width: var(--lij616-borderWidth-tl, 0px) var(--lij616-borderWidth-tr, 0px) var(--lij616-borderWidth-br, 0px) var(--lij616-borderWidth-bl, 0px); border-radius: var(--lij616-borderRadius-tl, 0px) var(--lij616-borderRadius-tr, 0px) var(--lij616-borderRadius-br, 0px) var(--lij616-borderRadius-bl, 0px); box-shadow: if( style(--lij616-enableShadow: true): var(--lij616-shadowHorizontal, 0) var(--lij616-shadowVertical, 0) var(--lij616-shadowBlur, 0) 1px var(--lij616-shadowColor, #000000) ; else: none ); max-width: var(--lij616-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--lij616-background-imageRatio-tablet, var(--lij616-background-imageRatio, auto) ); border-width: var(--lij616-borderWidth-tl-tablet, 0px) var(--lij616-borderWidth-tr-tablet, 0px) var(--lij616-borderWidth-br-tablet, 0px) var(--lij616-borderWidth-bl-tablet, 0px); border-radius: var(--lij616-borderRadius-tl-tablet, 0px) var(--lij616-borderRadius-tr-tablet, 0px) var(--lij616-borderRadius-br-tablet, 0px) var(--lij616-borderRadius-bl-tablet, 0px); max-width: var(--lij616-max-width-tablet, var(--lij616-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--lij616-background-imageRatio-mobile, var(--lij616-background-imageRatio, auto) ); border-width: var(--lij616-borderWidth-tl-mobile, 0px) var(--lij616-borderWidth-tr-mobile, 0px) var(--lij616-borderWidth-br-mobile, 0px) var(--lij616-borderWidth-bl-mobile, 0px); border-radius: var(--lij616-borderRadius-tl-mobile, 0px) var(--lij616-borderRadius-tr-mobile, 0px) var(--lij616-borderRadius-br-mobile, 0px) var(--lij616-borderRadius-bl-mobile, 0px); max-width: var(--lij616-max-width-mobile, var(--lij616-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } &.beae-slot > .beae-media-wrapper { position: relative; } } [data-bnode="beae-4d3bxv"] [data-bnode="beae-bzkmmy"] { margin-top: var(--bzkmmy-margin-top, 0px); margin-right: var(--bzkmmy-margin-right, 0px); margin-bottom: var(--bzkmmy-margin-bottom, 0px); margin-left: var(--bzkmmy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bzkmmy-margin-top-tablet, 0px); margin-right: var(--bzkmmy-margin-right-tablet, 0px); margin-bottom: var(--bzkmmy-margin-bottom-tablet, 0px); margin-left: var(--bzkmmy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bzkmmy-margin-top-mobile, 0px); margin-right: var(--bzkmmy-margin-right-mobile, 0px); margin-bottom: var(--bzkmmy-margin-bottom-mobile, 0px); margin-left: var(--bzkmmy-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc( var(--bzkmmy-width, 100%) - var(--bzkmmy-margin-left, 0px) - var(--bzkmmy-margin-right, 0px) ); min-height: min-content; border-style: var(--bzkmmy-borderStyle, solid); border-color: var(--bzkmmy-borderColor, #000000); border-width: var(--bzkmmy-borderWidth-tl, 0px) var(--bzkmmy-borderWidth-tr, 0px) var(--bzkmmy-borderWidth-br, 0px) var(--bzkmmy-borderWidth-bl, 0px); border-radius: var(--bzkmmy-borderRadius-tl, 0px) var(--bzkmmy-borderRadius-tr, 0px) var(--bzkmmy-borderRadius-br, 0px) var(--bzkmmy-borderRadius-bl, 0px); aspect-ratio: var(--bzkmmy-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--bzkmmy-borderWidth-tl-tablet, var(--bzkmmy-borderWidth-tl, 0px)) var(--bzkmmy-borderWidth-tr-tablet, var(--bzkmmy-borderWidth-tr, 0px)) var(--bzkmmy-borderWidth-br-tablet, var(--bzkmmy-borderWidth-br, 0px)) var(--bzkmmy-borderWidth-bl-tablet, var(--bzkmmy-borderWidth-bl, 0px)); border-radius: var(--bzkmmy-borderRadius-tl-tablet, var(--bzkmmy-borderRadius-tl, 0px)) var(--bzkmmy-borderRadius-tr-tablet, var(--bzkmmy-borderRadius-tr, 0px)) var(--bzkmmy-borderRadius-br-tablet, var(--bzkmmy-borderRadius-br, 0px)) var(--bzkmmy-borderRadius-bl-tablet, var(--bzkmmy-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--bzkmmy-borderWidth-tl-mobile, var(--bzkmmy-borderWidth-tl, 0px)) var(--bzkmmy-borderWidth-tr-mobile, var(--bzkmmy-borderWidth-tr, 0px)) var(--bzkmmy-borderWidth-br-mobile, var(--bzkmmy-borderWidth-br, 0px)) var(--bzkmmy-borderWidth-bl-mobile, var(--bzkmmy-borderWidth-bl, 0px)); border-radius: var(--bzkmmy-borderRadius-tl-mobile, var(--bzkmmy-borderRadius-tl, 0px)) var(--bzkmmy-borderRadius-tr-mobile, var(--bzkmmy-borderRadius-tr, 0px)) var(--bzkmmy-borderRadius-br-mobile, var(--bzkmmy-borderRadius-br, 0px)) var(--bzkmmy-borderRadius-bl-mobile, var(--bzkmmy-borderRadius-bl, 0px)); } box-shadow: if( style(--bzkmmy-enableShadow: true): var(--bzkmmy-shadowHorizontal, 0) var(--bzkmmy-shadowVertical, 0) var(--bzkmmy-shadowBlur, 0) 1px var(--bzkmmy-shadowColor, #000000) ; else: none ); &::before { content: ""; position: absolute; inset: 0; background-color: var(--bzkmmy-overlayColor, #000); opacity: var(--bzkmmy-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; aspect-ratio: 6/7; height: 100%; max-width: 100%; transition: transform 0.35s ease; object-fit: var(--bzkmmy-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } &:hover img { transform: scale(1.05); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--bzkmmy-width-tablet, var(--bzkmmy-width, 100%)) - var(--bzkmmy-margin-left-tablet, var(--bzkmmy-margin-left, 0px)) - var(--bzkmmy-margin-right-tablet, var(--bzkmmy-margin-right, 0px)) ); aspect-ratio: var(--bzkmmy-imageRatio-tablet, var(--bzkmmy-imageRatio, auto)); img { object-fit: var(--bzkmmy-objFit-tablet, var(--bzkmmy-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--bzkmmy-width-mobile, var(--bzkmmy-width, 100%)) - var(--bzkmmy-margin-left-mobile, var(--bzkmmy-margin-left, 0px)) - var(--bzkmmy-margin-right-mobile, var(--bzkmmy-margin-right, 0px)) ); aspect-ratio: var(--bzkmmy-imageRatio-mobile, var(--bzkmmy-imageRatio, auto)); img { object-fit: var(--bzkmmy-objFit-mobile, var(--bzkmmy-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-4d3bxv"] [data-bnode="beae-7g663k"] { padding-top: var(--7g663k-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--7g663k-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--7g663k-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--7g663k-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--7g663k-padding-top-tablet, var(--7g663k-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--7g663k-padding-right-tablet, var(--7g663k-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--7g663k-padding-bottom-tablet, var(--7g663k-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--7g663k-padding-left-tablet, var(--7g663k-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--7g663k-padding-top-mobile, var(--7g663k-padding-top-tablet, var(--7g663k-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--7g663k-padding-right-mobile, var(--7g663k-padding-right-tablet, var(--7g663k-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--7g663k-padding-bottom-mobile, var(--7g663k-padding-bottom-tablet, var(--7g663k-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--7g663k-padding-left-mobile, var(--7g663k-padding-left-tablet, var(--7g663k-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--7g663k-padding-left, var(--beae-slot-padding-x, 0px)) - var(--7g663k-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: absolute; left: 5%; bottom: 5%; aspect-ratio: var(--7g663k-background-imageRatio, auto); background: var(--7g663k-background-color); border-style: var(--7g663k-borderStyle, solid); border-color: var(--7g663k-borderColor, #000000); border-width: var(--7g663k-borderWidth-tl, 0px) var(--7g663k-borderWidth-tr, 0px) var(--7g663k-borderWidth-br, 0px) var(--7g663k-borderWidth-bl, 0px); border-radius: var(--7g663k-borderRadius-tl, 0px) var(--7g663k-borderRadius-tr, 0px) var(--7g663k-borderRadius-br, 0px) var(--7g663k-borderRadius-bl, 0px); box-shadow: if( style(--7g663k-enableShadow: true): var(--7g663k-shadowHorizontal, 0) var(--7g663k-shadowVertical, 0) var(--7g663k-shadowBlur, 0) 1px var(--7g663k-shadowColor, #000000) ; else: none ); max-width: var(--7g663k-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--7g663k-background-imageRatio-tablet, var(--7g663k-background-imageRatio, auto) ); border-width: var(--7g663k-borderWidth-tl-tablet, 0px) var(--7g663k-borderWidth-tr-tablet, 0px) var(--7g663k-borderWidth-br-tablet, 0px) var(--7g663k-borderWidth-bl-tablet, 0px); border-radius: var(--7g663k-borderRadius-tl-tablet, 0px) var(--7g663k-borderRadius-tr-tablet, 0px) var(--7g663k-borderRadius-br-tablet, 0px) var(--7g663k-borderRadius-bl-tablet, 0px); max-width: var(--7g663k-max-width-tablet, var(--7g663k-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--7g663k-background-imageRatio-mobile, var(--7g663k-background-imageRatio, auto) ); border-width: var(--7g663k-borderWidth-tl-mobile, 0px) var(--7g663k-borderWidth-tr-mobile, 0px) var(--7g663k-borderWidth-br-mobile, 0px) var(--7g663k-borderWidth-bl-mobile, 0px); border-radius: var(--7g663k-borderRadius-tl-mobile, 0px) var(--7g663k-borderRadius-tr-mobile, 0px) var(--7g663k-borderRadius-br-mobile, 0px) var(--7g663k-borderRadius-bl-mobile, 0px); max-width: var(--7g663k-max-width-mobile, var(--7g663k-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-4d3bxv"] [data-bnode="beae-2uuyzr"] { margin-top: var(--2uuyzr-margin-top, 0px); margin-right: var(--2uuyzr-margin-right, 0px); margin-bottom: var(--2uuyzr-margin-bottom, 0px); margin-left: var(--2uuyzr-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2uuyzr-margin-top-tablet, 0px); margin-right: var(--2uuyzr-margin-right-tablet, 0px); margin-bottom: var(--2uuyzr-margin-bottom-tablet, 0px); margin-left: var(--2uuyzr-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2uuyzr-margin-top-mobile, 0px); margin-right: var(--2uuyzr-margin-right-mobile, 0px); margin-bottom: var(--2uuyzr-margin-bottom-mobile, 0px); margin-left: var(--2uuyzr-margin-left-mobile, 0px); } & { gap: var(--2uuyzr-iconGap, 5px); &.beae-btn-pr { border: none !important; outline: none; } &.beae-btn-pr:hover { background-color: var(--2uuyzr-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--2uuyzr-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--2uuyzr-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover { background-color: var(--2uuyzr-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--2uuyzr-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--2uuyzr-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover { color: var(--2uuyzr-labelTeHover, var(--beae-btn-te-label-hover)); } span { display: flex; font-size: var(--2uuyzr-iconWidth); } svg { width: var(--2uuyzr-iconWidth, 20px); min-width: var(--2uuyzr-iconWidth, 20px); height: 100%; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--2uuyzr-iconGap-tablet); &:not(.beae-btn-te) { height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span { font-size: var(--2uuyzr-iconWidth-tablet, var(--2uuyzr-iconWidth)); } svg { width: var(--2uuyzr-iconWidth-tablet, var(--2uuyzr-iconWidth)); min-width: var(--2uuyzr-iconWidth-tablet, var(--2uuyzr-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--2uuyzr-iconGap-mobile); &:not(.beae-btn-te) { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span { font-size: var(--2uuyzr-iconWidth-mobile, var(--2uuyzr-iconWidth)); } svg { width: var(--2uuyzr-iconWidth-mobile, var(--2uuyzr-iconWidth)); min-width: var(--2uuyzr-iconWidth-mobile, var(--2uuyzr-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } } [data-bnode="beae-4d3bxv"] [data-bnode="beae-2oqxuz"] { padding-top: var(--2oqxuz-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--2oqxuz-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--2oqxuz-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--2oqxuz-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--2oqxuz-padding-top-tablet, var(--2oqxuz-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--2oqxuz-padding-right-tablet, var(--2oqxuz-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--2oqxuz-padding-bottom-tablet, var(--2oqxuz-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--2oqxuz-padding-left-tablet, var(--2oqxuz-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--2oqxuz-padding-top-mobile, var(--2oqxuz-padding-top-tablet, var(--2oqxuz-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--2oqxuz-padding-right-mobile, var(--2oqxuz-padding-right-tablet, var(--2oqxuz-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--2oqxuz-padding-bottom-mobile, var(--2oqxuz-padding-bottom-tablet, var(--2oqxuz-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--2oqxuz-padding-left-mobile, var(--2oqxuz-padding-left-tablet, var(--2oqxuz-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--2oqxuz-padding-left, var(--beae-slot-padding-x, 0px)) - var(--2oqxuz-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--2oqxuz-background-imageRatio, auto); background: var(--2oqxuz-background-color,transparent); border-style: var(--2oqxuz-borderStyle,solid); border-color: var(--2oqxuz-borderColor,#000000); border-width: var(--2oqxuz-borderWidth-tl,0px) var(--2oqxuz-borderWidth-tr,0px) var(--2oqxuz-borderWidth-br,0px) var(--2oqxuz-borderWidth-bl,0px); border-radius: var(--2oqxuz-borderRadius-tl,0px) var(--2oqxuz-borderRadius-tr,0px) var(--2oqxuz-borderRadius-br,0px) var(--2oqxuz-borderRadius-bl,0px); box-shadow: if(style(--2oqxuz-enableShadow: true): var(--2oqxuz-shadowHorizontal,0) var(--2oqxuz-shadowVertical,0) var(--2oqxuz-shadowBlur,0) 1px var(--2oqxuz-shadowColor,#000000); else: none); max-width: var(--2oqxuz-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--2oqxuz-background-imageRatio-tablet, var(--2oqxuz-background-imageRatio, auto)); border-width: var(--2oqxuz-borderWidth-tl-tablet,0px) var(--2oqxuz-borderWidth-tr-tablet,0px) var(--2oqxuz-borderWidth-br-tablet,0px) var(--2oqxuz-borderWidth-bl-tablet,0px); border-radius: var(--2oqxuz-borderRadius-tl-tablet,0px) var(--2oqxuz-borderRadius-tr-tablet,0px) var(--2oqxuz-borderRadius-br-tablet,0px) var(--2oqxuz-borderRadius-bl-tablet,0px); max-width: var(--2oqxuz-max-width-tablet, var(--2oqxuz-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--2oqxuz-background-imageRatio-mobile, var(--2oqxuz-background-imageRatio, auto)); border-width: var(--2oqxuz-borderWidth-tl-mobile,0px) var(--2oqxuz-borderWidth-tr-mobile,0px) var(--2oqxuz-borderWidth-br-mobile,0px) var(--2oqxuz-borderWidth-bl-mobile,0px); border-radius: var(--2oqxuz-borderRadius-tl-mobile,0px) var(--2oqxuz-borderRadius-tr-mobile,0px) var(--2oqxuz-borderRadius-br-mobile,0px) var(--2oqxuz-borderRadius-bl-mobile,0px); max-width: var(--2oqxuz-max-width-mobile, var(--2oqxuz-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--2oqxuz-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--2oqxuz-gap,var(--beae-card-gap)); padding-top: var(--2oqxuz-padding-top,var(--beae-card-padding)); padding-right: var(--2oqxuz-padding-right,var(--beae-card-padding)); padding-bottom: var(--2oqxuz-padding-bottom,var(--beae-card-padding)); padding-left: var(--2oqxuz-padding-left,var(--beae-card-padding)); border-width: var(--2oqxuz-borderWidth,var(--beae-card-border-width)); border-width: var(--2oqxuz-borderWidth-tl,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-tr,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-br,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--2oqxuz-borderRadius-tl,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-tr,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-br,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--2oqxuz-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--2oqxuz-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--2oqxuz-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--2oqxuz-padding-left-tablet,var(--beae-card-padding)); border-width: var(--2oqxuz-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--2oqxuz-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-br-desktop,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--2oqxuz-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--2oqxuz-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--2oqxuz-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--2oqxuz-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--2oqxuz-padding-left-mobile,var(--beae-card-padding)); border-width: var(--2oqxuz-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--2oqxuz-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-br-mobile,var(--beae-card-border-width)) var(--2oqxuz-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--2oqxuz-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--2oqxuz-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--2oqxuz-background-color,var(--beae-card-featured-background)); border-color: var(--2oqxuz-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--2oqxuz-enableShadow: true): var(--2oqxuz-shadowHorizontal, var(--beae-card-shadow-x)) var(--2oqxuz-shadowVertical, var(--beae-card-shadow-y)) var(--2oqxuz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2oqxuz-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--2oqxuz-background-color,var(--beae-card-prod-background)); border-color: var(--2oqxuz-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--2oqxuz-enableShadow: true): var(--2oqxuz-shadowHorizontal, var(--beae-card-shadow-x)) var(--2oqxuz-shadowVertical, var(--beae-card-shadow-y)) var(--2oqxuz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2oqxuz-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--2oqxuz-background-color,var(--beae-card-pricing-background)); border-color: var(--2oqxuz-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--2oqxuz-enableShadow: true): var(--2oqxuz-shadowHorizontal, var(--beae-card-shadow-x)) var(--2oqxuz-shadowVertical, var(--beae-card-shadow-y)) var(--2oqxuz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2oqxuz-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--2oqxuz-background-color,var(--beae-card-cta-background)); border-color: var(--2oqxuz-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--2oqxuz-enableShadow: true): var(--2oqxuz-shadowHorizontal, var(--beae-card-shadow-x)) var(--2oqxuz-shadowVertical, var(--beae-card-shadow-y)) var(--2oqxuz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2oqxuz-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--2oqxuz-background-color,var(--beae-card-media-background)); border-color: var(--2oqxuz-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--2oqxuz-enableShadow: true): var(--2oqxuz-shadowHorizontal, var(--beae-card-shadow-x)) var(--2oqxuz-shadowVertical, var(--beae-card-shadow-y)) var(--2oqxuz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2oqxuz-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-4d3bxv"] [data-bnode="beae-il171r"] { margin-top: var(--il171r-margin-top, 0px); margin-right: var(--il171r-margin-right, 0px); margin-bottom: var(--il171r-margin-bottom, 0px); margin-left: var(--il171r-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--il171r-margin-top-tablet, 0px); margin-right: var(--il171r-margin-right-tablet, 0px); margin-bottom: var(--il171r-margin-bottom-tablet, 0px); margin-left: var(--il171r-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--il171r-margin-top-mobile, 0px); margin-right: var(--il171r-margin-right-mobile, 0px); margin-bottom: var(--il171r-margin-bottom-mobile, 0px); margin-left: var(--il171r-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--il171r-highlightColor,var(--beae-p-color)); top: var(--il171r-highlightTop, 100%); } } [data-bnode="beae-4d3bxv"] [data-bnode="beae-m6r84w"] { margin-top: var(--m6r84w-margin-top, 0px); margin-right: var(--m6r84w-margin-right, 0px); margin-bottom: var(--m6r84w-margin-bottom, 0px); margin-left: var(--m6r84w-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--m6r84w-margin-top-tablet, 0px); margin-right: var(--m6r84w-margin-right-tablet, 0px); margin-bottom: var(--m6r84w-margin-bottom-tablet, 0px); margin-left: var(--m6r84w-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--m6r84w-margin-top-mobile, 0px); margin-right: var(--m6r84w-margin-right-mobile, 0px); margin-bottom: var(--m6r84w-margin-bottom-mobile, 0px); margin-left: var(--m6r84w-margin-left-mobile, 0px); } } [data-bnode="beae-4d3bxv"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-4d3bxv"] [data-bnode="be-ctl-item"] { display: flex; flex-direction: var(--be-ctl-item-direction, column); flex-wrap: nowrap; justify-content: var(--be-ctl-item-justify-content); align-items: var(--be-ctl-item-align-items); gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-4d3bxv"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-4d3bxv"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px)); } } }[data-bnode="beae-lij616"] { display: flex; flex-direction: var(--lij616-direction, column); flex-wrap: nowrap; justify-content: var(--lij616-justify-content); align-items: var(--lij616-align-items); gap: var(--lij616-gap, var(--lij616-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-lij616"] { gap: var(--lij616-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--lij616-padding-right-tablet, 0px) - var(--lij616-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-lij616"] { gap: var(--lij616-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--lij616-padding-right-mobile, 0px) - var(--lij616-padding-right-mobile, 0px)); } } }[data-bnode="beae-7g663k"] { display: flex; flex-direction: var(--7g663k-direction, column); flex-wrap: nowrap; justify-content: var(--7g663k-justify-content); align-items: var(--7g663k-align-items); gap: var(--7g663k-gap, var(--7g663k-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-7g663k"] { gap: var(--7g663k-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--7g663k-padding-right-tablet, 0px) - var(--7g663k-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-7g663k"] { gap: var(--7g663k-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--7g663k-padding-right-mobile, 0px) - var(--7g663k-padding-right-mobile, 0px)); } } }[data-bnode="beae-2oqxuz"] { display: flex; flex-direction: var(--2oqxuz-direction, column); flex-wrap: nowrap; justify-content: var(--2oqxuz-justify-content); align-items: var(--2oqxuz-align-items); gap: var(--2oqxuz-gap, var(--2oqxuz-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-2oqxuz"] { gap: var(--2oqxuz-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--2oqxuz-padding-right-tablet, 0px) - var(--2oqxuz-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-2oqxuz"] { gap: var(--2oqxuz-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--2oqxuz-padding-right-mobile, 0px) - var(--2oqxuz-padding-right-mobile, 0px)); } } }[data-bnode="beae-i7942c"] { --i7942c-width: 1392px; --i7942c-width-tablet: 1392px; --i7942c-width-mobile: 1392px; --i7942c-height: fit-content; --i7942c-height-tablet: fit-content; --i7942c-height-mobile: fit-content; --i7942c-direction: column; --i7942c-direction-tablet: column; --i7942c-direction-mobile: column; --i7942c-structure: columns; --i7942c-structure-tablet: columns; --i7942c-structure-mobile: columns; --i7942c-padding-top: 112px; --i7942c-padding-top-tablet: 96px; --i7942c-padding-top-mobile: 80px; --i7942c-padding-right: 32px; --i7942c-padding-right-tablet: 30px; --i7942c-padding-right-mobile: 16px; --i7942c-padding-bottom: 112px; --i7942c-padding-bottom-tablet: 96px; --i7942c-padding-bottom-mobile: 80px; --i7942c-padding-left: 32px; --i7942c-padding-left-tablet: 30px; --i7942c-padding-left-mobile: 16px; --i7942c-gap: 32px; --i7942c-gap-tablet: 32px; --i7942c-gap-mobile: 32px; --i7942c-background-type: color; --i7942c-background-type-tablet: color; --i7942c-background-type-mobile: color; --i7942c-background-color: #F1EFE6; --i7942c-background-color-tablet: #F1EFE6; --i7942c-background-color-mobile: #F1EFE6; --i7942c-align-items: center; --i7942c-align-items-tablet: center; --i7942c-align-items-mobile: center; --i7942c-justify-content: center; --i7942c-justify-content-tablet: center; --i7942c-justify-content-mobile: center; }[data-bnode="beae-i7942c"] { padding-top: var(--i7942c-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--i7942c-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--i7942c-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--i7942c-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--i7942c-padding-top-tablet, var(--i7942c-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--i7942c-padding-right-tablet, var(--i7942c-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--i7942c-padding-bottom-tablet, var(--i7942c-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--i7942c-padding-left-tablet, var(--i7942c-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--i7942c-padding-top-mobile, var(--i7942c-padding-top-tablet, var(--i7942c-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--i7942c-padding-right-mobile, var(--i7942c-padding-right-tablet, var(--i7942c-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--i7942c-padding-bottom-mobile, var(--i7942c-padding-bottom-tablet, var(--i7942c-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--i7942c-padding-left-mobile, var(--i7942c-padding-left-tablet, var(--i7942c-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--i7942c-padding-left, var(--beae-section-padding-x, 0px)) - var(--i7942c-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; * { box-sizing: border-box; } & a { text-decoration: none; } &.beae-section { background: var(--i7942c-background-color); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--i7942c-height); width: 100%; max-width: var(--i7942c-width, 1280px); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; } } > .beae-video-background { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } & h1.beae-heading { display: inline-block; transition: transform 0.3s ease; transform-origin: center; } & h1.beae-heading:hover { transform: scale(1.05); } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { background: var(--i7942c-background-color-tablet, var(--i7942c-background-color)); & .beae-section-container { height: var(--i7942c-height-tablet, auto); width: 100%; max-width: var(--i7942c-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--i7942c-background-color-mobile, var(--i7942c-background-color-tablet, var(--i7942c-background-color)) ); & .beae-section-container { height: var(--i7942c-height-mobile, auto); width: 100%; max-width: var(--i7942c-width-mobile, 100%); } } } }[data-bnode="beae-i7942c"] > .beae-section-container{ display: flex; flex-direction: var(--i7942c-direction, column); flex-wrap: nowrap; justify-content: var(--i7942c-justify-content); align-items: var(--i7942c-align-items); gap: var(--i7942c-gap, var(--beae-grid-gap, 4px)); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-i7942c"] > .beae-section-container{ gap: var(--beae-grid-gap-tablet, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--i7942c-padding-right-tablet, 0px) - var(--i7942c-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-i7942c"] > .beae-section-container{ gap: var(--beae-grid-gap-mobile, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--i7942c-padding-right-mobile, 0px) - var(--i7942c-padding-right-mobile, 0px)); } } }[data-bnode="beae-pa15e7"] { --pa15e7-direction: column; --pa15e7-direction-tablet: column; --pa15e7-direction-mobile: column; --pa15e7-structure: columns; --pa15e7-structure-tablet: columns; --pa15e7-structure-mobile: columns; --pa15e7-max-width: 898px; --pa15e7-max-width-tablet: 898px; --pa15e7-max-width-mobile: 898px; --pa15e7-align-items: center; --pa15e7-align-items-tablet: center; --pa15e7-align-items-mobile: center; --pa15e7-gap: 32px; --pa15e7-gap-tablet: 32px; --pa15e7-gap-mobile: 32px; --pa15e7-padding-top: 0px; --pa15e7-padding-top-tablet: 0px; --pa15e7-padding-top-mobile: 0px; --pa15e7-padding-right: 0px; --pa15e7-padding-right-tablet: 0px; --pa15e7-padding-right-mobile: 0px; --pa15e7-padding-bottom: 0px; --pa15e7-padding-bottom-tablet: 0px; --pa15e7-padding-bottom-mobile: 0px; --pa15e7-padding-left: 0px; --pa15e7-padding-left-tablet: 0px; --pa15e7-padding-left-mobile: 0px; }[data-bnode="beae-pa15e7"] { padding-top: var(--pa15e7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pa15e7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pa15e7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pa15e7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pa15e7-padding-top-tablet, var(--pa15e7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pa15e7-padding-right-tablet, var(--pa15e7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pa15e7-padding-bottom-tablet, var(--pa15e7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pa15e7-padding-left-tablet, var(--pa15e7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pa15e7-padding-top-mobile, var(--pa15e7-padding-top-tablet, var(--pa15e7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pa15e7-padding-right-mobile, var(--pa15e7-padding-right-tablet, var(--pa15e7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pa15e7-padding-bottom-mobile, var(--pa15e7-padding-bottom-tablet, var(--pa15e7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pa15e7-padding-left-mobile, var(--pa15e7-padding-left-tablet, var(--pa15e7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--pa15e7-padding-left, var(--beae-slot-padding-x, 0px)) - var(--pa15e7-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--pa15e7-background-imageRatio, auto); background: var(--pa15e7-background-color,transparent); border-style: var(--pa15e7-borderStyle,solid); border-color: var(--pa15e7-borderColor,#000000); border-width: var(--pa15e7-borderWidth-tl,0px) var(--pa15e7-borderWidth-tr,0px) var(--pa15e7-borderWidth-br,0px) var(--pa15e7-borderWidth-bl,0px); border-radius: var(--pa15e7-borderRadius-tl,0px) var(--pa15e7-borderRadius-tr,0px) var(--pa15e7-borderRadius-br,0px) var(--pa15e7-borderRadius-bl,0px); box-shadow: if(style(--pa15e7-enableShadow: true): var(--pa15e7-shadowHorizontal,0) var(--pa15e7-shadowVertical,0) var(--pa15e7-shadowBlur,0) 1px var(--pa15e7-shadowColor,#000000); else: none); max-width: var(--pa15e7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--pa15e7-background-imageRatio-tablet, var(--pa15e7-background-imageRatio, auto)); border-width: var(--pa15e7-borderWidth-tl-tablet,0px) var(--pa15e7-borderWidth-tr-tablet,0px) var(--pa15e7-borderWidth-br-tablet,0px) var(--pa15e7-borderWidth-bl-tablet,0px); border-radius: var(--pa15e7-borderRadius-tl-tablet,0px) var(--pa15e7-borderRadius-tr-tablet,0px) var(--pa15e7-borderRadius-br-tablet,0px) var(--pa15e7-borderRadius-bl-tablet,0px); max-width: var(--pa15e7-max-width-tablet, var(--pa15e7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--pa15e7-background-imageRatio-mobile, var(--pa15e7-background-imageRatio, auto)); border-width: var(--pa15e7-borderWidth-tl-mobile,0px) var(--pa15e7-borderWidth-tr-mobile,0px) var(--pa15e7-borderWidth-br-mobile,0px) var(--pa15e7-borderWidth-bl-mobile,0px); border-radius: var(--pa15e7-borderRadius-tl-mobile,0px) var(--pa15e7-borderRadius-tr-mobile,0px) var(--pa15e7-borderRadius-br-mobile,0px) var(--pa15e7-borderRadius-bl-mobile,0px); max-width: var(--pa15e7-max-width-mobile, var(--pa15e7-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pa15e7-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--pa15e7-gap,var(--beae-card-gap)); padding-top: var(--pa15e7-padding-top,var(--beae-card-padding)); padding-right: var(--pa15e7-padding-right,var(--beae-card-padding)); padding-bottom: var(--pa15e7-padding-bottom,var(--beae-card-padding)); padding-left: var(--pa15e7-padding-left,var(--beae-card-padding)); border-width: var(--pa15e7-borderWidth,var(--beae-card-border-width)); border-width: var(--pa15e7-borderWidth-tl,var(--beae-card-border-width)) var(--pa15e7-borderWidth-tr,var(--beae-card-border-width)) var(--pa15e7-borderWidth-br,var(--beae-card-border-width)) var(--pa15e7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pa15e7-borderRadius-tl,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-tr,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-br,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--pa15e7-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pa15e7-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pa15e7-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pa15e7-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pa15e7-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--pa15e7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pa15e7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pa15e7-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pa15e7-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pa15e7-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--pa15e7-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pa15e7-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pa15e7-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pa15e7-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pa15e7-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--pa15e7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pa15e7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pa15e7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pa15e7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pa15e7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pa15e7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pa15e7-background-color,var(--beae-card-featured-background)); border-color: var(--pa15e7-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--pa15e7-enableShadow: true): var(--pa15e7-shadowHorizontal, var(--beae-card-shadow-x)) var(--pa15e7-shadowVertical, var(--beae-card-shadow-y)) var(--pa15e7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pa15e7-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--pa15e7-background-color,var(--beae-card-prod-background)); border-color: var(--pa15e7-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--pa15e7-enableShadow: true): var(--pa15e7-shadowHorizontal, var(--beae-card-shadow-x)) var(--pa15e7-shadowVertical, var(--beae-card-shadow-y)) var(--pa15e7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pa15e7-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--pa15e7-background-color,var(--beae-card-pricing-background)); border-color: var(--pa15e7-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--pa15e7-enableShadow: true): var(--pa15e7-shadowHorizontal, var(--beae-card-shadow-x)) var(--pa15e7-shadowVertical, var(--beae-card-shadow-y)) var(--pa15e7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pa15e7-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--pa15e7-background-color,var(--beae-card-cta-background)); border-color: var(--pa15e7-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--pa15e7-enableShadow: true): var(--pa15e7-shadowHorizontal, var(--beae-card-shadow-x)) var(--pa15e7-shadowVertical, var(--beae-card-shadow-y)) var(--pa15e7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pa15e7-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--pa15e7-background-color,var(--beae-card-media-background)); border-color: var(--pa15e7-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--pa15e7-enableShadow: true): var(--pa15e7-shadowHorizontal, var(--beae-card-shadow-x)) var(--pa15e7-shadowVertical, var(--beae-card-shadow-y)) var(--pa15e7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pa15e7-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-pa15e7"] { display: flex; flex-direction: var(--pa15e7-direction, column); flex-wrap: nowrap; justify-content: var(--pa15e7-justify-content); align-items: var(--pa15e7-align-items); gap: var(--pa15e7-gap, var(--pa15e7-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-pa15e7"] { gap: var(--pa15e7-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--pa15e7-padding-right-tablet, 0px) - var(--pa15e7-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-pa15e7"] { gap: var(--pa15e7-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--pa15e7-padding-right-mobile, 0px) - var(--pa15e7-padding-right-mobile, 0px)); } } }[data-bnode="beae-75va2b"] { --beae-p3-font-size: 18px; --beae-p3-font-size-tablet: 18px; --beae-p3-font-size-mobile: 18px; --beae-p3-color: #444444; --beae-p3-font-family: Instrument Sans; --beae-p3-font-weight: 500; --beae-p3-line-height: 1.5; --beae-p3-line-height-tablet: 1.8; --beae-p3-line-height-mobile: 1.8; --beae-p3-letter-spacing: 0px; --beae-p3-letter-spacing-tablet: 0px; --beae-p3-letter-spacing-mobile: 0px; --beae-p3-text-transform: none; --75va2b-typography: p3; --75va2b-typography-tablet: p3; --75va2b-typography-mobile: p3; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p3-text-align: center; --75va2b-margin-top: 0px; --75va2b-margin-top-tablet: 0px; --75va2b-margin-top-mobile: 0px; --75va2b-margin-right: 0px; --75va2b-margin-right-tablet: 0px; --75va2b-margin-right-mobile: 0px; --75va2b-margin-bottom: 0px; --75va2b-margin-bottom-tablet: 0px; --75va2b-margin-bottom-mobile: 0px; --75va2b-margin-left: 0px; --75va2b-margin-left-tablet: 0px; --75va2b-margin-left-mobile: 0px; }[data-bnode="beae-75va2b"] { margin-top: var(--75va2b-margin-top, 0px); margin-right: var(--75va2b-margin-right, 0px); margin-bottom: var(--75va2b-margin-bottom, 0px); margin-left: var(--75va2b-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--75va2b-margin-top-tablet, 0px); margin-right: var(--75va2b-margin-right-tablet, 0px); margin-bottom: var(--75va2b-margin-bottom-tablet, 0px); margin-left: var(--75va2b-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--75va2b-margin-top-mobile, 0px); margin-right: var(--75va2b-margin-right-mobile, 0px); margin-bottom: var(--75va2b-margin-bottom-mobile, 0px); margin-left: var(--75va2b-margin-left-mobile, 0px); } }[data-bnode="beae-qwrokh"] { --qwrokh-direction: column; --qwrokh-direction-tablet: column; --qwrokh-direction-mobile: column; --qwrokh-structure: columns; --qwrokh-structure-tablet: columns; --qwrokh-structure-mobile: columns; --qwrokh-align-items: center; --qwrokh-align-items-tablet: center; --qwrokh-align-items-mobile: center; --qwrokh-padding-top: 0px; --qwrokh-padding-top-tablet: 0px; --qwrokh-padding-top-mobile: 0px; --qwrokh-padding-right: 0px; --qwrokh-padding-right-tablet: 0px; --qwrokh-padding-right-mobile: 0px; --qwrokh-padding-bottom: 4px; --qwrokh-padding-bottom-tablet: 4px; --qwrokh-padding-bottom-mobile: 4px; --qwrokh-padding-left: 0px; --qwrokh-padding-left-tablet: 0px; --qwrokh-padding-left-mobile: 0px; --qwrokh-gap: 0px; --qwrokh-gap-tablet: 0px; --qwrokh-gap-mobile: 0px; }[data-bnode="beae-qwrokh"] { padding-top: var(--qwrokh-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--qwrokh-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--qwrokh-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--qwrokh-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--qwrokh-padding-top-tablet, var(--qwrokh-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--qwrokh-padding-right-tablet, var(--qwrokh-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--qwrokh-padding-bottom-tablet, var(--qwrokh-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--qwrokh-padding-left-tablet, var(--qwrokh-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--qwrokh-padding-top-mobile, var(--qwrokh-padding-top-tablet, var(--qwrokh-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--qwrokh-padding-right-mobile, var(--qwrokh-padding-right-tablet, var(--qwrokh-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--qwrokh-padding-bottom-mobile, var(--qwrokh-padding-bottom-tablet, var(--qwrokh-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--qwrokh-padding-left-mobile, var(--qwrokh-padding-left-tablet, var(--qwrokh-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--qwrokh-padding-left, var(--beae-slot-padding-x, 0px)) - var(--qwrokh-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--qwrokh-background-imageRatio, auto); background: var(--qwrokh-background-color,transparent); border-style: var(--qwrokh-borderStyle,solid); border-color: var(--qwrokh-borderColor,#000000); border-width: var(--qwrokh-borderWidth-tl,0px) var(--qwrokh-borderWidth-tr,0px) var(--qwrokh-borderWidth-br,0px) var(--qwrokh-borderWidth-bl,0px); border-radius: var(--qwrokh-borderRadius-tl,0px) var(--qwrokh-borderRadius-tr,0px) var(--qwrokh-borderRadius-br,0px) var(--qwrokh-borderRadius-bl,0px); box-shadow: if(style(--qwrokh-enableShadow: true): var(--qwrokh-shadowHorizontal,0) var(--qwrokh-shadowVertical,0) var(--qwrokh-shadowBlur,0) 1px var(--qwrokh-shadowColor,#000000); else: none); max-width: var(--qwrokh-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--qwrokh-background-imageRatio-tablet, var(--qwrokh-background-imageRatio, auto)); border-width: var(--qwrokh-borderWidth-tl-tablet,0px) var(--qwrokh-borderWidth-tr-tablet,0px) var(--qwrokh-borderWidth-br-tablet,0px) var(--qwrokh-borderWidth-bl-tablet,0px); border-radius: var(--qwrokh-borderRadius-tl-tablet,0px) var(--qwrokh-borderRadius-tr-tablet,0px) var(--qwrokh-borderRadius-br-tablet,0px) var(--qwrokh-borderRadius-bl-tablet,0px); max-width: var(--qwrokh-max-width-tablet, var(--qwrokh-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--qwrokh-background-imageRatio-mobile, var(--qwrokh-background-imageRatio, auto)); border-width: var(--qwrokh-borderWidth-tl-mobile,0px) var(--qwrokh-borderWidth-tr-mobile,0px) var(--qwrokh-borderWidth-br-mobile,0px) var(--qwrokh-borderWidth-bl-mobile,0px); border-radius: var(--qwrokh-borderRadius-tl-mobile,0px) var(--qwrokh-borderRadius-tr-mobile,0px) var(--qwrokh-borderRadius-br-mobile,0px) var(--qwrokh-borderRadius-bl-mobile,0px); max-width: var(--qwrokh-max-width-mobile, var(--qwrokh-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--qwrokh-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--qwrokh-gap,var(--beae-card-gap)); padding-top: var(--qwrokh-padding-top,var(--beae-card-padding)); padding-right: var(--qwrokh-padding-right,var(--beae-card-padding)); padding-bottom: var(--qwrokh-padding-bottom,var(--beae-card-padding)); padding-left: var(--qwrokh-padding-left,var(--beae-card-padding)); border-width: var(--qwrokh-borderWidth,var(--beae-card-border-width)); border-width: var(--qwrokh-borderWidth-tl,var(--beae-card-border-width)) var(--qwrokh-borderWidth-tr,var(--beae-card-border-width)) var(--qwrokh-borderWidth-br,var(--beae-card-border-width)) var(--qwrokh-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--qwrokh-borderRadius-tl,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-tr,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-br,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--qwrokh-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--qwrokh-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--qwrokh-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--qwrokh-padding-left-tablet,var(--beae-card-padding)); border-width: var(--qwrokh-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--qwrokh-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--qwrokh-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--qwrokh-borderWidth-br-desktop,var(--beae-card-border-width)) var(--qwrokh-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--qwrokh-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--qwrokh-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--qwrokh-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--qwrokh-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--qwrokh-padding-left-mobile,var(--beae-card-padding)); border-width: var(--qwrokh-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--qwrokh-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--qwrokh-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--qwrokh-borderWidth-br-mobile,var(--beae-card-border-width)) var(--qwrokh-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--qwrokh-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--qwrokh-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--qwrokh-background-color,var(--beae-card-featured-background)); border-color: var(--qwrokh-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--qwrokh-enableShadow: true): var(--qwrokh-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwrokh-shadowVertical, var(--beae-card-shadow-y)) var(--qwrokh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwrokh-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--qwrokh-background-color,var(--beae-card-prod-background)); border-color: var(--qwrokh-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--qwrokh-enableShadow: true): var(--qwrokh-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwrokh-shadowVertical, var(--beae-card-shadow-y)) var(--qwrokh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwrokh-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--qwrokh-background-color,var(--beae-card-pricing-background)); border-color: var(--qwrokh-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--qwrokh-enableShadow: true): var(--qwrokh-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwrokh-shadowVertical, var(--beae-card-shadow-y)) var(--qwrokh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwrokh-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--qwrokh-background-color,var(--beae-card-cta-background)); border-color: var(--qwrokh-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--qwrokh-enableShadow: true): var(--qwrokh-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwrokh-shadowVertical, var(--beae-card-shadow-y)) var(--qwrokh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwrokh-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--qwrokh-background-color,var(--beae-card-media-background)); border-color: var(--qwrokh-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--qwrokh-enableShadow: true): var(--qwrokh-shadowHorizontal, var(--beae-card-shadow-x)) var(--qwrokh-shadowVertical, var(--beae-card-shadow-y)) var(--qwrokh-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--qwrokh-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-qwrokh"] { display: flex; flex-direction: var(--qwrokh-direction, column); flex-wrap: nowrap; justify-content: var(--qwrokh-justify-content); align-items: var(--qwrokh-align-items); gap: var(--qwrokh-gap, var(--qwrokh-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-qwrokh"] { gap: var(--qwrokh-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(33.33% - var(--qwrokh-padding-right-tablet, 0px) - var(--qwrokh-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-qwrokh"] { gap: var(--qwrokh-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(33.33% - var(--qwrokh-padding-right-mobile, 0px) - var(--qwrokh-padding-right-mobile, 0px)); } } }[data-bnode="beae-lb1epn"] { --lb1epn-direction: row; --lb1epn-direction-tablet: row; --lb1epn-direction-mobile: column; --lb1epn-structure: auto; --lb1epn-structure-tablet: auto; --lb1epn-structure-mobile: auto; --lb1epn-align-items: center; --lb1epn-align-items-tablet: center; --lb1epn-align-items-mobile: center; --lb1epn-gap: 24px; --lb1epn-gap-tablet: 24px; --lb1epn-gap-mobile: 24px; --lb1epn-justify-content: center; --lb1epn-justify-content-tablet: center; --lb1epn-justify-content-mobile: center; --lb1epn-padding-top: 0px; --lb1epn-padding-top-tablet: 0px; --lb1epn-padding-top-mobile: 0px; --lb1epn-padding-right: 0px; --lb1epn-padding-right-tablet: 0px; --lb1epn-padding-right-mobile: 0px; --lb1epn-padding-bottom: -31px; --lb1epn-padding-bottom-tablet: -31px; --lb1epn-padding-bottom-mobile: -31px; --lb1epn-padding-left: 0px; --lb1epn-padding-left-tablet: 0px; --lb1epn-padding-left-mobile: 0px; }[data-bnode="beae-lb1epn"] { padding-top: var(--lb1epn-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--lb1epn-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--lb1epn-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--lb1epn-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--lb1epn-padding-top-tablet, var(--lb1epn-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--lb1epn-padding-right-tablet, var(--lb1epn-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--lb1epn-padding-bottom-tablet, var(--lb1epn-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--lb1epn-padding-left-tablet, var(--lb1epn-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--lb1epn-padding-top-mobile, var(--lb1epn-padding-top-tablet, var(--lb1epn-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--lb1epn-padding-right-mobile, var(--lb1epn-padding-right-tablet, var(--lb1epn-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--lb1epn-padding-bottom-mobile, var(--lb1epn-padding-bottom-tablet, var(--lb1epn-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--lb1epn-padding-left-mobile, var(--lb1epn-padding-left-tablet, var(--lb1epn-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--lb1epn-padding-left, var(--beae-slot-padding-x, 0px)) - var(--lb1epn-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--lb1epn-background-imageRatio, auto); background: var(--lb1epn-background-color,transparent); border-style: var(--lb1epn-borderStyle,solid); border-color: var(--lb1epn-borderColor,#000000); border-width: var(--lb1epn-borderWidth-tl,0px) var(--lb1epn-borderWidth-tr,0px) var(--lb1epn-borderWidth-br,0px) var(--lb1epn-borderWidth-bl,0px); border-radius: var(--lb1epn-borderRadius-tl,0px) var(--lb1epn-borderRadius-tr,0px) var(--lb1epn-borderRadius-br,0px) var(--lb1epn-borderRadius-bl,0px); box-shadow: if(style(--lb1epn-enableShadow: true): var(--lb1epn-shadowHorizontal,0) var(--lb1epn-shadowVertical,0) var(--lb1epn-shadowBlur,0) 1px var(--lb1epn-shadowColor,#000000); else: none); max-width: var(--lb1epn-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--lb1epn-background-imageRatio-tablet, var(--lb1epn-background-imageRatio, auto)); border-width: var(--lb1epn-borderWidth-tl-tablet,0px) var(--lb1epn-borderWidth-tr-tablet,0px) var(--lb1epn-borderWidth-br-tablet,0px) var(--lb1epn-borderWidth-bl-tablet,0px); border-radius: var(--lb1epn-borderRadius-tl-tablet,0px) var(--lb1epn-borderRadius-tr-tablet,0px) var(--lb1epn-borderRadius-br-tablet,0px) var(--lb1epn-borderRadius-bl-tablet,0px); max-width: var(--lb1epn-max-width-tablet, var(--lb1epn-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--lb1epn-background-imageRatio-mobile, var(--lb1epn-background-imageRatio, auto)); border-width: var(--lb1epn-borderWidth-tl-mobile,0px) var(--lb1epn-borderWidth-tr-mobile,0px) var(--lb1epn-borderWidth-br-mobile,0px) var(--lb1epn-borderWidth-bl-mobile,0px); border-radius: var(--lb1epn-borderRadius-tl-mobile,0px) var(--lb1epn-borderRadius-tr-mobile,0px) var(--lb1epn-borderRadius-br-mobile,0px) var(--lb1epn-borderRadius-bl-mobile,0px); max-width: var(--lb1epn-max-width-mobile, var(--lb1epn-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--lb1epn-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--lb1epn-gap,var(--beae-card-gap)); padding-top: var(--lb1epn-padding-top,var(--beae-card-padding)); padding-right: var(--lb1epn-padding-right,var(--beae-card-padding)); padding-bottom: var(--lb1epn-padding-bottom,var(--beae-card-padding)); padding-left: var(--lb1epn-padding-left,var(--beae-card-padding)); border-width: var(--lb1epn-borderWidth,var(--beae-card-border-width)); border-width: var(--lb1epn-borderWidth-tl,var(--beae-card-border-width)) var(--lb1epn-borderWidth-tr,var(--beae-card-border-width)) var(--lb1epn-borderWidth-br,var(--beae-card-border-width)) var(--lb1epn-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--lb1epn-borderRadius-tl,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-tr,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-br,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--lb1epn-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--lb1epn-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--lb1epn-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--lb1epn-padding-left-tablet,var(--beae-card-padding)); border-width: var(--lb1epn-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--lb1epn-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--lb1epn-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--lb1epn-borderWidth-br-desktop,var(--beae-card-border-width)) var(--lb1epn-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--lb1epn-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--lb1epn-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--lb1epn-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--lb1epn-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--lb1epn-padding-left-mobile,var(--beae-card-padding)); border-width: var(--lb1epn-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--lb1epn-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--lb1epn-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--lb1epn-borderWidth-br-mobile,var(--beae-card-border-width)) var(--lb1epn-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--lb1epn-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--lb1epn-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--lb1epn-background-color,var(--beae-card-featured-background)); border-color: var(--lb1epn-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--lb1epn-enableShadow: true): var(--lb1epn-shadowHorizontal, var(--beae-card-shadow-x)) var(--lb1epn-shadowVertical, var(--beae-card-shadow-y)) var(--lb1epn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lb1epn-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--lb1epn-background-color,var(--beae-card-prod-background)); border-color: var(--lb1epn-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--lb1epn-enableShadow: true): var(--lb1epn-shadowHorizontal, var(--beae-card-shadow-x)) var(--lb1epn-shadowVertical, var(--beae-card-shadow-y)) var(--lb1epn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lb1epn-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--lb1epn-background-color,var(--beae-card-pricing-background)); border-color: var(--lb1epn-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--lb1epn-enableShadow: true): var(--lb1epn-shadowHorizontal, var(--beae-card-shadow-x)) var(--lb1epn-shadowVertical, var(--beae-card-shadow-y)) var(--lb1epn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lb1epn-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--lb1epn-background-color,var(--beae-card-cta-background)); border-color: var(--lb1epn-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--lb1epn-enableShadow: true): var(--lb1epn-shadowHorizontal, var(--beae-card-shadow-x)) var(--lb1epn-shadowVertical, var(--beae-card-shadow-y)) var(--lb1epn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lb1epn-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--lb1epn-background-color,var(--beae-card-media-background)); border-color: var(--lb1epn-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--lb1epn-enableShadow: true): var(--lb1epn-shadowHorizontal, var(--beae-card-shadow-x)) var(--lb1epn-shadowVertical, var(--beae-card-shadow-y)) var(--lb1epn-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--lb1epn-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-lb1epn"] { display: flex; flex-direction: var(--lb1epn-direction, column); flex-wrap: nowrap; justify-content: var(--lb1epn-justify-content); align-items: var(--lb1epn-align-items); gap: var(--lb1epn-gap, var(--lb1epn-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-lb1epn"] { gap: var(--lb1epn-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--lb1epn-padding-right-tablet, 0px) - var(--lb1epn-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-lb1epn"] { flex-direction: var(--lb1epn-direction-mobile, column); gap: var(--lb1epn-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-w95pat"] { --w95pat-width: 74px; --w95pat-width-tablet: 74px; --w95pat-width-mobile: 74px; --w95pat-imageRatio: 1/1; --w95pat-imageRatio-tablet: 1/1; --w95pat-imageRatio-mobile: 1/1; --w95pat-objFit: cover; --w95pat-objFit-tablet: cover; --w95pat-objFit-mobile: cover; --w95pat-borderColor: #000000; --w95pat-borderColor-tablet: #000000; --w95pat-borderColor-mobile: #000000; --w95pat-shadowColor: #000000; --w95pat-shadowColor-tablet: #000000; --w95pat-shadowColor-mobile: #000000; --w95pat-borderStyle: none; --w95pat-borderStyle-tablet: none; --w95pat-borderStyle-mobile: none; --w95pat-enableShadow: false; --w95pat-enableShadow-tablet: false; --w95pat-enableShadow-mobile: false; --w95pat-borderRadius-tl: 8px; --w95pat-borderRadius-tl-tablet: 8px; --w95pat-borderRadius-tl-mobile: 8px; --w95pat-borderRadius-tr: 8px; --w95pat-borderRadius-tr-tablet: 8px; --w95pat-borderRadius-tr-mobile: 8px; --w95pat-borderRadius-bl: 8px; --w95pat-borderRadius-bl-tablet: 8px; --w95pat-borderRadius-bl-mobile: 8px; --w95pat-borderRadius-br: 8px; --w95pat-borderRadius-br-tablet: 8px; --w95pat-borderRadius-br-mobile: 8px; }[data-bnode="beae-w95pat"] { margin-top: var(--w95pat-margin-top, 0px); margin-right: var(--w95pat-margin-right, 0px); margin-bottom: var(--w95pat-margin-bottom, 0px); margin-left: var(--w95pat-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w95pat-margin-top-tablet, 0px); margin-right: var(--w95pat-margin-right-tablet, 0px); margin-bottom: var(--w95pat-margin-bottom-tablet, 0px); margin-left: var(--w95pat-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w95pat-margin-top-mobile, 0px); margin-right: var(--w95pat-margin-right-mobile, 0px); margin-bottom: var(--w95pat-margin-bottom-mobile, 0px); margin-left: var(--w95pat-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--w95pat-width,100%) - var(--w95pat-margin-left,0px) - var(--w95pat-margin-right,0px)); min-height: min-content; border-style: var(--w95pat-borderStyle,solid); border-color: var(--w95pat-borderColor,#000000); border-width: var(--w95pat-borderWidth-tl,0px) var(--w95pat-borderWidth-tr,0px) var(--w95pat-borderWidth-br,0px) var(--w95pat-borderWidth-bl,0px); border-radius: var(--w95pat-borderRadius-tl,0px) var(--w95pat-borderRadius-tr,0px) var(--w95pat-borderRadius-br,0px) var(--w95pat-borderRadius-bl,0px); aspect-ratio: var(--w95pat-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--w95pat-borderWidth-tl-tablet, var(--w95pat-borderWidth-tl,0px)) var(--w95pat-borderWidth-tr-tablet, var(--w95pat-borderWidth-tr,0px)) var(--w95pat-borderWidth-br-tablet, var(--w95pat-borderWidth-br,0px)) var(--w95pat-borderWidth-bl-tablet, var(--w95pat-borderWidth-bl,0px)); border-radius: var(--w95pat-borderRadius-tl-tablet, var(--w95pat-borderRadius-tl,0px)) var(--w95pat-borderRadius-tr-tablet, var(--w95pat-borderRadius-tr,0px)) var(--w95pat-borderRadius-br-tablet, var(--w95pat-borderRadius-br,0px)) var(--w95pat-borderRadius-bl-tablet, var(--w95pat-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--w95pat-borderWidth-tl-mobile, var(--w95pat-borderWidth-tl,0px)) var(--w95pat-borderWidth-tr-mobile, var(--w95pat-borderWidth-tr,0px)) var(--w95pat-borderWidth-br-mobile, var(--w95pat-borderWidth-br,0px)) var(--w95pat-borderWidth-bl-mobile, var(--w95pat-borderWidth-bl,0px)); border-radius: var(--w95pat-borderRadius-tl-mobile, var(--w95pat-borderRadius-tl,0px)) var(--w95pat-borderRadius-tr-mobile, var(--w95pat-borderRadius-tr,0px)) var(--w95pat-borderRadius-br-mobile, var(--w95pat-borderRadius-br,0px)) var(--w95pat-borderRadius-bl-mobile, var(--w95pat-borderRadius-bl,0px)); } box-shadow: if( style(--w95pat-enableShadow: true): var(--w95pat-shadowHorizontal, 0) var(--w95pat-shadowVertical, 0) var(--w95pat-shadowBlur, 0) 1px var(--w95pat-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--w95pat-overlayColor-color, #000); opacity: var(--w95pat-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--w95pat-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--w95pat-width-tablet,var(--w95pat-width,100%)) - var(--w95pat-margin-left-tablet,var(--w95pat-margin-left,0px)) - var(--w95pat-margin-right-tablet,var(--w95pat-margin-right,0px))); aspect-ratio: var(--w95pat-imageRatio-tablet, var(--w95pat-imageRatio, auto)); img { object-fit: var(--w95pat-objFit-tablet, var(--w95pat-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--w95pat-width-mobile,var(--w95pat-width,100%)) - var(--w95pat-margin-left-mobile,var(--w95pat-margin-left,0px)) - var(--w95pat-margin-right-mobile,var(--w95pat-margin-right,0px))); aspect-ratio: var(--w95pat-imageRatio-mobile, var(--w95pat-imageRatio, auto)); img { object-fit: var(--w95pat-objFit-mobile, var(--w95pat-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-6lrz8n"] { --beae-h1-font-size: 60px; --beae-h1-font-size-tablet: 52px; --beae-h1-font-size-mobile: 46px; --beae-h1-color: #1D1D1F; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 600; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --6lrz8n-typography: h1; --6lrz8n-typography-tablet: h1; --6lrz8n-typography-mobile: h1; --beae-h1-text-align: start; --beae-h1-text-align-mobile: center; }[data-bnode="beae-6lrz8n"] { margin-top: var(--6lrz8n-margin-top, 0px); margin-right: var(--6lrz8n-margin-right, 0px); margin-bottom: var(--6lrz8n-margin-bottom, 0px); margin-left: var(--6lrz8n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6lrz8n-margin-top-tablet, 0px); margin-right: var(--6lrz8n-margin-right-tablet, 0px); margin-bottom: var(--6lrz8n-margin-bottom-tablet, 0px); margin-left: var(--6lrz8n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6lrz8n-margin-top-mobile, 0px); margin-right: var(--6lrz8n-margin-right-mobile, 0px); margin-bottom: var(--6lrz8n-margin-bottom-mobile, 0px); margin-left: var(--6lrz8n-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--6lrz8n-highlightColor,var(--beae-p-color)); top: var(--6lrz8n-highlightTop, 100%); } }[data-bnode="beae-9gf403"] { --9gf403-direction: row-reverse; --9gf403-direction-tablet: row-reverse; --9gf403-direction-mobile: column-reverse; --9gf403-structure: auto; --9gf403-structure-tablet: auto; --9gf403-structure-mobile: auto; --9gf403-align-items: center; --9gf403-align-items-tablet: center; --9gf403-align-items-mobile: center; --9gf403-gap: 24px; --9gf403-gap-tablet: 24px; --9gf403-gap-mobile: 24px; --9gf403-justify-content: center; --9gf403-justify-content-tablet: center; --9gf403-justify-content-mobile: center; --9gf403-padding-top: -10px; --9gf403-padding-top-tablet: -10px; --9gf403-padding-top-mobile: -10px; --9gf403-padding-right: 0px; --9gf403-padding-right-tablet: 0px; --9gf403-padding-right-mobile: 0px; --9gf403-padding-bottom: 0px; --9gf403-padding-bottom-tablet: 0px; --9gf403-padding-bottom-mobile: 0px; --9gf403-padding-left: 0px; --9gf403-padding-left-tablet: 0px; --9gf403-padding-left-mobile: 0px; }[data-bnode="beae-9gf403"] { padding-top: var(--9gf403-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9gf403-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9gf403-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9gf403-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9gf403-padding-top-tablet, var(--9gf403-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9gf403-padding-right-tablet, var(--9gf403-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9gf403-padding-bottom-tablet, var(--9gf403-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9gf403-padding-left-tablet, var(--9gf403-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9gf403-padding-top-mobile, var(--9gf403-padding-top-tablet, var(--9gf403-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9gf403-padding-right-mobile, var(--9gf403-padding-right-tablet, var(--9gf403-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9gf403-padding-bottom-mobile, var(--9gf403-padding-bottom-tablet, var(--9gf403-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9gf403-padding-left-mobile, var(--9gf403-padding-left-tablet, var(--9gf403-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--9gf403-padding-left, var(--beae-slot-padding-x, 0px)) - var(--9gf403-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { margin-top: 25px; position: relative; aspect-ratio: var(--9gf403-background-imageRatio, auto); background: var(--9gf403-background-color); border-style: var(--9gf403-borderStyle, solid); border-color: var(--9gf403-borderColor, #000000); border-width: var(--9gf403-borderWidth-tl, 0px) var(--9gf403-borderWidth-tr, 0px) var(--9gf403-borderWidth-br, 0px) var(--9gf403-borderWidth-bl, 0px); border-radius: var(--9gf403-borderRadius-tl, 0px) var(--9gf403-borderRadius-tr, 0px) var(--9gf403-borderRadius-br, 0px) var(--9gf403-borderRadius-bl, 0px); box-shadow: if( style(--9gf403-enableShadow: true): var(--9gf403-shadowHorizontal, 0) var(--9gf403-shadowVertical, 0) var(--9gf403-shadowBlur, 0) 1px var(--9gf403-shadowColor, #000000) ; else: none ); max-width: var(--9gf403-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { aspect-ratio: var(--9gf403-background-imageRatio-tablet, var(--9gf403-background-imageRatio, auto) ); border-width: var(--9gf403-borderWidth-tl-tablet, 0px) var(--9gf403-borderWidth-tr-tablet, 0px) var(--9gf403-borderWidth-br-tablet, 0px) var(--9gf403-borderWidth-bl-tablet, 0px); border-radius: var(--9gf403-borderRadius-tl-tablet, 0px) var(--9gf403-borderRadius-tr-tablet, 0px) var(--9gf403-borderRadius-br-tablet, 0px) var(--9gf403-borderRadius-bl-tablet, 0px); max-width: var(--9gf403-max-width-tablet, var(--9gf403-max-width, 100%)); } @media (max-width: 767px) { aspect-ratio: var(--9gf403-background-imageRatio-mobile, var(--9gf403-background-imageRatio, auto) ); border-width: var(--9gf403-borderWidth-tl-mobile, 0px) var(--9gf403-borderWidth-tr-mobile, 0px) var(--9gf403-borderWidth-br-mobile, 0px) var(--9gf403-borderWidth-bl-mobile, 0px); border-radius: var(--9gf403-borderRadius-tl-mobile, 0px) var(--9gf403-borderRadius-tr-mobile, 0px) var(--9gf403-borderRadius-br-mobile, 0px) var(--9gf403-borderRadius-bl-mobile, 0px); max-width: var(--9gf403-max-width-mobile, var(--9gf403-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-9gf403"] { display: flex; flex-direction: var(--9gf403-direction, column); flex-wrap: nowrap; justify-content: var(--9gf403-justify-content); align-items: var(--9gf403-align-items); gap: var(--9gf403-gap, var(--9gf403-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-9gf403"] { gap: var(--9gf403-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--9gf403-padding-right-tablet, 0px) - var(--9gf403-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-9gf403"] { flex-direction: var(--9gf403-direction-mobile, column); gap: var(--9gf403-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-0eozny"] { --0eozny-width: 74px; --0eozny-width-tablet: 74px; --0eozny-width-mobile: 74px; --0eozny-imageRatio: 1/1; --0eozny-imageRatio-tablet: 1/1; --0eozny-imageRatio-mobile: 1/1; --0eozny-objFit: cover; --0eozny-objFit-tablet: cover; --0eozny-objFit-mobile: cover; --0eozny-borderColor: #000000; --0eozny-borderColor-tablet: #000000; --0eozny-borderColor-mobile: #000000; --0eozny-shadowColor: #000000; --0eozny-shadowColor-tablet: #000000; --0eozny-shadowColor-mobile: #000000; --0eozny-borderStyle: none; --0eozny-borderStyle-tablet: none; --0eozny-borderStyle-mobile: none; --0eozny-enableShadow: false; --0eozny-enableShadow-tablet: false; --0eozny-enableShadow-mobile: false; }[data-bnode="beae-0eozny"] { margin-top: var(--0eozny-margin-top, 0px); margin-right: var(--0eozny-margin-right, 0px); margin-bottom: var(--0eozny-margin-bottom, 0px); margin-left: var(--0eozny-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0eozny-margin-top-tablet, 0px); margin-right: var(--0eozny-margin-right-tablet, 0px); margin-bottom: var(--0eozny-margin-bottom-tablet, 0px); margin-left: var(--0eozny-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0eozny-margin-top-mobile, 0px); margin-right: var(--0eozny-margin-right-mobile, 0px); margin-bottom: var(--0eozny-margin-bottom-mobile, 0px); margin-left: var(--0eozny-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--0eozny-width,100%) - var(--0eozny-margin-left,0px) - var(--0eozny-margin-right,0px)); min-height: min-content; border-style: var(--0eozny-borderStyle,solid); border-color: var(--0eozny-borderColor,#000000); border-width: var(--0eozny-borderWidth-tl,0px) var(--0eozny-borderWidth-tr,0px) var(--0eozny-borderWidth-br,0px) var(--0eozny-borderWidth-bl,0px); border-radius: var(--0eozny-borderRadius-tl,0px) var(--0eozny-borderRadius-tr,0px) var(--0eozny-borderRadius-br,0px) var(--0eozny-borderRadius-bl,0px); aspect-ratio: var(--0eozny-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--0eozny-borderWidth-tl-tablet, var(--0eozny-borderWidth-tl,0px)) var(--0eozny-borderWidth-tr-tablet, var(--0eozny-borderWidth-tr,0px)) var(--0eozny-borderWidth-br-tablet, var(--0eozny-borderWidth-br,0px)) var(--0eozny-borderWidth-bl-tablet, var(--0eozny-borderWidth-bl,0px)); border-radius: var(--0eozny-borderRadius-tl-tablet, var(--0eozny-borderRadius-tl,0px)) var(--0eozny-borderRadius-tr-tablet, var(--0eozny-borderRadius-tr,0px)) var(--0eozny-borderRadius-br-tablet, var(--0eozny-borderRadius-br,0px)) var(--0eozny-borderRadius-bl-tablet, var(--0eozny-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--0eozny-borderWidth-tl-mobile, var(--0eozny-borderWidth-tl,0px)) var(--0eozny-borderWidth-tr-mobile, var(--0eozny-borderWidth-tr,0px)) var(--0eozny-borderWidth-br-mobile, var(--0eozny-borderWidth-br,0px)) var(--0eozny-borderWidth-bl-mobile, var(--0eozny-borderWidth-bl,0px)); border-radius: var(--0eozny-borderRadius-tl-mobile, var(--0eozny-borderRadius-tl,0px)) var(--0eozny-borderRadius-tr-mobile, var(--0eozny-borderRadius-tr,0px)) var(--0eozny-borderRadius-br-mobile, var(--0eozny-borderRadius-br,0px)) var(--0eozny-borderRadius-bl-mobile, var(--0eozny-borderRadius-bl,0px)); } box-shadow: if( style(--0eozny-enableShadow: true): var(--0eozny-shadowHorizontal, 0) var(--0eozny-shadowVertical, 0) var(--0eozny-shadowBlur, 0) 1px var(--0eozny-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--0eozny-overlayColor-color, #000); opacity: var(--0eozny-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--0eozny-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--0eozny-width-tablet,var(--0eozny-width,100%)) - var(--0eozny-margin-left-tablet,var(--0eozny-margin-left,0px)) - var(--0eozny-margin-right-tablet,var(--0eozny-margin-right,0px))); aspect-ratio: var(--0eozny-imageRatio-tablet, var(--0eozny-imageRatio, auto)); img { object-fit: var(--0eozny-objFit-tablet, var(--0eozny-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--0eozny-width-mobile,var(--0eozny-width,100%)) - var(--0eozny-margin-left-mobile,var(--0eozny-margin-left,0px)) - var(--0eozny-margin-right-mobile,var(--0eozny-margin-right,0px))); aspect-ratio: var(--0eozny-imageRatio-mobile, var(--0eozny-imageRatio, auto)); img { object-fit: var(--0eozny-objFit-mobile, var(--0eozny-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-a8gupg"] { --beae-h1-font-size: 60px; --beae-h1-font-size-tablet: 52px; --beae-h1-font-size-mobile: 46px; --beae-h1-color: #1D1D1F; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 600; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --a8gupg-typography: h1; --a8gupg-typography-tablet: h1; --a8gupg-typography-mobile: h1; --beae-h1-text-align: start; --beae-h1-text-align-mobile: center; }[data-bnode="beae-a8gupg"] { margin-top: var(--a8gupg-margin-top, 0px); margin-right: var(--a8gupg-margin-right, 0px); margin-bottom: var(--a8gupg-margin-bottom, 0px); margin-left: var(--a8gupg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--a8gupg-margin-top-tablet, 0px); margin-right: var(--a8gupg-margin-right-tablet, 0px); margin-bottom: var(--a8gupg-margin-bottom-tablet, 0px); margin-left: var(--a8gupg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--a8gupg-margin-top-mobile, 0px); margin-right: var(--a8gupg-margin-right-mobile, 0px); margin-bottom: var(--a8gupg-margin-bottom-mobile, 0px); margin-left: var(--a8gupg-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--a8gupg-highlightColor,var(--beae-p-color)); top: var(--a8gupg-highlightTop, 100%); } }[data-bnode="beae-waaevj"] { --waaevj-width: fill; --waaevj-width-tablet: fill; --waaevj-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 50px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 38px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 50px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #121212; --beae-btn-text-transform: capitalize; --waaevj-iconWidth: 20px; --waaevj-iconWidth-tablet: 20px; --waaevj-iconWidth-mobile: 20px; --waaevj-iconGap: 5px; --waaevj-iconGap-tablet: 5px; --waaevj-iconGap-mobile: 5px; --waaevj-transform: none; --waaevj-transform-tablet: none; --waaevj-transform-mobile: none; --waaevj-button: pr; --waaevj-button-tablet: pr; --waaevj-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; --waaevj-margin-top: 40px; --waaevj-margin-top-tablet: 40px; --waaevj-margin-top-mobile: 40px; --waaevj-margin-right: 0px; --waaevj-margin-right-tablet: 0px; --waaevj-margin-right-mobile: 0px; --waaevj-margin-bottom: 0px; --waaevj-margin-bottom-tablet: 0px; --waaevj-margin-bottom-mobile: 0px; --waaevj-margin-left: 0px; --waaevj-margin-left-tablet: 0px; --waaevj-margin-left-mobile: 0px; }[data-bnode="beae-waaevj"] { margin-top: var(--waaevj-margin-top, 0px); margin-right: var(--waaevj-margin-right, 0px); margin-bottom: var(--waaevj-margin-bottom, 0px); margin-left: var(--waaevj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--waaevj-margin-top-tablet, 0px); margin-right: var(--waaevj-margin-right-tablet, 0px); margin-bottom: var(--waaevj-margin-bottom-tablet, 0px); margin-left: var(--waaevj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--waaevj-margin-top-mobile, 0px); margin-right: var(--waaevj-margin-right-mobile, 0px); margin-bottom: var(--waaevj-margin-bottom-mobile, 0px); margin-left: var(--waaevj-margin-left-mobile, 0px); } &{ gap:var(--waaevj-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--waaevj-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--waaevj-bgBtnHover)) * 1%)); style(--waaevj-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--waaevj-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--waaevj-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--waaevj-labelBtnHover)) * 1%)); style(--waaevj-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--waaevj-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--waaevj-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--waaevj-borderBtnHover)) * 1%)); style(--waaevj-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--waaevj-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--waaevj-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--waaevj-bgBtnHover)) * 1%)); style(--waaevj-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--waaevj-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--waaevj-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--waaevj-labelBtnHover)) * 1%)); style(--waaevj-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--waaevj-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--waaevj-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--waaevj-borderBtnHover)) * 1%)); style(--waaevj-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--waaevj-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--waaevj-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--waaevj-labelBtnHover)) * 1%)); style(--waaevj-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--waaevj-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--waaevj-iconWidth); } svg { width: var(--waaevj-iconWidth,20px); min-width: var(--waaevj-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--waaevj-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--waaevj-iconWidth-tablet, var(--waaevj-iconWidth)); } svg { width: var(--waaevj-iconWidth-tablet, var(--waaevj-iconWidth)); min-width: var(--waaevj-iconWidth-tablet, var(--waaevj-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--waaevj-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--waaevj-iconWidth-mobile, var(--waaevj-iconWidth)); } svg { width: var(--waaevj-iconWidth-mobile, var(--waaevj-iconWidth)); min-width: var(--waaevj-iconWidth-mobile, var(--waaevj-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-mwxw05"] { --mwxw05-width: 1392px; --mwxw05-width-tablet: 1392px; --mwxw05-width-mobile: 1392px; --mwxw05-height: fit-content; --mwxw05-height-tablet: fit-content; --mwxw05-height-mobile: fit-content; --mwxw05-padding-top: 112px; --mwxw05-padding-top-tablet: 96px; --mwxw05-padding-top-mobile: 80px; --mwxw05-padding-right: 32px; --mwxw05-padding-right-tablet: 30px; --mwxw05-padding-right-mobile: 16px; --mwxw05-padding-bottom: 112px; --mwxw05-padding-bottom-tablet: 96px; --mwxw05-padding-bottom-mobile: 80px; --mwxw05-padding-left: 32px; --mwxw05-padding-left-tablet: 30px; --mwxw05-padding-left-mobile: 16px; }[data-bnode="beae-mwxw05"] { padding-top: var(--mwxw05-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--mwxw05-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--mwxw05-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--mwxw05-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--mwxw05-padding-top-tablet, var(--mwxw05-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--mwxw05-padding-right-tablet, var(--mwxw05-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--mwxw05-padding-bottom-tablet, var(--mwxw05-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--mwxw05-padding-left-tablet, var(--mwxw05-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--mwxw05-padding-top-mobile, var(--mwxw05-padding-top-tablet, var(--mwxw05-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--mwxw05-padding-right-mobile, var(--mwxw05-padding-right-tablet, var(--mwxw05-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--mwxw05-padding-bottom-mobile, var(--mwxw05-padding-bottom-tablet, var(--mwxw05-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--mwxw05-padding-left-mobile, var(--mwxw05-padding-left-tablet, var(--mwxw05-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--mwxw05-padding-left, var(--beae-section-padding-x, 0px)) - var(--mwxw05-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--mwxw05-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--mwxw05-height); width: 100%; max-width: var(--mwxw05-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--mwxw05-height-tablet, auto); width: 100%; max-width: var(--mwxw05-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--mwxw05-height-mobile, auto); width: 100%; max-width: var(--mwxw05-width-mobile, 100%); } } } }[data-bnode="beae-mwxw05"] > .beae-section-container{ display: flex; flex-direction: var(--mwxw05-direction, column); flex-wrap: nowrap; justify-content: var(--mwxw05-justify-content); align-items: var(--mwxw05-align-items); gap: var(--mwxw05-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-mwxw05"] > .beae-section-container{ gap: var(--beae-grid-gap-tablet, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--mwxw05-padding-right-tablet, 0px) - var(--mwxw05-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-mwxw05"] > .beae-section-container{ gap: var(--beae-grid-gap-mobile, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--mwxw05-padding-right-mobile, 0px) - var(--mwxw05-padding-right-mobile, 0px)); } } }[data-bnode="beae-vv2yor"] { --vv2yor-direction: row; --vv2yor-direction-tablet: row; --vv2yor-direction-mobile: column; --vv2yor-structure: columns; --vv2yor-structure-tablet: columns; --vv2yor-structure-mobile: columns; --vv2yor-gap: 64px; --vv2yor-gap-tablet: 40px; --vv2yor-gap-mobile: 20px; --vv2yor-columns: 50.00,50.00; --vv2yor-columns-tablet: 50.00,50.00; --vv2yor-columns-mobile: 50.00,50.00; --vv2yor-columnsPresetId: 50.00,50.00; --vv2yor-columnsPresetId-tablet: 50.00,50.00; --vv2yor-columnsPresetId-mobile: 50.00,50.00; --vv2yor-max-width: 100%; --vv2yor-max-width-tablet: 100%; --vv2yor-max-width-mobile: 100%; --vv2yor-padding-top: 0px; --vv2yor-padding-top-tablet: 0px; --vv2yor-padding-top-mobile: 0px; --vv2yor-padding-right: 0px; --vv2yor-padding-right-tablet: 0px; --vv2yor-padding-right-mobile: 0px; --vv2yor-padding-bottom: 0px; --vv2yor-padding-bottom-tablet: 0px; --vv2yor-padding-bottom-mobile: 0px; --vv2yor-padding-left: 0px; --vv2yor-padding-left-tablet: 0px; --vv2yor-padding-left-mobile: 0px; }[data-bnode="beae-vv2yor"] { padding-top: var(--vv2yor-padding-top, 0px); padding-right: var(--vv2yor-padding-right, 0px); padding-bottom: var(--vv2yor-padding-bottom, 0px); padding-left: var(--vv2yor-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vv2yor-padding-top-tablet, var(--vv2yor-padding-top, 0px)); padding-right: var(--vv2yor-padding-right-tablet, var(--vv2yor-padding-right, 0px)); padding-bottom: var(--vv2yor-padding-bottom-tablet, var(--vv2yor-padding-bottom, 0px)); padding-left: var(--vv2yor-padding-left-tablet, var(--vv2yor-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--vv2yor-padding-top-mobile, var(--vv2yor-padding-top-tablet, var(--vv2yor-padding-top, 0px))); padding-right: var(--vv2yor-padding-right-mobile, var(--vv2yor-padding-right-tablet, var(--vv2yor-padding-right, 0px))); padding-bottom: var(--vv2yor-padding-bottom-mobile, var(--vv2yor-padding-bottom-tablet, var(--vv2yor-padding-bottom, 0px))); padding-left: var(--vv2yor-padding-left-mobile, var(--vv2yor-padding-left-tablet, var(--vv2yor-padding-left, 0px))); } width: calc( 100% - var(--vv2yor-padding-left, 0px) - var(--vv2yor-padding-right, 0px) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot, &.beae-featured-product { overflow: visible; } .beae-section:has(&), .beae-section-container:has(&) { overflow: visible !important; } .beae-section:has(&) > .beae-section-container { overflow: visible !important; } &.beae-slot { position: relative; overflow: visible; background: var(--vv2yor-background-color); border-style: var(--vv2yor-borderStyle, solid); border-color: var(--vv2yor-borderColor, #000000); border-width: var(--vv2yor-borderWidth-tl, 0px) var(--vv2yor-borderWidth-tr, 0px) var(--vv2yor-borderWidth-br, 0px) var(--vv2yor-borderWidth-bl, 0px); border-radius: var(--vv2yor-borderRadius-tl, 0px) var(--vv2yor-borderRadius-tr, 0px) var(--vv2yor-borderRadius-br, 0px) var(--vv2yor-borderRadius-bl, 0px); box-shadow: if( style(--vv2yor-enableShadow: true): var(--vv2yor-shadowHorizontal, 0) var(--vv2yor-shadowVertical, 0) var(--vv2yor-shadowBlur, 0) 1px var(--vv2yor-shadowColor, #000000) ; else: none ); max-width: var(--vv2yor-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--vv2yor-borderWidth-tl-tablet, 0px) var(--vv2yor-borderWidth-tr-tablet, 0px) var(--vv2yor-borderWidth-br-tablet, 0px) var(--vv2yor-borderWidth-bl-tablet, 0px); border-radius: var(--vv2yor-borderRadius-tl-tablet, 0px) var(--vv2yor-borderRadius-tr-tablet, 0px) var(--vv2yor-borderRadius-br-tablet, 0px) var(--vv2yor-borderRadius-bl-tablet, 0px); max-width: var(--vv2yor-max-width-tablet, var(--vv2yor-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--vv2yor-borderWidth-tl-mobile, 0px) var(--vv2yor-borderWidth-tr-mobile, 0px) var(--vv2yor-borderWidth-br-mobile, 0px) var(--vv2yor-borderWidth-bl-mobile, 0px); border-radius: var(--vv2yor-borderRadius-tl-mobile, 0px) var(--vv2yor-borderRadius-tr-mobile, 0px) var(--vv2yor-borderRadius-br-mobile, 0px) var(--vv2yor-borderRadius-bl-mobile, 0px); max-width: var(--vv2yor-max-width-mobile, var(--vv2yor-max-width, 100%)); } > * { position: relative; z-index: 1; } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } &.beae-featured-product { overflow: visible; align-items: flex-start; } &.beae-featured-product > .beae-virtual-slot[data-bnode-index="1"], &.beae-featured-product > .beae-virtual-slot:has( > .beae-media-wrapper[data-bnode-type="product-media"] ) { position: sticky; top: 0; align-self: flex-start; height: fit-content; z-index: 2; } &.beae-featured-product > .beae-media-wrapper[data-bnode-type="product-media"] { position: sticky; top: 0; align-self: flex-start; z-index: 2; } @media (max-width: 767px) { .beae-section:has(&), .beae-section-container:has(&), .beae-section:has(&) > .beae-section-container, &.beae-slot, &.beae-featured-product { max-width: 100%; overflow-x: hidden !important; } &.beae-slot, &.beae-featured-product, &.beae-featured-product > * { box-sizing: border-box; min-width: 0; width: 100%; } &.beae-featured-product > .beae-virtual-slot[data-bnode-index="1"], &.beae-featured-product > .beae-virtual-slot:has( > .beae-media-wrapper[data-bnode-type="product-media"] ), &.beae-featured-product > .beae-media-wrapper[data-bnode-type="product-media"] { position: static; } } }[data-bnode="beae-vv2yor"] { display: flex; flex-direction: var(--vv2yor-direction, column); flex-wrap: nowrap; justify-content: var(--vv2yor-justify-content); align-items: var(--vv2yor-align-items); gap: var(--vv2yor-gap, var(--vv2yor-gap, var(--beae-slot-gap))); &>.beae-slot { flex: 1 1 0; min-width: 0; } &>.beae-slot[data-bnode-index="1"] { flex-basis: calc(50.00% - var(--vv2yor-padding-right, 0px) - var(--vv2yor-padding-right, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(50.00% - var(--vv2yor-padding-right, 0px) - var(--vv2yor-padding-right, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--vv2yor-padding-right, 0px) - var(--vv2yor-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-vv2yor"] { gap: var(--vv2yor-gap-tablet, var(--vv2yor-gap-tablet, var(--beae-slot-gap-tablet))); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index="1"] { flex-basis: calc(50.00% - var(--vv2yor-padding-right-tablet, 0px) - var(--vv2yor-padding-right-tablet, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(50.00% - var(--vv2yor-padding-right-tablet, 0px) - var(--vv2yor-padding-right-tablet, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--vv2yor-padding-right-tablet, 0px) - var(--vv2yor-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-vv2yor"] { flex-direction: var(--vv2yor-direction-mobile, column); gap: var(--vv2yor-gap-mobile, var(--vv2yor-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-vosl44"] { --vosl44-media: thumbs; --vosl44-media-tablet: thumbs; --vosl44-media-mobile: thumbs; --vosl44-effect: fade; --vosl44-effect-tablet: fade; --vosl44-effect-mobile: fade; --vosl44-imageRatioMain: 1/1; --vosl44-imageRatioMain-tablet: 1/1; --vosl44-imageRatioMain-mobile: 1/1; --vosl44-positionThumb: bottom; --vosl44-positionThumb-tablet: bottom; --vosl44-positionThumb-mobile: bottom; --vosl44-widthItemThumbs: 100px; --vosl44-widthItemThumbs-tablet: 64px; --vosl44-widthItemThumbs-mobile: 64px; --vosl44-imageRatioThumbs: 1/1; --vosl44-imageRatioThumbs-tablet: 1/1; --vosl44-imageRatioThumbs-mobile: 1/1; --vosl44-borderStyleThumbs: solid; --vosl44-borderStyleThumbs-tablet: solid; --vosl44-borderStyleThumbs-mobile: solid; --vosl44-borderColorThumbs: #000000; --vosl44-borderColorThumbs-tablet: #000000; --vosl44-borderColorThumbs-mobile: #000000; --vosl44-borderWidthThumbs: 1px; --vosl44-borderWidthThumbs-tablet: 1px; --vosl44-borderWidthThumbs-mobile: 1px; --vosl44-gap: 24px; --vosl44-gap-tablet: 24px; --vosl44-gap-mobile: 24px; --vosl44-enableShadowThumbs: false; --vosl44-enableShadowThumbs-tablet: false; --vosl44-enableShadowThumbs-mobile: false; --vosl44-margin-top: 0px; --vosl44-margin-top-tablet: 0px; --vosl44-margin-top-mobile: 0px; --vosl44-margin-right: 0px; --vosl44-margin-right-tablet: 0px; --vosl44-margin-right-mobile: 0px; --vosl44-margin-bottom: 0px; --vosl44-margin-bottom-tablet: 0px; --vosl44-margin-bottom-mobile: 0px; --vosl44-margin-left: 0px; --vosl44-margin-left-tablet: 0px; --vosl44-margin-left-mobile: 0px; --vosl44-borderRadiusThumbs: 12px; --vosl44-borderRadiusThumbs-tablet: 12px; --vosl44-borderRadiusThumbs-mobile: 12px; --vosl44-borderRadiusMain: 24px; --vosl44-borderRadiusMain-tablet: 24px; --vosl44-borderRadiusMain-mobile: 24px; --vosl44-objFit: cover; --vosl44-objFit-tablet: cover; --vosl44-objFit-mobile: cover; }[data-bnode="beae-vosl44"] { margin-top: var(--vosl44-margin-top, 0px); margin-right: var(--vosl44-margin-right, 0px); margin-bottom: var(--vosl44-margin-bottom, 0px); margin-left: var(--vosl44-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vosl44-margin-top-tablet, 0px); margin-right: var(--vosl44-margin-right-tablet, 0px); margin-bottom: var(--vosl44-margin-bottom-tablet, 0px); margin-left: var(--vosl44-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vosl44-margin-top-mobile, 0px); margin-right: var(--vosl44-margin-right-mobile, 0px); margin-bottom: var(--vosl44-margin-bottom-mobile, 0px); margin-left: var(--vosl44-margin-left-mobile, 0px); } & { .beae-media-product { display: flex; gap: var(--vosl44-gap, 16px); width: 100%; .beae-main-slider-wrap { width: 100%; height: fit-content; } } .beae-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--vosl44-borderRadiusMain); box-shadow: if( style(--vosl44-enableShadowMain: true): var(--vosl44-shadowHorizontalMain, 0) var(--vosl44-shadowVerticalMain, 0) var(--vosl44-shadowBlurMain, 0) 1px var(--vosl44-shadowColorMain, #000000) ; else: none ); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--vosl44-borderWidthMain) var(--vosl44-borderStyleMain) var(--vosl44-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--vosl44-borderRadiusMain); box-shadow: if( style(--vosl44-enableShadowMain: true): var(--vosl44-shadowHorizontalMain, 0) var(--vosl44-shadowVerticalMain, 0) var(--vosl44-shadowBlurMain, 0) 1px var(--vosl44-shadowColorMain, #000000) ; else: none ); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--vosl44-borderWidthMain) var(--vosl44-borderStyleMain) var(--vosl44-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--vosl44-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--vosl44-objFit, cover); object-position: var(--beae-image-position, 0% 50%); vertical-align: middle; } } .beae-product-thumb-slide { .beae-slider-items { gap: 16px; justify-content: center; align-items: center; } .beae-slider-item { flex: 1 0 var(--vosl44-widthItemThumbs, 100px) !important; max-width: var(--vosl44-widthItemThumbs, 100px); } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if( style(--vosl44-enableShadowThumbs: true): var(--vosl44-shadowHorizontalThumbs, 0) var(--vosl44-shadowVerticalThumbs, 0) var(--vosl44-shadowBlurThumbs, 0) 1px var(--vosl44-shadowColorThumbs, #000000) ; else: none ); } .beae-slider-item.is-active .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--vosl44-borderWidthThumbs) var(--vosl44-borderStyleThumbs) var(--vosl44-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--vosl44-imageRatioThumbs); border-radius: var(--vosl44-borderRadiusThumbs); overflow: hidden; .beae-thumb-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } } } @media (min-width: 1181px) { & { .beae-media-product { &[data-position-thumbs="bottom"] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs="bottom"]) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { flex: 0 0 var(--vosl44-widthItemThumbs, 100px); width: var(--vosl44-widthItemThumbs, 100px); height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; justify-content: flex-start; align-items: center; } .beae-product-thumb-slide .beae-slider-item { flex: 0 0 min( var(--vosl44-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ) !important; width: min( var(--vosl44-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); min-width: min( var(--vosl44-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); max-width: min( var(--vosl44-widthItemThumbs, 100px), var(--beae-fit-thumb-size, 100px) ); } } &[data-position-thumbs="left"] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .beae-media-product { gap: var(--vosl44-gap-tablet, 16px); &[data-position-thumbs-tablet="bottom"] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet="bottom"]) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { flex: 0 0 var(--vosl44-widthItemThumbs-tablet, 80px); width: var(--vosl44-widthItemThumbs-tablet, 80px); height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; justify-content: flex-start; align-items: center; } .beae-product-thumb-slide .beae-slider-item { flex: 0 0 min( var(--vosl44-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ) !important; width: min( var(--vosl44-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); min-width: min( var(--vosl44-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); max-width: min( var(--vosl44-widthItemThumbs-tablet, 80px), var(--beae-fit-thumb-size, 80px) ); } } &[data-position-thumbs-tablet="left"] { flex-direction: row-reverse; } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--vosl44-widthItemThumbs-tablet, 80px) !important; max-width: var(--vosl44-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--vosl44-imageRatioMain-tablet); border-radius: var(--vosl44-borderRadiusMedia-tablet); .beae-product-image { object-fit: var(--vosl44-objFit-tablet, var(--vosl44-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--vosl44-imageRatioThumbs-tablet); border-radius: var(--vosl44-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { & { .beae-media-product { gap: var(--vosl44-gap-mobile, 16px); &[data-position-thumbs-mobile="bottom"] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--vosl44-widthItemThumbs-mobile, 64px) !important; max-width: var(--vosl44-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--vosl44-imageRatioMain-mobile); border-radius: var(--vosl44-borderRadiusMedia-mobile); .beae-product-image { object-fit: var(--vosl44-objFit-mobile, var(--vosl44-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--vosl44-imageRatioThumbs-mobile); border-radius: var(--vosl44-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--vosl44-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--vosl44-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--vosl44-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--vosl44-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--vosl44-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--vosl44-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--vosl44-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--vosl44-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--vosl44-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--vosl44-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--vosl44-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--vosl44-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--vosl44-navPadding, 12px); background: var(--vosl44-navBg, #f5f5f5); color: var(--vosl44-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--vosl44-navBgHover, #cccccc); color: var(--vosl44-navColorHover, #333333); } svg { width: var(--vosl44-navIconSize, 20px); height: var(--vosl44-navIconSize, 20px); } } } }[data-bnode="beae-erhwxe"] { --erhwxe-direction: column; --erhwxe-direction-tablet: column; --erhwxe-direction-mobile: column; --erhwxe-align-items: stretch; --erhwxe-align-items-tablet: stretch; --erhwxe-align-items-mobile: stretch; --erhwxe-gap: 32px; --erhwxe-gap-tablet: 32px; --erhwxe-gap-mobile: 32px; --erhwxe-padding-top: 0px; --erhwxe-padding-top-tablet: 0px; --erhwxe-padding-top-mobile: 0px; --erhwxe-padding-right: 0px; --erhwxe-padding-right-tablet: 0px; --erhwxe-padding-right-mobile: 0px; --erhwxe-padding-bottom: 0px; --erhwxe-padding-bottom-tablet: 0px; --erhwxe-padding-bottom-mobile: 0px; --erhwxe-padding-left: 0px; --erhwxe-padding-left-tablet: 0px; --erhwxe-padding-left-mobile: 0px; }[data-bnode="beae-erhwxe"] { padding-top: var(--erhwxe-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--erhwxe-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--erhwxe-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--erhwxe-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--erhwxe-padding-top-tablet, var(--erhwxe-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--erhwxe-padding-right-tablet, var(--erhwxe-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--erhwxe-padding-bottom-tablet, var(--erhwxe-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--erhwxe-padding-left-tablet, var(--erhwxe-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--erhwxe-padding-top-mobile, var(--erhwxe-padding-top-tablet, var(--erhwxe-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--erhwxe-padding-right-mobile, var(--erhwxe-padding-right-tablet, var(--erhwxe-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--erhwxe-padding-bottom-mobile, var(--erhwxe-padding-bottom-tablet, var(--erhwxe-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--erhwxe-padding-left-mobile, var(--erhwxe-padding-left-tablet, var(--erhwxe-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--erhwxe-padding-left, var(--beae-slot-padding-x, 0px)) - var(--erhwxe-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--erhwxe-background-imageRatio, auto); background: var(--erhwxe-background-color,transparent); border-style: var(--erhwxe-borderStyle,solid); border-color: var(--erhwxe-borderColor,#000000); border-width: var(--erhwxe-borderWidth-tl,0px) var(--erhwxe-borderWidth-tr,0px) var(--erhwxe-borderWidth-br,0px) var(--erhwxe-borderWidth-bl,0px); border-radius: var(--erhwxe-borderRadius-tl,0px) var(--erhwxe-borderRadius-tr,0px) var(--erhwxe-borderRadius-br,0px) var(--erhwxe-borderRadius-bl,0px); box-shadow: if(style(--erhwxe-enableShadow: true): var(--erhwxe-shadowHorizontal,0) var(--erhwxe-shadowVertical,0) var(--erhwxe-shadowBlur,0) 1px var(--erhwxe-shadowColor,#000000); else: none); max-width: var(--erhwxe-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--erhwxe-background-imageRatio-tablet, var(--erhwxe-background-imageRatio, auto)); border-width: var(--erhwxe-borderWidth-tl-tablet,0px) var(--erhwxe-borderWidth-tr-tablet,0px) var(--erhwxe-borderWidth-br-tablet,0px) var(--erhwxe-borderWidth-bl-tablet,0px); border-radius: var(--erhwxe-borderRadius-tl-tablet,0px) var(--erhwxe-borderRadius-tr-tablet,0px) var(--erhwxe-borderRadius-br-tablet,0px) var(--erhwxe-borderRadius-bl-tablet,0px); max-width: var(--erhwxe-max-width-tablet, var(--erhwxe-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--erhwxe-background-imageRatio-mobile, var(--erhwxe-background-imageRatio, auto)); border-width: var(--erhwxe-borderWidth-tl-mobile,0px) var(--erhwxe-borderWidth-tr-mobile,0px) var(--erhwxe-borderWidth-br-mobile,0px) var(--erhwxe-borderWidth-bl-mobile,0px); border-radius: var(--erhwxe-borderRadius-tl-mobile,0px) var(--erhwxe-borderRadius-tr-mobile,0px) var(--erhwxe-borderRadius-br-mobile,0px) var(--erhwxe-borderRadius-bl-mobile,0px); max-width: var(--erhwxe-max-width-mobile, var(--erhwxe-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--erhwxe-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--erhwxe-gap,var(--beae-card-gap)); padding-top: var(--erhwxe-padding-top,var(--beae-card-padding)); padding-right: var(--erhwxe-padding-right,var(--beae-card-padding)); padding-bottom: var(--erhwxe-padding-bottom,var(--beae-card-padding)); padding-left: var(--erhwxe-padding-left,var(--beae-card-padding)); border-width: var(--erhwxe-borderWidth,var(--beae-card-border-width)); border-width: var(--erhwxe-borderWidth-tl,var(--beae-card-border-width)) var(--erhwxe-borderWidth-tr,var(--beae-card-border-width)) var(--erhwxe-borderWidth-br,var(--beae-card-border-width)) var(--erhwxe-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--erhwxe-borderRadius-tl,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-tr,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-br,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--erhwxe-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--erhwxe-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--erhwxe-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--erhwxe-padding-left-tablet,var(--beae-card-padding)); border-width: var(--erhwxe-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--erhwxe-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--erhwxe-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--erhwxe-borderWidth-br-desktop,var(--beae-card-border-width)) var(--erhwxe-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--erhwxe-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--erhwxe-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--erhwxe-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--erhwxe-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--erhwxe-padding-left-mobile,var(--beae-card-padding)); border-width: var(--erhwxe-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--erhwxe-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--erhwxe-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--erhwxe-borderWidth-br-mobile,var(--beae-card-border-width)) var(--erhwxe-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--erhwxe-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--erhwxe-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--erhwxe-background-color,var(--beae-card-featured-background)); border-color: var(--erhwxe-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--erhwxe-enableShadow: true): var(--erhwxe-shadowHorizontal, var(--beae-card-shadow-x)) var(--erhwxe-shadowVertical, var(--beae-card-shadow-y)) var(--erhwxe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--erhwxe-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--erhwxe-background-color,var(--beae-card-prod-background)); border-color: var(--erhwxe-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--erhwxe-enableShadow: true): var(--erhwxe-shadowHorizontal, var(--beae-card-shadow-x)) var(--erhwxe-shadowVertical, var(--beae-card-shadow-y)) var(--erhwxe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--erhwxe-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--erhwxe-background-color,var(--beae-card-pricing-background)); border-color: var(--erhwxe-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--erhwxe-enableShadow: true): var(--erhwxe-shadowHorizontal, var(--beae-card-shadow-x)) var(--erhwxe-shadowVertical, var(--beae-card-shadow-y)) var(--erhwxe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--erhwxe-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--erhwxe-background-color,var(--beae-card-cta-background)); border-color: var(--erhwxe-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--erhwxe-enableShadow: true): var(--erhwxe-shadowHorizontal, var(--beae-card-shadow-x)) var(--erhwxe-shadowVertical, var(--beae-card-shadow-y)) var(--erhwxe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--erhwxe-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--erhwxe-background-color,var(--beae-card-media-background)); border-color: var(--erhwxe-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--erhwxe-enableShadow: true): var(--erhwxe-shadowHorizontal, var(--beae-card-shadow-x)) var(--erhwxe-shadowVertical, var(--beae-card-shadow-y)) var(--erhwxe-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--erhwxe-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-erhwxe"] { display: flex; flex-direction: var(--erhwxe-direction, column); flex-wrap: nowrap; justify-content: var(--erhwxe-justify-content); align-items: var(--erhwxe-align-items); gap: var(--erhwxe-gap, var(--erhwxe-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-erhwxe"] { gap: var(--erhwxe-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(16.67% - var(--erhwxe-padding-right-tablet, 0px) - var(--erhwxe-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-erhwxe"] { gap: var(--erhwxe-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(16.67% - var(--erhwxe-padding-right-mobile, 0px) - var(--erhwxe-padding-right-mobile, 0px)); } } }[data-bnode="beae-zdsj3v"] { --zdsj3v-direction: column; --zdsj3v-direction-tablet: column; --zdsj3v-direction-mobile: column; --zdsj3v-structure: columns; --zdsj3v-structure-tablet: columns; --zdsj3v-structure-mobile: columns; --zdsj3v-gap: 12px; --zdsj3v-gap-tablet: 12px; --zdsj3v-gap-mobile: 12px; }[data-bnode="beae-zdsj3v"] { padding-top: var(--zdsj3v-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--zdsj3v-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--zdsj3v-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--zdsj3v-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--zdsj3v-padding-top-tablet, var(--zdsj3v-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--zdsj3v-padding-right-tablet, var(--zdsj3v-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--zdsj3v-padding-bottom-tablet, var(--zdsj3v-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--zdsj3v-padding-left-tablet, var(--zdsj3v-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--zdsj3v-padding-top-mobile, var(--zdsj3v-padding-top-tablet, var(--zdsj3v-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--zdsj3v-padding-right-mobile, var(--zdsj3v-padding-right-tablet, var(--zdsj3v-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--zdsj3v-padding-bottom-mobile, var(--zdsj3v-padding-bottom-tablet, var(--zdsj3v-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--zdsj3v-padding-left-mobile, var(--zdsj3v-padding-left-tablet, var(--zdsj3v-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--zdsj3v-padding-left, var(--beae-slot-padding-x, 0px)) - var(--zdsj3v-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--zdsj3v-background-imageRatio, auto); background: var(--zdsj3v-background-color,transparent); border-style: var(--zdsj3v-borderStyle,solid); border-color: var(--zdsj3v-borderColor,#000000); border-width: var(--zdsj3v-borderWidth-tl,0px) var(--zdsj3v-borderWidth-tr,0px) var(--zdsj3v-borderWidth-br,0px) var(--zdsj3v-borderWidth-bl,0px); border-radius: var(--zdsj3v-borderRadius-tl,0px) var(--zdsj3v-borderRadius-tr,0px) var(--zdsj3v-borderRadius-br,0px) var(--zdsj3v-borderRadius-bl,0px); box-shadow: if(style(--zdsj3v-enableShadow: true): var(--zdsj3v-shadowHorizontal,0) var(--zdsj3v-shadowVertical,0) var(--zdsj3v-shadowBlur,0) 1px var(--zdsj3v-shadowColor,#000000); else: none); max-width: var(--zdsj3v-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--zdsj3v-background-imageRatio-tablet, var(--zdsj3v-background-imageRatio, auto)); border-width: var(--zdsj3v-borderWidth-tl-tablet,0px) var(--zdsj3v-borderWidth-tr-tablet,0px) var(--zdsj3v-borderWidth-br-tablet,0px) var(--zdsj3v-borderWidth-bl-tablet,0px); border-radius: var(--zdsj3v-borderRadius-tl-tablet,0px) var(--zdsj3v-borderRadius-tr-tablet,0px) var(--zdsj3v-borderRadius-br-tablet,0px) var(--zdsj3v-borderRadius-bl-tablet,0px); max-width: var(--zdsj3v-max-width-tablet, var(--zdsj3v-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--zdsj3v-background-imageRatio-mobile, var(--zdsj3v-background-imageRatio, auto)); border-width: var(--zdsj3v-borderWidth-tl-mobile,0px) var(--zdsj3v-borderWidth-tr-mobile,0px) var(--zdsj3v-borderWidth-br-mobile,0px) var(--zdsj3v-borderWidth-bl-mobile,0px); border-radius: var(--zdsj3v-borderRadius-tl-mobile,0px) var(--zdsj3v-borderRadius-tr-mobile,0px) var(--zdsj3v-borderRadius-br-mobile,0px) var(--zdsj3v-borderRadius-bl-mobile,0px); max-width: var(--zdsj3v-max-width-mobile, var(--zdsj3v-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--zdsj3v-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--zdsj3v-gap,var(--beae-card-gap)); padding-top: var(--zdsj3v-padding-top,var(--beae-card-padding)); padding-right: var(--zdsj3v-padding-right,var(--beae-card-padding)); padding-bottom: var(--zdsj3v-padding-bottom,var(--beae-card-padding)); padding-left: var(--zdsj3v-padding-left,var(--beae-card-padding)); border-width: var(--zdsj3v-borderWidth,var(--beae-card-border-width)); border-width: var(--zdsj3v-borderWidth-tl,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-tr,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-br,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--zdsj3v-borderRadius-tl,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-tr,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-br,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--zdsj3v-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--zdsj3v-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--zdsj3v-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--zdsj3v-padding-left-tablet,var(--beae-card-padding)); border-width: var(--zdsj3v-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--zdsj3v-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-br-desktop,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--zdsj3v-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--zdsj3v-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--zdsj3v-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--zdsj3v-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--zdsj3v-padding-left-mobile,var(--beae-card-padding)); border-width: var(--zdsj3v-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--zdsj3v-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-br-mobile,var(--beae-card-border-width)) var(--zdsj3v-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--zdsj3v-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--zdsj3v-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--zdsj3v-background-color,var(--beae-card-featured-background)); border-color: var(--zdsj3v-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--zdsj3v-enableShadow: true): var(--zdsj3v-shadowHorizontal, var(--beae-card-shadow-x)) var(--zdsj3v-shadowVertical, var(--beae-card-shadow-y)) var(--zdsj3v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zdsj3v-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--zdsj3v-background-color,var(--beae-card-prod-background)); border-color: var(--zdsj3v-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--zdsj3v-enableShadow: true): var(--zdsj3v-shadowHorizontal, var(--beae-card-shadow-x)) var(--zdsj3v-shadowVertical, var(--beae-card-shadow-y)) var(--zdsj3v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zdsj3v-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--zdsj3v-background-color,var(--beae-card-pricing-background)); border-color: var(--zdsj3v-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--zdsj3v-enableShadow: true): var(--zdsj3v-shadowHorizontal, var(--beae-card-shadow-x)) var(--zdsj3v-shadowVertical, var(--beae-card-shadow-y)) var(--zdsj3v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zdsj3v-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--zdsj3v-background-color,var(--beae-card-cta-background)); border-color: var(--zdsj3v-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--zdsj3v-enableShadow: true): var(--zdsj3v-shadowHorizontal, var(--beae-card-shadow-x)) var(--zdsj3v-shadowVertical, var(--beae-card-shadow-y)) var(--zdsj3v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zdsj3v-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--zdsj3v-background-color,var(--beae-card-media-background)); border-color: var(--zdsj3v-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--zdsj3v-enableShadow: true): var(--zdsj3v-shadowHorizontal, var(--beae-card-shadow-x)) var(--zdsj3v-shadowVertical, var(--beae-card-shadow-y)) var(--zdsj3v-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--zdsj3v-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-zdsj3v"] { display: flex; flex-direction: var(--zdsj3v-direction, column); flex-wrap: nowrap; justify-content: var(--zdsj3v-justify-content); align-items: var(--zdsj3v-align-items); gap: var(--zdsj3v-gap, var(--zdsj3v-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-zdsj3v"] { gap: var(--zdsj3v-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(33.33% - var(--zdsj3v-padding-right-tablet, 0px) - var(--zdsj3v-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-zdsj3v"] { gap: var(--zdsj3v-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(33.33% - var(--zdsj3v-padding-right-mobile, 0px) - var(--zdsj3v-padding-right-mobile, 0px)); } } }[data-bnode="beae-yljoqo"] { --yljoqo-direction: row; --yljoqo-direction-tablet: row; --yljoqo-direction-mobile: row; --yljoqo-structure: auto; --yljoqo-structure-tablet: auto; --yljoqo-structure-mobile: auto; --yljoqo-gap: 12px; --yljoqo-gap-tablet: 4px; --yljoqo-gap-mobile: 4px; --yljoqo-align-items: center; --yljoqo-align-items-tablet: center; --yljoqo-align-items-mobile: center; --yljoqo-justify-content: flex-start; --yljoqo-justify-content-tablet: flex-start; --yljoqo-justify-content-mobile: flex-start; }[data-bnode="beae-yljoqo"] { padding-top: var(--yljoqo-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--yljoqo-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--yljoqo-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--yljoqo-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--yljoqo-padding-top-tablet, var(--yljoqo-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--yljoqo-padding-right-tablet, var(--yljoqo-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--yljoqo-padding-bottom-tablet, var(--yljoqo-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--yljoqo-padding-left-tablet, var(--yljoqo-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--yljoqo-padding-top-mobile, var(--yljoqo-padding-top-tablet, var(--yljoqo-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--yljoqo-padding-right-mobile, var(--yljoqo-padding-right-tablet, var(--yljoqo-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--yljoqo-padding-bottom-mobile, var(--yljoqo-padding-bottom-tablet, var(--yljoqo-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--yljoqo-padding-left-mobile, var(--yljoqo-padding-left-tablet, var(--yljoqo-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--yljoqo-padding-left, var(--beae-slot-padding-x, 0px)) - var(--yljoqo-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--yljoqo-background-imageRatio, auto); background: var(--yljoqo-background-color,transparent); border-style: var(--yljoqo-borderStyle,solid); border-color: var(--yljoqo-borderColor,#000000); border-width: var(--yljoqo-borderWidth-tl,0px) var(--yljoqo-borderWidth-tr,0px) var(--yljoqo-borderWidth-br,0px) var(--yljoqo-borderWidth-bl,0px); border-radius: var(--yljoqo-borderRadius-tl,0px) var(--yljoqo-borderRadius-tr,0px) var(--yljoqo-borderRadius-br,0px) var(--yljoqo-borderRadius-bl,0px); box-shadow: if(style(--yljoqo-enableShadow: true): var(--yljoqo-shadowHorizontal,0) var(--yljoqo-shadowVertical,0) var(--yljoqo-shadowBlur,0) 1px var(--yljoqo-shadowColor,#000000); else: none); max-width: var(--yljoqo-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--yljoqo-background-imageRatio-tablet, var(--yljoqo-background-imageRatio, auto)); border-width: var(--yljoqo-borderWidth-tl-tablet,0px) var(--yljoqo-borderWidth-tr-tablet,0px) var(--yljoqo-borderWidth-br-tablet,0px) var(--yljoqo-borderWidth-bl-tablet,0px); border-radius: var(--yljoqo-borderRadius-tl-tablet,0px) var(--yljoqo-borderRadius-tr-tablet,0px) var(--yljoqo-borderRadius-br-tablet,0px) var(--yljoqo-borderRadius-bl-tablet,0px); max-width: var(--yljoqo-max-width-tablet, var(--yljoqo-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--yljoqo-background-imageRatio-mobile, var(--yljoqo-background-imageRatio, auto)); border-width: var(--yljoqo-borderWidth-tl-mobile,0px) var(--yljoqo-borderWidth-tr-mobile,0px) var(--yljoqo-borderWidth-br-mobile,0px) var(--yljoqo-borderWidth-bl-mobile,0px); border-radius: var(--yljoqo-borderRadius-tl-mobile,0px) var(--yljoqo-borderRadius-tr-mobile,0px) var(--yljoqo-borderRadius-br-mobile,0px) var(--yljoqo-borderRadius-bl-mobile,0px); max-width: var(--yljoqo-max-width-mobile, var(--yljoqo-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--yljoqo-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--yljoqo-gap,var(--beae-card-gap)); padding-top: var(--yljoqo-padding-top,var(--beae-card-padding)); padding-right: var(--yljoqo-padding-right,var(--beae-card-padding)); padding-bottom: var(--yljoqo-padding-bottom,var(--beae-card-padding)); padding-left: var(--yljoqo-padding-left,var(--beae-card-padding)); border-width: var(--yljoqo-borderWidth,var(--beae-card-border-width)); border-width: var(--yljoqo-borderWidth-tl,var(--beae-card-border-width)) var(--yljoqo-borderWidth-tr,var(--beae-card-border-width)) var(--yljoqo-borderWidth-br,var(--beae-card-border-width)) var(--yljoqo-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--yljoqo-borderRadius-tl,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-tr,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-br,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--yljoqo-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--yljoqo-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--yljoqo-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--yljoqo-padding-left-tablet,var(--beae-card-padding)); border-width: var(--yljoqo-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--yljoqo-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--yljoqo-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--yljoqo-borderWidth-br-desktop,var(--beae-card-border-width)) var(--yljoqo-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--yljoqo-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--yljoqo-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--yljoqo-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--yljoqo-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--yljoqo-padding-left-mobile,var(--beae-card-padding)); border-width: var(--yljoqo-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--yljoqo-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--yljoqo-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--yljoqo-borderWidth-br-mobile,var(--beae-card-border-width)) var(--yljoqo-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--yljoqo-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--yljoqo-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--yljoqo-background-color,var(--beae-card-featured-background)); border-color: var(--yljoqo-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--yljoqo-enableShadow: true): var(--yljoqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--yljoqo-shadowVertical, var(--beae-card-shadow-y)) var(--yljoqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yljoqo-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--yljoqo-background-color,var(--beae-card-prod-background)); border-color: var(--yljoqo-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--yljoqo-enableShadow: true): var(--yljoqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--yljoqo-shadowVertical, var(--beae-card-shadow-y)) var(--yljoqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yljoqo-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--yljoqo-background-color,var(--beae-card-pricing-background)); border-color: var(--yljoqo-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--yljoqo-enableShadow: true): var(--yljoqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--yljoqo-shadowVertical, var(--beae-card-shadow-y)) var(--yljoqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yljoqo-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--yljoqo-background-color,var(--beae-card-cta-background)); border-color: var(--yljoqo-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--yljoqo-enableShadow: true): var(--yljoqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--yljoqo-shadowVertical, var(--beae-card-shadow-y)) var(--yljoqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yljoqo-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--yljoqo-background-color,var(--beae-card-media-background)); border-color: var(--yljoqo-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--yljoqo-enableShadow: true): var(--yljoqo-shadowHorizontal, var(--beae-card-shadow-x)) var(--yljoqo-shadowVertical, var(--beae-card-shadow-y)) var(--yljoqo-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--yljoqo-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-yljoqo"] { display: flex; flex-direction: var(--yljoqo-direction, column); flex-wrap: nowrap; justify-content: var(--yljoqo-justify-content); align-items: var(--yljoqo-align-items); gap: var(--yljoqo-gap, var(--yljoqo-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-yljoqo"] { gap: var(--yljoqo-gap-tablet, var(--yljoqo-gap-tablet, var(--beae-slot-gap-tablet))); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--yljoqo-padding-right-tablet, 0px) - var(--yljoqo-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-yljoqo"] { gap: var(--yljoqo-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--yljoqo-padding-right-mobile, 0px) - var(--yljoqo-padding-right-mobile, 0px)); } } }[data-bnode="beae-zjkw3l"] { margin-top: var(--zjkw3l-margin-top, 0px); margin-right: var(--zjkw3l-margin-right, 0px); margin-bottom: var(--zjkw3l-margin-bottom, 0px); margin-left: var(--zjkw3l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zjkw3l-margin-top-tablet, 0px); margin-right: var(--zjkw3l-margin-right-tablet, 0px); margin-bottom: var(--zjkw3l-margin-bottom-tablet, 0px); margin-left: var(--zjkw3l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zjkw3l-margin-top-mobile, 0px); margin-right: var(--zjkw3l-margin-right-mobile, 0px); margin-bottom: var(--zjkw3l-margin-bottom-mobile, 0px); margin-left: var(--zjkw3l-margin-left-mobile, 0px); } }[data-bnode="beae-e9hxbi"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --e9hxbi-typography: p; --e9hxbi-typography-tablet: p; --e9hxbi-typography-mobile: p; }[data-bnode="beae-e9hxbi"] { margin-top: var(--e9hxbi-margin-top, 0px); margin-right: var(--e9hxbi-margin-right, 0px); margin-bottom: var(--e9hxbi-margin-bottom, 0px); margin-left: var(--e9hxbi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e9hxbi-margin-top-tablet, 0px); margin-right: var(--e9hxbi-margin-right-tablet, 0px); margin-bottom: var(--e9hxbi-margin-bottom-tablet, 0px); margin-left: var(--e9hxbi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e9hxbi-margin-top-mobile, 0px); margin-right: var(--e9hxbi-margin-right-mobile, 0px); margin-bottom: var(--e9hxbi-margin-bottom-mobile, 0px); margin-left: var(--e9hxbi-margin-left-mobile, 0px); } }[data-bnode="beae-3tv3n4"] { --3tv3n4-maxWidth: auto; --3tv3n4-maxWidth-tablet: auto; --3tv3n4-maxWidth-mobile: auto; --3tv3n4-typography: h2; --3tv3n4-typography-tablet: h2; --3tv3n4-typography-mobile: h2; --3tv3n4-margin-top: 0px; --3tv3n4-margin-top-tablet: 0px; --3tv3n4-margin-top-mobile: 0px; --3tv3n4-margin-right: 0px; --3tv3n4-margin-right-tablet: 0px; --3tv3n4-margin-right-mobile: 0px; --3tv3n4-margin-bottom: 0px; --3tv3n4-margin-bottom-tablet: 0px; --3tv3n4-margin-bottom-mobile: 0px; --3tv3n4-margin-left: 0px; --3tv3n4-margin-left-tablet: 0px; --3tv3n4-margin-left-mobile: 0px; --beae-h2-font-weight: 600; --beae-h2-font-size-mobile: 30px; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing-mobile: 0px; }[data-bnode="beae-3tv3n4"] { margin-top: var(--3tv3n4-margin-top, 0px); margin-right: var(--3tv3n4-margin-right, 0px); margin-bottom: var(--3tv3n4-margin-bottom, 0px); margin-left: var(--3tv3n4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3tv3n4-margin-top-tablet, 0px); margin-right: var(--3tv3n4-margin-right-tablet, 0px); margin-bottom: var(--3tv3n4-margin-bottom-tablet, 0px); margin-left: var(--3tv3n4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3tv3n4-margin-top-mobile, 0px); margin-right: var(--3tv3n4-margin-right-mobile, 0px); margin-bottom: var(--3tv3n4-margin-bottom-mobile, 0px); margin-left: var(--3tv3n4-margin-left-mobile, 0px); } &.beae-product-title { max-width: var(--3tv3n4-maxWidth); width: if(style(--3tv3n4-maxWidth: auto): fit-content; else: 100%); } }[data-bnode="beae-hdvf4t"] { --hdvf4t-priceType: comparePrice; --hdvf4t-priceType-tablet: comparePrice; --hdvf4t-priceType-mobile: comparePrice; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --hdvf4t-decoration: line-through; --hdvf4t-decoration-tablet: line-through; --hdvf4t-decoration-mobile: line-through; --hdvf4t-scale: 0.8; --hdvf4t-scale-tablet: 0.8; --hdvf4t-scale-mobile: 0.8; --hdvf4t-salePriceColor: #C23C39; --hdvf4t-salePriceColor-tablet: #C23C39; --hdvf4t-salePriceColor-mobile: #C23C39; --hdvf4t-comparePriceColor: #808080; --hdvf4t-comparePriceColor-tablet: #808080; --hdvf4t-comparePriceColor-mobile: #808080; --hdvf4t-margin-top: 0px; --hdvf4t-margin-top-tablet: 0px; --hdvf4t-margin-top-mobile: 0px; --hdvf4t-margin-right: 0px; --hdvf4t-margin-right-tablet: 0px; --hdvf4t-margin-right-mobile: 0px; --hdvf4t-margin-bottom: 0px; --hdvf4t-margin-bottom-tablet: 0px; --hdvf4t-margin-bottom-mobile: 0px; --hdvf4t-margin-left: 0px; --hdvf4t-margin-left-tablet: 0px; --hdvf4t-margin-left-mobile: 0px; }[data-bnode="beae-hdvf4t"] { margin-top: var(--hdvf4t-margin-top, 0px); margin-right: var(--hdvf4t-margin-right, 0px); margin-bottom: var(--hdvf4t-margin-bottom, 0px); margin-left: var(--hdvf4t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--hdvf4t-margin-top-tablet, 0px); margin-right: var(--hdvf4t-margin-right-tablet, 0px); margin-bottom: var(--hdvf4t-margin-bottom-tablet, 0px); margin-left: var(--hdvf4t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--hdvf4t-margin-top-mobile, 0px); margin-right: var(--hdvf4t-margin-right-mobile, 0px); margin-bottom: var(--hdvf4t-margin-bottom-mobile, 0px); margin-left: var(--hdvf4t-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--hdvf4t-comparePriceColor); text-decoration: var(--hdvf4t-decoration,none); font-size: calc(var(--hdvf4t-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--hdvf4t-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-9k0rtb"] { --9k0rtb-direction: column; --9k0rtb-direction-tablet: column; --9k0rtb-direction-mobile: column; --9k0rtb-structure: columns; --9k0rtb-structure-tablet: columns; --9k0rtb-structure-mobile: columns; --9k0rtb-gap: 12px; --9k0rtb-gap-tablet: 12px; --9k0rtb-gap-mobile: 12px; }[data-bnode="beae-9k0rtb"] { padding-top: var(--9k0rtb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--9k0rtb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--9k0rtb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--9k0rtb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--9k0rtb-padding-top-tablet, var(--9k0rtb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--9k0rtb-padding-right-tablet, var(--9k0rtb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--9k0rtb-padding-bottom-tablet, var(--9k0rtb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--9k0rtb-padding-left-tablet, var(--9k0rtb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--9k0rtb-padding-top-mobile, var(--9k0rtb-padding-top-tablet, var(--9k0rtb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--9k0rtb-padding-right-mobile, var(--9k0rtb-padding-right-tablet, var(--9k0rtb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--9k0rtb-padding-bottom-mobile, var(--9k0rtb-padding-bottom-tablet, var(--9k0rtb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--9k0rtb-padding-left-mobile, var(--9k0rtb-padding-left-tablet, var(--9k0rtb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--9k0rtb-padding-left, var(--beae-slot-padding-x, 0px)) - var(--9k0rtb-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--9k0rtb-background-imageRatio, auto); background: var(--9k0rtb-background-color,transparent); border-style: var(--9k0rtb-borderStyle,solid); border-color: var(--9k0rtb-borderColor,#000000); border-width: var(--9k0rtb-borderWidth-tl,0px) var(--9k0rtb-borderWidth-tr,0px) var(--9k0rtb-borderWidth-br,0px) var(--9k0rtb-borderWidth-bl,0px); border-radius: var(--9k0rtb-borderRadius-tl,0px) var(--9k0rtb-borderRadius-tr,0px) var(--9k0rtb-borderRadius-br,0px) var(--9k0rtb-borderRadius-bl,0px); box-shadow: if(style(--9k0rtb-enableShadow: true): var(--9k0rtb-shadowHorizontal,0) var(--9k0rtb-shadowVertical,0) var(--9k0rtb-shadowBlur,0) 1px var(--9k0rtb-shadowColor,#000000); else: none); max-width: var(--9k0rtb-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--9k0rtb-background-imageRatio-tablet, var(--9k0rtb-background-imageRatio, auto)); border-width: var(--9k0rtb-borderWidth-tl-tablet,0px) var(--9k0rtb-borderWidth-tr-tablet,0px) var(--9k0rtb-borderWidth-br-tablet,0px) var(--9k0rtb-borderWidth-bl-tablet,0px); border-radius: var(--9k0rtb-borderRadius-tl-tablet,0px) var(--9k0rtb-borderRadius-tr-tablet,0px) var(--9k0rtb-borderRadius-br-tablet,0px) var(--9k0rtb-borderRadius-bl-tablet,0px); max-width: var(--9k0rtb-max-width-tablet, var(--9k0rtb-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--9k0rtb-background-imageRatio-mobile, var(--9k0rtb-background-imageRatio, auto)); border-width: var(--9k0rtb-borderWidth-tl-mobile,0px) var(--9k0rtb-borderWidth-tr-mobile,0px) var(--9k0rtb-borderWidth-br-mobile,0px) var(--9k0rtb-borderWidth-bl-mobile,0px); border-radius: var(--9k0rtb-borderRadius-tl-mobile,0px) var(--9k0rtb-borderRadius-tr-mobile,0px) var(--9k0rtb-borderRadius-br-mobile,0px) var(--9k0rtb-borderRadius-bl-mobile,0px); max-width: var(--9k0rtb-max-width-mobile, var(--9k0rtb-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--9k0rtb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--9k0rtb-gap,var(--beae-card-gap)); padding-top: var(--9k0rtb-padding-top,var(--beae-card-padding)); padding-right: var(--9k0rtb-padding-right,var(--beae-card-padding)); padding-bottom: var(--9k0rtb-padding-bottom,var(--beae-card-padding)); padding-left: var(--9k0rtb-padding-left,var(--beae-card-padding)); border-width: var(--9k0rtb-borderWidth,var(--beae-card-border-width)); border-width: var(--9k0rtb-borderWidth-tl,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-tr,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-br,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--9k0rtb-borderRadius-tl,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-tr,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-br,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--9k0rtb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--9k0rtb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--9k0rtb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--9k0rtb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--9k0rtb-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--9k0rtb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--9k0rtb-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--9k0rtb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--9k0rtb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--9k0rtb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--9k0rtb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--9k0rtb-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--9k0rtb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--9k0rtb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--9k0rtb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--9k0rtb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--9k0rtb-background-color,var(--beae-card-featured-background)); border-color: var(--9k0rtb-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--9k0rtb-enableShadow: true): var(--9k0rtb-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k0rtb-shadowVertical, var(--beae-card-shadow-y)) var(--9k0rtb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k0rtb-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--9k0rtb-background-color,var(--beae-card-prod-background)); border-color: var(--9k0rtb-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--9k0rtb-enableShadow: true): var(--9k0rtb-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k0rtb-shadowVertical, var(--beae-card-shadow-y)) var(--9k0rtb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k0rtb-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--9k0rtb-background-color,var(--beae-card-pricing-background)); border-color: var(--9k0rtb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--9k0rtb-enableShadow: true): var(--9k0rtb-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k0rtb-shadowVertical, var(--beae-card-shadow-y)) var(--9k0rtb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k0rtb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--9k0rtb-background-color,var(--beae-card-cta-background)); border-color: var(--9k0rtb-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--9k0rtb-enableShadow: true): var(--9k0rtb-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k0rtb-shadowVertical, var(--beae-card-shadow-y)) var(--9k0rtb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k0rtb-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--9k0rtb-background-color,var(--beae-card-media-background)); border-color: var(--9k0rtb-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--9k0rtb-enableShadow: true): var(--9k0rtb-shadowHorizontal, var(--beae-card-shadow-x)) var(--9k0rtb-shadowVertical, var(--beae-card-shadow-y)) var(--9k0rtb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--9k0rtb-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-9k0rtb"] { display: flex; flex-direction: var(--9k0rtb-direction, column); flex-wrap: nowrap; justify-content: var(--9k0rtb-justify-content); align-items: var(--9k0rtb-align-items); gap: var(--9k0rtb-gap, var(--9k0rtb-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-9k0rtb"] { gap: var(--9k0rtb-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--9k0rtb-padding-right-tablet, 0px) - var(--9k0rtb-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-9k0rtb"] { gap: var(--9k0rtb-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--9k0rtb-padding-right-mobile, 0px) - var(--9k0rtb-padding-right-mobile, 0px)); } } }[data-bnode="beae-fkqrti"] { --beae-h5-font-size: 18px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-color: #1D1D1F; --beae-h5-font-family: Instrument Sans; --beae-h5-font-weight: 600; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: none; --fkqrti-typography: h5; --fkqrti-typography-tablet: h5; --fkqrti-typography-mobile: h5; --beae-h5-text-align: start; }[data-bnode="beae-fkqrti"] { margin-top: var(--fkqrti-margin-top, 0px); margin-right: var(--fkqrti-margin-right, 0px); margin-bottom: var(--fkqrti-margin-bottom, 0px); margin-left: var(--fkqrti-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fkqrti-margin-top-tablet, 0px); margin-right: var(--fkqrti-margin-right-tablet, 0px); margin-bottom: var(--fkqrti-margin-bottom-tablet, 0px); margin-left: var(--fkqrti-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fkqrti-margin-top-mobile, 0px); margin-right: var(--fkqrti-margin-right-mobile, 0px); margin-bottom: var(--fkqrti-margin-bottom-mobile, 0px); margin-left: var(--fkqrti-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--fkqrti-highlightColor,var(--beae-p-color)); top: var(--fkqrti-highlightTop, 100%); } }[data-bnode="beae-dp37vp"] { --dp37vp-direction: row; --dp37vp-direction-tablet: row; --dp37vp-direction-mobile: row; --dp37vp-structure: auto; --dp37vp-structure-tablet: auto; --dp37vp-structure-mobile: auto; --dp37vp-align-items: center; --dp37vp-align-items-tablet: center; --dp37vp-align-items-mobile: center; --dp37vp-justify-content: flex-start; --dp37vp-justify-content-tablet: flex-start; --dp37vp-justify-content-mobile: flex-start; --dp37vp-gap: 12px; --dp37vp-gap-tablet: 12px; --dp37vp-gap-mobile: 8px; --dp37vp-padding-top: 0px; --dp37vp-padding-top-tablet: 0px; --dp37vp-padding-top-mobile: 0px; --dp37vp-padding-right: 0px; --dp37vp-padding-right-tablet: 0px; --dp37vp-padding-right-mobile: 0px; --dp37vp-padding-bottom: 0px; --dp37vp-padding-bottom-tablet: 0px; --dp37vp-padding-bottom-mobile: 0px; --dp37vp-padding-left: 0px; --dp37vp-padding-left-tablet: 0px; --dp37vp-padding-left-mobile: 0px; }[data-bnode="beae-dp37vp"] { padding-top: var(--dp37vp-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--dp37vp-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--dp37vp-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--dp37vp-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--dp37vp-padding-top-tablet, var(--dp37vp-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--dp37vp-padding-right-tablet, var(--dp37vp-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--dp37vp-padding-bottom-tablet, var(--dp37vp-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--dp37vp-padding-left-tablet, var(--dp37vp-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--dp37vp-padding-top-mobile, var(--dp37vp-padding-top-tablet, var(--dp37vp-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--dp37vp-padding-right-mobile, var(--dp37vp-padding-right-tablet, var(--dp37vp-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--dp37vp-padding-bottom-mobile, var(--dp37vp-padding-bottom-tablet, var(--dp37vp-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--dp37vp-padding-left-mobile, var(--dp37vp-padding-left-tablet, var(--dp37vp-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--dp37vp-padding-left, var(--beae-slot-padding-x, 0px)) - var(--dp37vp-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--dp37vp-background-imageRatio, auto); background: var(--dp37vp-background-color,transparent); border-style: var(--dp37vp-borderStyle,solid); border-color: var(--dp37vp-borderColor,#000000); border-width: var(--dp37vp-borderWidth-tl,0px) var(--dp37vp-borderWidth-tr,0px) var(--dp37vp-borderWidth-br,0px) var(--dp37vp-borderWidth-bl,0px); border-radius: var(--dp37vp-borderRadius-tl,0px) var(--dp37vp-borderRadius-tr,0px) var(--dp37vp-borderRadius-br,0px) var(--dp37vp-borderRadius-bl,0px); box-shadow: if(style(--dp37vp-enableShadow: true): var(--dp37vp-shadowHorizontal,0) var(--dp37vp-shadowVertical,0) var(--dp37vp-shadowBlur,0) 1px var(--dp37vp-shadowColor,#000000); else: none); max-width: var(--dp37vp-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--dp37vp-background-imageRatio-tablet, var(--dp37vp-background-imageRatio, auto)); border-width: var(--dp37vp-borderWidth-tl-tablet,0px) var(--dp37vp-borderWidth-tr-tablet,0px) var(--dp37vp-borderWidth-br-tablet,0px) var(--dp37vp-borderWidth-bl-tablet,0px); border-radius: var(--dp37vp-borderRadius-tl-tablet,0px) var(--dp37vp-borderRadius-tr-tablet,0px) var(--dp37vp-borderRadius-br-tablet,0px) var(--dp37vp-borderRadius-bl-tablet,0px); max-width: var(--dp37vp-max-width-tablet, var(--dp37vp-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--dp37vp-background-imageRatio-mobile, var(--dp37vp-background-imageRatio, auto)); border-width: var(--dp37vp-borderWidth-tl-mobile,0px) var(--dp37vp-borderWidth-tr-mobile,0px) var(--dp37vp-borderWidth-br-mobile,0px) var(--dp37vp-borderWidth-bl-mobile,0px); border-radius: var(--dp37vp-borderRadius-tl-mobile,0px) var(--dp37vp-borderRadius-tr-mobile,0px) var(--dp37vp-borderRadius-br-mobile,0px) var(--dp37vp-borderRadius-bl-mobile,0px); max-width: var(--dp37vp-max-width-mobile, var(--dp37vp-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--dp37vp-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--dp37vp-gap,var(--beae-card-gap)); padding-top: var(--dp37vp-padding-top,var(--beae-card-padding)); padding-right: var(--dp37vp-padding-right,var(--beae-card-padding)); padding-bottom: var(--dp37vp-padding-bottom,var(--beae-card-padding)); padding-left: var(--dp37vp-padding-left,var(--beae-card-padding)); border-width: var(--dp37vp-borderWidth,var(--beae-card-border-width)); border-width: var(--dp37vp-borderWidth-tl,var(--beae-card-border-width)) var(--dp37vp-borderWidth-tr,var(--beae-card-border-width)) var(--dp37vp-borderWidth-br,var(--beae-card-border-width)) var(--dp37vp-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--dp37vp-borderRadius-tl,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-tr,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-br,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--dp37vp-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--dp37vp-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--dp37vp-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--dp37vp-padding-left-tablet,var(--beae-card-padding)); border-width: var(--dp37vp-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--dp37vp-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--dp37vp-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--dp37vp-borderWidth-br-desktop,var(--beae-card-border-width)) var(--dp37vp-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--dp37vp-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--dp37vp-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--dp37vp-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--dp37vp-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--dp37vp-padding-left-mobile,var(--beae-card-padding)); border-width: var(--dp37vp-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--dp37vp-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--dp37vp-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--dp37vp-borderWidth-br-mobile,var(--beae-card-border-width)) var(--dp37vp-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--dp37vp-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--dp37vp-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--dp37vp-background-color,var(--beae-card-featured-background)); border-color: var(--dp37vp-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--dp37vp-enableShadow: true): var(--dp37vp-shadowHorizontal, var(--beae-card-shadow-x)) var(--dp37vp-shadowVertical, var(--beae-card-shadow-y)) var(--dp37vp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dp37vp-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--dp37vp-background-color,var(--beae-card-prod-background)); border-color: var(--dp37vp-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--dp37vp-enableShadow: true): var(--dp37vp-shadowHorizontal, var(--beae-card-shadow-x)) var(--dp37vp-shadowVertical, var(--beae-card-shadow-y)) var(--dp37vp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dp37vp-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--dp37vp-background-color,var(--beae-card-pricing-background)); border-color: var(--dp37vp-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--dp37vp-enableShadow: true): var(--dp37vp-shadowHorizontal, var(--beae-card-shadow-x)) var(--dp37vp-shadowVertical, var(--beae-card-shadow-y)) var(--dp37vp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dp37vp-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--dp37vp-background-color,var(--beae-card-cta-background)); border-color: var(--dp37vp-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--dp37vp-enableShadow: true): var(--dp37vp-shadowHorizontal, var(--beae-card-shadow-x)) var(--dp37vp-shadowVertical, var(--beae-card-shadow-y)) var(--dp37vp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dp37vp-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--dp37vp-background-color,var(--beae-card-media-background)); border-color: var(--dp37vp-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--dp37vp-enableShadow: true): var(--dp37vp-shadowHorizontal, var(--beae-card-shadow-x)) var(--dp37vp-shadowVertical, var(--beae-card-shadow-y)) var(--dp37vp-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dp37vp-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-dp37vp"] { display: flex; flex-direction: var(--dp37vp-direction, column); flex-wrap: nowrap; justify-content: var(--dp37vp-justify-content); align-items: var(--dp37vp-align-items); gap: var(--dp37vp-gap, var(--dp37vp-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-dp37vp"] { gap: var(--dp37vp-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--dp37vp-padding-right-tablet, 0px) - var(--dp37vp-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-dp37vp"] { gap: var(--dp37vp-gap-mobile, var(--dp37vp-gap-mobile, var(--beae-slot-gap-mobile))); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--dp37vp-padding-right-mobile, 0px) - var(--dp37vp-padding-right-mobile, 0px)); } } }[data-bnode="beae-uvcb3l"] { --uvcb3l-typography: p; --uvcb3l-typography-tablet: p; --uvcb3l-typography-mobile: p; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-weight: 500; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --beae-p-line-height: 1.5; --uvcb3l-margin-top: 0px; --uvcb3l-margin-top-tablet: 0px; --uvcb3l-margin-top-mobile: 0px; --uvcb3l-margin-right: 0px; --uvcb3l-margin-right-tablet: 0px; --uvcb3l-margin-right-mobile: 0px; --uvcb3l-margin-bottom: 0px; --uvcb3l-margin-bottom-tablet: 0px; --uvcb3l-margin-bottom-mobile: 0px; --uvcb3l-margin-left: 0px; --uvcb3l-margin-left-tablet: 0px; --uvcb3l-margin-left-mobile: 0px; }[data-bnode="beae-uvcb3l"] { margin-top: var(--uvcb3l-margin-top, 0px); margin-right: var(--uvcb3l-margin-right, 0px); margin-bottom: var(--uvcb3l-margin-bottom, 0px); margin-left: var(--uvcb3l-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--uvcb3l-margin-top-tablet, 0px); margin-right: var(--uvcb3l-margin-right-tablet, 0px); margin-bottom: var(--uvcb3l-margin-bottom-tablet, 0px); margin-left: var(--uvcb3l-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--uvcb3l-margin-top-mobile, 0px); margin-right: var(--uvcb3l-margin-right-mobile, 0px); margin-bottom: var(--uvcb3l-margin-bottom-mobile, 0px); margin-left: var(--uvcb3l-margin-left-mobile, 0px); } }[data-bnode="beae-8pya5z"] { --8pya5z-typography: h4; --8pya5z-typography-tablet: h4; --8pya5z-typography-mobile: h4; --beae-h4-text-align: start; --8pya5z-timer: label; --8pya5z-timer-tablet: label; --8pya5z-timer-mobile: label; --beae-h3-font-size-mobile: 13px; --beae-h3-color: #FFF; --beae-p-color: #fff; --beae-h3-font-size: 16px; --beae-h3-font-size-tablet: 13px; --beae-h3-line-height-tablet: 1.3; --beae-h3-letter-spacing-tablet: 0px; --beae-p-font-size-tablet: 13px; --beae-p-font-size-mobile: 13px; --beae-p-text-align-mobile: center; }[data-bnode="beae-8pya5z"] { margin-top: var(--8pya5z-margin-top, 0px); margin-right: var(--8pya5z-margin-right, 0px); margin-bottom: var(--8pya5z-margin-bottom, 0px); margin-left: var(--8pya5z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--8pya5z-margin-top-tablet, 0px); margin-right: var(--8pya5z-margin-right-tablet, 0px); margin-bottom: var(--8pya5z-margin-bottom-tablet, 0px); margin-left: var(--8pya5z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--8pya5z-margin-top-mobile, 0px); margin-right: var(--8pya5z-margin-right-mobile, 0px); margin-bottom: var(--8pya5z-margin-bottom-mobile, 0px); margin-left: var(--8pya5z-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; display: flex; flex-wrap: wrap; align-items: center; text-align: center; gap: var(--8pya5z-gap, 10px); gap: 10px; background: #c83b3b; color: #ffffff; border-radius: 13px; padding: 13px 20px; line-height: 1; &.time-out[data-action-time-out="hide"] { display: none; } .beae-separator-hidden { display: none; } .beae-separator-show { display: flex; align-items: center; } .beae-countdown-item { position: relative; flex: 0 1 auto; min-width: 0; display: flex; flex-direction: row; align-items: baseline; justify-content: center; border-style: var(--8pya5z-borderStyle, solid); border-color: var(--8pya5z-borderColor, #000000); border-width: var(--8pya5z-borderWidth-tl, 0px) var(--8pya5z-borderWidth-tr, 0px) var(--8pya5z-borderWidth-br, 0px) var(--8pya5z-borderWidth-bl, 0px); border-radius: var(--8pya5z-borderRadius-tl, 0px) var(--8pya5z-borderRadius-tr, 0px) var(--8pya5z-borderRadius-br, 0px) var(--8pya5z-borderRadius-bl, 0px); box-shadow: if( style(--8pya5z-enableShadow: true): var(--8pya5z-shadowHorizontal, 0) var(--8pya5z-shadowVertical, 0) var(--8pya5z-shadowBlur, 0) 1px var(--8pya5z-shadowColor, #000000) ; else: none ); max-width: var(--8pya5z-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--8pya5z-borderWidth-tl-tablet, 0px) var(--8pya5z-borderWidth-tr-tablet, 0px) var(--8pya5z-borderWidth-br-tablet, 0px) var(--8pya5z-borderWidth-bl-tablet, 0px); border-radius: var(--8pya5z-borderRadius-tl-tablet, 0px) var(--8pya5z-borderRadius-tr-tablet, 0px) var(--8pya5z-borderRadius-br-tablet, 0px) var(--8pya5z-borderRadius-bl-tablet, 0px); max-width: var(--8pya5z-max-width-tablet, var(--8pya5z-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--8pya5z-borderWidth-tl-mobile, 0px) var(--8pya5z-borderWidth-tr-mobile, 0px) var(--8pya5z-borderWidth-br-mobile, 0px) var(--8pya5z-borderWidth-bl-mobile, 0px); border-radius: var(--8pya5z-borderRadius-tl-mobile, 0px) var(--8pya5z-borderRadius-tr-mobile, 0px) var(--8pya5z-borderRadius-br-mobile, 0px) var(--8pya5z-borderRadius-bl-mobile, 0px); max-width: var(--8pya5z-max-width-mobile, var(--8pya5z-max-width, 100%)); } overflow: hidden; background: var(--8pya5z-background-color); padding-inline: var(--8pya5z-paddingX); padding-block: var(--8pya5z-paddingY); > * { position: relative; z-index: 1; } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } .beae-countdown-number { display: inline-block; flex: 0 0 auto; min-width: 2ch; text-align: center; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; } .beae-countdown-hour .beae-countdown-number, .beae-countdown-minute .beae-countdown-number, .beae-countdown-second .beae-countdown-number { width: 2ch; } } @media (min-width: 768px) and (max-width: 1180px) { &.beae-countdown-wrapper { gap: var(--8pya5z-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--8pya5z-paddingX-tablet); padding-block: var(--8pya5z-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--8pya5z-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--8pya5z-paddingX-mobile); padding-block: var(--8pya5z-paddingY-mobile); } padding: 10px 10px; } } }[data-bnode="beae-pk9j7c"] { --pk9j7c-direction: row; --pk9j7c-direction-tablet: row; --pk9j7c-direction-mobile: column; --pk9j7c-structure: auto; --pk9j7c-structure-tablet: auto; --pk9j7c-structure-mobile: auto; }[data-bnode="beae-pk9j7c"] { padding-top: var(--pk9j7c-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--pk9j7c-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--pk9j7c-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--pk9j7c-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--pk9j7c-padding-top-tablet, var(--pk9j7c-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--pk9j7c-padding-right-tablet, var(--pk9j7c-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--pk9j7c-padding-bottom-tablet, var(--pk9j7c-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--pk9j7c-padding-left-tablet, var(--pk9j7c-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--pk9j7c-padding-top-mobile, var(--pk9j7c-padding-top-tablet, var(--pk9j7c-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--pk9j7c-padding-right-mobile, var(--pk9j7c-padding-right-tablet, var(--pk9j7c-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--pk9j7c-padding-bottom-mobile, var(--pk9j7c-padding-bottom-tablet, var(--pk9j7c-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--pk9j7c-padding-left-mobile, var(--pk9j7c-padding-left-tablet, var(--pk9j7c-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--pk9j7c-padding-left, var(--beae-slot-padding-x, 0px)) - var(--pk9j7c-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--pk9j7c-background-imageRatio, auto); background: var(--pk9j7c-background-color,transparent); border-style: var(--pk9j7c-borderStyle,solid); border-color: var(--pk9j7c-borderColor,#000000); border-width: var(--pk9j7c-borderWidth-tl,0px) var(--pk9j7c-borderWidth-tr,0px) var(--pk9j7c-borderWidth-br,0px) var(--pk9j7c-borderWidth-bl,0px); border-radius: var(--pk9j7c-borderRadius-tl,0px) var(--pk9j7c-borderRadius-tr,0px) var(--pk9j7c-borderRadius-br,0px) var(--pk9j7c-borderRadius-bl,0px); box-shadow: if(style(--pk9j7c-enableShadow: true): var(--pk9j7c-shadowHorizontal,0) var(--pk9j7c-shadowVertical,0) var(--pk9j7c-shadowBlur,0) 1px var(--pk9j7c-shadowColor,#000000); else: none); max-width: var(--pk9j7c-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--pk9j7c-background-imageRatio-tablet, var(--pk9j7c-background-imageRatio, auto)); border-width: var(--pk9j7c-borderWidth-tl-tablet,0px) var(--pk9j7c-borderWidth-tr-tablet,0px) var(--pk9j7c-borderWidth-br-tablet,0px) var(--pk9j7c-borderWidth-bl-tablet,0px); border-radius: var(--pk9j7c-borderRadius-tl-tablet,0px) var(--pk9j7c-borderRadius-tr-tablet,0px) var(--pk9j7c-borderRadius-br-tablet,0px) var(--pk9j7c-borderRadius-bl-tablet,0px); max-width: var(--pk9j7c-max-width-tablet, var(--pk9j7c-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--pk9j7c-background-imageRatio-mobile, var(--pk9j7c-background-imageRatio, auto)); border-width: var(--pk9j7c-borderWidth-tl-mobile,0px) var(--pk9j7c-borderWidth-tr-mobile,0px) var(--pk9j7c-borderWidth-br-mobile,0px) var(--pk9j7c-borderWidth-bl-mobile,0px); border-radius: var(--pk9j7c-borderRadius-tl-mobile,0px) var(--pk9j7c-borderRadius-tr-mobile,0px) var(--pk9j7c-borderRadius-br-mobile,0px) var(--pk9j7c-borderRadius-bl-mobile,0px); max-width: var(--pk9j7c-max-width-mobile, var(--pk9j7c-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--pk9j7c-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--pk9j7c-gap,var(--beae-card-gap)); padding-top: var(--pk9j7c-padding-top,var(--beae-card-padding)); padding-right: var(--pk9j7c-padding-right,var(--beae-card-padding)); padding-bottom: var(--pk9j7c-padding-bottom,var(--beae-card-padding)); padding-left: var(--pk9j7c-padding-left,var(--beae-card-padding)); border-width: var(--pk9j7c-borderWidth,var(--beae-card-border-width)); border-width: var(--pk9j7c-borderWidth-tl,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-tr,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-br,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--pk9j7c-borderRadius-tl,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-tr,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-br,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--pk9j7c-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--pk9j7c-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--pk9j7c-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--pk9j7c-padding-left-tablet,var(--beae-card-padding)); border-width: var(--pk9j7c-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--pk9j7c-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-br-desktop,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--pk9j7c-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--pk9j7c-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--pk9j7c-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--pk9j7c-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--pk9j7c-padding-left-mobile,var(--beae-card-padding)); border-width: var(--pk9j7c-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--pk9j7c-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-br-mobile,var(--beae-card-border-width)) var(--pk9j7c-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--pk9j7c-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--pk9j7c-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--pk9j7c-background-color,var(--beae-card-featured-background)); border-color: var(--pk9j7c-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--pk9j7c-enableShadow: true): var(--pk9j7c-shadowHorizontal, var(--beae-card-shadow-x)) var(--pk9j7c-shadowVertical, var(--beae-card-shadow-y)) var(--pk9j7c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pk9j7c-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--pk9j7c-background-color,var(--beae-card-prod-background)); border-color: var(--pk9j7c-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--pk9j7c-enableShadow: true): var(--pk9j7c-shadowHorizontal, var(--beae-card-shadow-x)) var(--pk9j7c-shadowVertical, var(--beae-card-shadow-y)) var(--pk9j7c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pk9j7c-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--pk9j7c-background-color,var(--beae-card-pricing-background)); border-color: var(--pk9j7c-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--pk9j7c-enableShadow: true): var(--pk9j7c-shadowHorizontal, var(--beae-card-shadow-x)) var(--pk9j7c-shadowVertical, var(--beae-card-shadow-y)) var(--pk9j7c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pk9j7c-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--pk9j7c-background-color,var(--beae-card-cta-background)); border-color: var(--pk9j7c-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--pk9j7c-enableShadow: true): var(--pk9j7c-shadowHorizontal, var(--beae-card-shadow-x)) var(--pk9j7c-shadowVertical, var(--beae-card-shadow-y)) var(--pk9j7c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pk9j7c-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--pk9j7c-background-color,var(--beae-card-media-background)); border-color: var(--pk9j7c-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--pk9j7c-enableShadow: true): var(--pk9j7c-shadowHorizontal, var(--beae-card-shadow-x)) var(--pk9j7c-shadowVertical, var(--beae-card-shadow-y)) var(--pk9j7c-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--pk9j7c-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-pk9j7c"] { display: flex; flex-direction: var(--pk9j7c-direction, column); flex-wrap: nowrap; justify-content: var(--pk9j7c-justify-content); align-items: var(--pk9j7c-align-items); gap: var(--pk9j7c-gap, var(--pk9j7c-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-pk9j7c"] { gap: var(--pk9j7c-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--pk9j7c-padding-right-tablet, 0px) - var(--pk9j7c-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-pk9j7c"] { flex-direction: var(--pk9j7c-direction-mobile, column); gap: var(--pk9j7c-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-pt34lf"] { --pt34lf-columns: 2; --pt34lf-columns-tablet: 1; --pt34lf-columns-mobile: 1; --pt34lf-gap: 16px; --pt34lf-gap-tablet: 16px; --pt34lf-gap-mobile: 16px; --pt34lf-navType: false; --pt34lf-navType-tablet: false; --pt34lf-navType-mobile: false; --pt34lf-pagiType: false; --pt34lf-pagiType-tablet: false; --pt34lf-pagiType-mobile: false; --pt34lf-listType: grid; --pt34lf-listType-tablet: grid; --pt34lf-listType-mobile: grid; --pt34lf-stateNavigation: normal; --pt34lf-stateNavigation-tablet: normal; --pt34lf-stateNavigation-mobile: normal; --pt34lf-statePagination: normal; --pt34lf-statePagination-tablet: normal; --pt34lf-statePagination-mobile: normal; --pt34lf-stateNavigtion: normal; --pt34lf-stateNavigtion-tablet: normal; --pt34lf-stateNavigtion-mobile: normal; --pt34lf-margin-top: 0px; --pt34lf-margin-top-tablet: 0px; --pt34lf-margin-top-mobile: 0px; --pt34lf-margin-right: 0px; --pt34lf-margin-right-tablet: 0px; --pt34lf-margin-right-mobile: 0px; --pt34lf-margin-bottom: 0px; --pt34lf-margin-bottom-tablet: 0px; --pt34lf-margin-bottom-mobile: 0px; --pt34lf-margin-left: 0px; --pt34lf-margin-left-tablet: 0px; --pt34lf-margin-left-mobile: 0px; --pt34lf-columnsMobile-mobile: 1; } [data-bnode="beae-pt34lf"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-pt34lf"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-pt34lf"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-pt34lf"] [data-bnode="beae-08hgun"] { --08hgun-width: 22px; --08hgun-imageRatio: 1/1; --08hgun-objFit: cover; --08hgun-borderColor: #000000; --08hgun-shadowColor: #000000; --08hgun-borderStyle: none; --08hgun-enableShadow: false; --08hgun-margin-top: 0px; --08hgun-margin-right: 0px; --08hgun-margin-bottom: 0px; --08hgun-margin-left: 0px; } [data-bnode="beae-pt34lf"] [data-bnode="beae-tkn7qk"] { --tkn7qk-typography: h5; --tkn7qk-margin-top: 0px; --tkn7qk-margin-right: 0px; --tkn7qk-margin-bottom: 0px; --tkn7qk-margin-left: 0px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; } [data-bnode="beae-pt34lf"] [data-bnode="beae-yrenbc"] { --yrenbc-typography: p; } [data-bnode="beae-pt34lf"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: row; --be-ctl-item-direction-tablet: row; --be-ctl-item-direction-mobile: row; --be-ctl-item-gap: 8px; --be-ctl-item-gap-tablet: 8px; --be-ctl-item-gap-mobile: 8px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-justify-content: flex-start; --be-ctl-item-justify-content-tablet: flex-start; --be-ctl-item-justify-content-mobile: flex-start; --be-ctl-item-structure: auto; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; }[data-bnode="beae-pt34lf"] { margin-top: var(--pt34lf-margin-top, 0px); margin-right: var(--pt34lf-margin-right, 0px); margin-bottom: var(--pt34lf-margin-bottom, 0px); margin-left: var(--pt34lf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pt34lf-margin-top-tablet, 0px); margin-right: var(--pt34lf-margin-right-tablet, 0px); margin-bottom: var(--pt34lf-margin-bottom-tablet, 0px); margin-left: var(--pt34lf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pt34lf-margin-top-mobile, 0px); margin-right: var(--pt34lf-margin-right-mobile, 0px); margin-bottom: var(--pt34lf-margin-bottom-mobile, 0px); margin-left: var(--pt34lf-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--pt34lf-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--pt34lf-gap,var(--beae-grid-gap, 20px)) * (var(--pt34lf-columns, 3) - 1) + 1px) / var(--pt34lf-columns, 3)); &:last-child{ margin-right: var(--pt34lf-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--pt34lf-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pt34lf-columns) - 1) * var(--pt34lf-gap,var(--beae-grid-gap, 20px))) / var(--pt34lf-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--pt34lf-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--pt34lf-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--pt34lf-columns-tablet, 3) - 1)) / var(--pt34lf-columns-tablet, 3)); &:last-child{ margin-right: var(--pt34lf-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--pt34lf-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pt34lf-columns-tablet) - 1) * var(--pt34lf-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--pt34lf-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--pt34lf-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--pt34lf-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--pt34lf-columnsMobile-mobile, 1) - 1)) / var(--pt34lf-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--pt34lf-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--pt34lf-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--pt34lf-columnsMobile-mobile) - 1) * var(--pt34lf-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--pt34lf-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--pt34lf-navPadding,12px); background:var(--pt34lf-navBg,#F5F5F5); color: var(--pt34lf-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--pt34lf-navBgHover,#CCCCCC); color: var(--pt34lf-navColorHover,var(--beae-text-color)); } svg { width: var(--pt34lf-navIconSize,20px); height: var(--pt34lf-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--pt34lf-pagiBg,#E6E6E6); &.active { background:var(--pt34lf-pagiBgActive,#181818); } &:not(.active):hover { background:var(--pt34lf-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--pt34lf-pagiColor,#e6e6e6); &.active { color:var(--pt34lf-pagiColorActive,#181818); } &:not(.active):hover { color: var(--pt34lf-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--pt34lf-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--pt34lf-pagiBg,#E6E6E6); &.active { background: var(--pt34lf-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--pt34lf-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-pt34lf"] [data-bnode="beae-08hgun"] { margin-top: var(--08hgun-margin-top, 0px); margin-right: var(--08hgun-margin-right, 0px); margin-bottom: var(--08hgun-margin-bottom, 0px); margin-left: var(--08hgun-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--08hgun-margin-top-tablet, 0px); margin-right: var(--08hgun-margin-right-tablet, 0px); margin-bottom: var(--08hgun-margin-bottom-tablet, 0px); margin-left: var(--08hgun-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--08hgun-margin-top-mobile, 0px); margin-right: var(--08hgun-margin-right-mobile, 0px); margin-bottom: var(--08hgun-margin-bottom-mobile, 0px); margin-left: var(--08hgun-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--08hgun-width,100%) - var(--08hgun-margin-left,0px) - var(--08hgun-margin-right,0px)); min-height: min-content; border-style: var(--08hgun-borderStyle,solid); border-color: var(--08hgun-borderColor,#000000); border-width: var(--08hgun-borderWidth-tl,0px) var(--08hgun-borderWidth-tr,0px) var(--08hgun-borderWidth-br,0px) var(--08hgun-borderWidth-bl,0px); border-radius: var(--08hgun-borderRadius-tl,0px) var(--08hgun-borderRadius-tr,0px) var(--08hgun-borderRadius-br,0px) var(--08hgun-borderRadius-bl,0px); aspect-ratio: var(--08hgun-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--08hgun-borderWidth-tl-tablet, var(--08hgun-borderWidth-tl,0px)) var(--08hgun-borderWidth-tr-tablet, var(--08hgun-borderWidth-tr,0px)) var(--08hgun-borderWidth-br-tablet, var(--08hgun-borderWidth-br,0px)) var(--08hgun-borderWidth-bl-tablet, var(--08hgun-borderWidth-bl,0px)); border-radius: var(--08hgun-borderRadius-tl-tablet, var(--08hgun-borderRadius-tl,0px)) var(--08hgun-borderRadius-tr-tablet, var(--08hgun-borderRadius-tr,0px)) var(--08hgun-borderRadius-br-tablet, var(--08hgun-borderRadius-br,0px)) var(--08hgun-borderRadius-bl-tablet, var(--08hgun-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--08hgun-borderWidth-tl-mobile, var(--08hgun-borderWidth-tl,0px)) var(--08hgun-borderWidth-tr-mobile, var(--08hgun-borderWidth-tr,0px)) var(--08hgun-borderWidth-br-mobile, var(--08hgun-borderWidth-br,0px)) var(--08hgun-borderWidth-bl-mobile, var(--08hgun-borderWidth-bl,0px)); border-radius: var(--08hgun-borderRadius-tl-mobile, var(--08hgun-borderRadius-tl,0px)) var(--08hgun-borderRadius-tr-mobile, var(--08hgun-borderRadius-tr,0px)) var(--08hgun-borderRadius-br-mobile, var(--08hgun-borderRadius-br,0px)) var(--08hgun-borderRadius-bl-mobile, var(--08hgun-borderRadius-bl,0px)); } box-shadow: if( style(--08hgun-enableShadow: true): var(--08hgun-shadowHorizontal, 0) var(--08hgun-shadowVertical, 0) var(--08hgun-shadowBlur, 0) 1px var(--08hgun-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--08hgun-overlayColor-color, #000); opacity: var(--08hgun-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--08hgun-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--08hgun-width-tablet,var(--08hgun-width,100%)) - var(--08hgun-margin-left-tablet,var(--08hgun-margin-left,0px)) - var(--08hgun-margin-right-tablet,var(--08hgun-margin-right,0px))); aspect-ratio: var(--08hgun-imageRatio-tablet, var(--08hgun-imageRatio, auto)); img { object-fit: var(--08hgun-objFit-tablet, var(--08hgun-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--08hgun-width-mobile,var(--08hgun-width,100%)) - var(--08hgun-margin-left-mobile,var(--08hgun-margin-left,0px)) - var(--08hgun-margin-right-mobile,var(--08hgun-margin-right,0px))); aspect-ratio: var(--08hgun-imageRatio-mobile, var(--08hgun-imageRatio, auto)); img { object-fit: var(--08hgun-objFit-mobile, var(--08hgun-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-pt34lf"] [data-bnode="beae-tkn7qk"] { margin-top: var(--tkn7qk-margin-top, 0px); margin-right: var(--tkn7qk-margin-right, 0px); margin-bottom: var(--tkn7qk-margin-bottom, 0px); margin-left: var(--tkn7qk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tkn7qk-margin-top-tablet, 0px); margin-right: var(--tkn7qk-margin-right-tablet, 0px); margin-bottom: var(--tkn7qk-margin-bottom-tablet, 0px); margin-left: var(--tkn7qk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tkn7qk-margin-top-mobile, 0px); margin-right: var(--tkn7qk-margin-right-mobile, 0px); margin-bottom: var(--tkn7qk-margin-bottom-mobile, 0px); margin-left: var(--tkn7qk-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--tkn7qk-highlightColor,var(--beae-p-color)); top: var(--tkn7qk-highlightTop, 100%); } } [data-bnode="beae-pt34lf"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-pt34lf"] [data-bnode="be-ctl-item"] { display: flex; flex-direction: var(--be-ctl-item-direction, column); flex-wrap: nowrap; justify-content: var(--be-ctl-item-justify-content); align-items: var(--be-ctl-item-align-items); gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-pt34lf"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-pt34lf"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px)); } } }[data-bnode="beae-n3qaey"] { --n3qaey-direction: row; --n3qaey-direction-tablet: column; --n3qaey-direction-mobile: column; --n3qaey-structure: auto; --n3qaey-structure-tablet: auto; --n3qaey-structure-mobile: auto; --n3qaey-align-items: flex-end; --n3qaey-align-items-tablet: flex-start; --n3qaey-align-items-mobile: flex-start; --n3qaey-gap: 8px; --n3qaey-gap-tablet: 8px; --n3qaey-gap-mobile: 8px; --n3qaey-justify-content: center; --n3qaey-justify-content-tablet: center; --n3qaey-justify-content-mobile: center; --n3qaey-padding-top: 0px; --n3qaey-padding-top-tablet: 0px; --n3qaey-padding-top-mobile: 0px; --n3qaey-padding-right: 0px; --n3qaey-padding-right-tablet: 0px; --n3qaey-padding-right-mobile: 0px; --n3qaey-padding-bottom: 0px; --n3qaey-padding-bottom-tablet: 0px; --n3qaey-padding-bottom-mobile: 0px; --n3qaey-padding-left: 0px; --n3qaey-padding-left-tablet: 0px; --n3qaey-padding-left-mobile: 0px; }[data-bnode="beae-n3qaey"] { padding-top: var(--n3qaey-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--n3qaey-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--n3qaey-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--n3qaey-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--n3qaey-padding-top-tablet, var(--n3qaey-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--n3qaey-padding-right-tablet, var(--n3qaey-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--n3qaey-padding-bottom-tablet, var(--n3qaey-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--n3qaey-padding-left-tablet, var(--n3qaey-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--n3qaey-padding-top-mobile, var(--n3qaey-padding-top-tablet, var(--n3qaey-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--n3qaey-padding-right-mobile, var(--n3qaey-padding-right-tablet, var(--n3qaey-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--n3qaey-padding-bottom-mobile, var(--n3qaey-padding-bottom-tablet, var(--n3qaey-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--n3qaey-padding-left-mobile, var(--n3qaey-padding-left-tablet, var(--n3qaey-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--n3qaey-padding-left, var(--beae-slot-padding-x, 0px)) - var(--n3qaey-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--n3qaey-background-imageRatio, auto); background: var(--n3qaey-background-color,transparent); border-style: var(--n3qaey-borderStyle,solid); border-color: var(--n3qaey-borderColor,#000000); border-width: var(--n3qaey-borderWidth-tl,0px) var(--n3qaey-borderWidth-tr,0px) var(--n3qaey-borderWidth-br,0px) var(--n3qaey-borderWidth-bl,0px); border-radius: var(--n3qaey-borderRadius-tl,0px) var(--n3qaey-borderRadius-tr,0px) var(--n3qaey-borderRadius-br,0px) var(--n3qaey-borderRadius-bl,0px); box-shadow: if(style(--n3qaey-enableShadow: true): var(--n3qaey-shadowHorizontal,0) var(--n3qaey-shadowVertical,0) var(--n3qaey-shadowBlur,0) 1px var(--n3qaey-shadowColor,#000000); else: none); max-width: var(--n3qaey-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--n3qaey-background-imageRatio-tablet, var(--n3qaey-background-imageRatio, auto)); border-width: var(--n3qaey-borderWidth-tl-tablet,0px) var(--n3qaey-borderWidth-tr-tablet,0px) var(--n3qaey-borderWidth-br-tablet,0px) var(--n3qaey-borderWidth-bl-tablet,0px); border-radius: var(--n3qaey-borderRadius-tl-tablet,0px) var(--n3qaey-borderRadius-tr-tablet,0px) var(--n3qaey-borderRadius-br-tablet,0px) var(--n3qaey-borderRadius-bl-tablet,0px); max-width: var(--n3qaey-max-width-tablet, var(--n3qaey-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--n3qaey-background-imageRatio-mobile, var(--n3qaey-background-imageRatio, auto)); border-width: var(--n3qaey-borderWidth-tl-mobile,0px) var(--n3qaey-borderWidth-tr-mobile,0px) var(--n3qaey-borderWidth-br-mobile,0px) var(--n3qaey-borderWidth-bl-mobile,0px); border-radius: var(--n3qaey-borderRadius-tl-mobile,0px) var(--n3qaey-borderRadius-tr-mobile,0px) var(--n3qaey-borderRadius-br-mobile,0px) var(--n3qaey-borderRadius-bl-mobile,0px); max-width: var(--n3qaey-max-width-mobile, var(--n3qaey-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--n3qaey-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--n3qaey-gap,var(--beae-card-gap)); padding-top: var(--n3qaey-padding-top,var(--beae-card-padding)); padding-right: var(--n3qaey-padding-right,var(--beae-card-padding)); padding-bottom: var(--n3qaey-padding-bottom,var(--beae-card-padding)); padding-left: var(--n3qaey-padding-left,var(--beae-card-padding)); border-width: var(--n3qaey-borderWidth,var(--beae-card-border-width)); border-width: var(--n3qaey-borderWidth-tl,var(--beae-card-border-width)) var(--n3qaey-borderWidth-tr,var(--beae-card-border-width)) var(--n3qaey-borderWidth-br,var(--beae-card-border-width)) var(--n3qaey-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--n3qaey-borderRadius-tl,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-tr,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-br,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--n3qaey-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--n3qaey-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--n3qaey-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--n3qaey-padding-left-tablet,var(--beae-card-padding)); border-width: var(--n3qaey-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--n3qaey-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--n3qaey-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--n3qaey-borderWidth-br-desktop,var(--beae-card-border-width)) var(--n3qaey-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--n3qaey-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--n3qaey-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--n3qaey-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--n3qaey-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--n3qaey-padding-left-mobile,var(--beae-card-padding)); border-width: var(--n3qaey-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--n3qaey-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--n3qaey-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--n3qaey-borderWidth-br-mobile,var(--beae-card-border-width)) var(--n3qaey-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--n3qaey-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--n3qaey-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--n3qaey-background-color,var(--beae-card-featured-background)); border-color: var(--n3qaey-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--n3qaey-enableShadow: true): var(--n3qaey-shadowHorizontal, var(--beae-card-shadow-x)) var(--n3qaey-shadowVertical, var(--beae-card-shadow-y)) var(--n3qaey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n3qaey-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--n3qaey-background-color,var(--beae-card-prod-background)); border-color: var(--n3qaey-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--n3qaey-enableShadow: true): var(--n3qaey-shadowHorizontal, var(--beae-card-shadow-x)) var(--n3qaey-shadowVertical, var(--beae-card-shadow-y)) var(--n3qaey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n3qaey-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--n3qaey-background-color,var(--beae-card-pricing-background)); border-color: var(--n3qaey-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--n3qaey-enableShadow: true): var(--n3qaey-shadowHorizontal, var(--beae-card-shadow-x)) var(--n3qaey-shadowVertical, var(--beae-card-shadow-y)) var(--n3qaey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n3qaey-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--n3qaey-background-color,var(--beae-card-cta-background)); border-color: var(--n3qaey-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--n3qaey-enableShadow: true): var(--n3qaey-shadowHorizontal, var(--beae-card-shadow-x)) var(--n3qaey-shadowVertical, var(--beae-card-shadow-y)) var(--n3qaey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n3qaey-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--n3qaey-background-color,var(--beae-card-media-background)); border-color: var(--n3qaey-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--n3qaey-enableShadow: true): var(--n3qaey-shadowHorizontal, var(--beae-card-shadow-x)) var(--n3qaey-shadowVertical, var(--beae-card-shadow-y)) var(--n3qaey-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--n3qaey-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-n3qaey"] { display: flex; flex-direction: var(--n3qaey-direction, column); flex-wrap: nowrap; justify-content: var(--n3qaey-justify-content); align-items: var(--n3qaey-align-items); gap: var(--n3qaey-gap, var(--n3qaey-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-n3qaey"] { flex-direction: var(--n3qaey-direction-tablet, column); align-items: var(--n3qaey-align-items-tablet, inherit); gap: var(--n3qaey-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot[data-bnode-index] { flex: 1 1 auto; min-height: 0; max-height: max-content; } } } @media (max-width: 767px) { [data-bnode="beae-n3qaey"] { flex-direction: var(--n3qaey-direction-mobile, column); align-items: var(--n3qaey-align-items-mobile, inherit); gap: var(--n3qaey-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-qpehl9"] { --qpehl9-width: 130px; --qpehl9-width-tablet: 130px; --qpehl9-width-mobile: 130px; --qpehl9-height: 45px; --qpehl9-height-tablet: 45px; --qpehl9-height-mobile: 45px; --qpehl9-borderStyle: solid; --qpehl9-borderStyle-tablet: solid; --qpehl9-borderStyle-mobile: solid; --qpehl9-borderWidth-tl: 1px; --qpehl9-borderWidth-tl-tablet: 1px; --qpehl9-borderWidth-tl-mobile: 1px; --qpehl9-borderWidth-tr: 1px; --qpehl9-borderWidth-tr-tablet: 1px; --qpehl9-borderWidth-tr-mobile: 1px; --qpehl9-borderWidth-bl: 1px; --qpehl9-borderWidth-bl-tablet: 1px; --qpehl9-borderWidth-bl-mobile: 1px; --qpehl9-borderWidth-br: 1px; --qpehl9-borderWidth-br-tablet: 1px; --qpehl9-borderWidth-br-mobile: 1px; --qpehl9-borderColor: #E6E6E6; --qpehl9-borderColor-tablet: #E6E6E6; --qpehl9-borderColor-mobile: #E6E6E6; --qpehl9-borderRadius-tl: 999px; --qpehl9-borderRadius-tl-tablet: 999px; --qpehl9-borderRadius-tl-mobile: 999px; --qpehl9-borderRadius-tr: 999px; --qpehl9-borderRadius-tr-tablet: 999px; --qpehl9-borderRadius-tr-mobile: 999px; --qpehl9-borderRadius-bl: 999px; --qpehl9-borderRadius-bl-tablet: 999px; --qpehl9-borderRadius-bl-mobile: 999px; --qpehl9-borderRadius-br: 999px; --qpehl9-borderRadius-br-tablet: 999px; --qpehl9-borderRadius-br-mobile: 999px; --qpehl9-margin-top: 0px; --qpehl9-margin-top-tablet: 0px; --qpehl9-margin-top-mobile: 0px; --qpehl9-margin-right: 0px; --qpehl9-margin-right-tablet: 0px; --qpehl9-margin-right-mobile: 0px; --qpehl9-margin-bottom: 0px; --qpehl9-margin-bottom-tablet: 0px; --qpehl9-margin-bottom-mobile: 0px; --qpehl9-margin-left: 0px; --qpehl9-margin-left-tablet: 0px; --qpehl9-margin-left-mobile: 0px; --qpehl9-enableShadow: false; --qpehl9-enableShadow-tablet: false; --qpehl9-enableShadow-mobile: false; --qpehl9-btnWdith: 80px; --qpehl9-btnWdith-tablet: 80px; --qpehl9-btnWdith-mobile: 80px; --qpehl9-typography: p; --qpehl9-typography-tablet: p; --qpehl9-typography-mobile: p; --qpehl9-inputWidth: 60px; --qpehl9-inputWidth-tablet: 60px; --qpehl9-inputWidth-mobile: 60px; --qpehl9-btnWidth: 60px; --qpehl9-btnWidth-tablet: 60px; --qpehl9-btnWidth-mobile: 60px; --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #5b5b5b; --beae-p-font-weight: 400; --beae-p-line-height: 1.8; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --qpehl9-btnBg: #ffffff; --qpehl9-btnBg-tablet: #ffffff; --qpehl9-btnBg-mobile: #ffffff; }[data-bnode="beae-qpehl9"] { margin-top: var(--qpehl9-margin-top, 0px); margin-right: var(--qpehl9-margin-right, 0px); margin-bottom: var(--qpehl9-margin-bottom, 0px); margin-left: var(--qpehl9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--qpehl9-margin-top-tablet, 0px); margin-right: var(--qpehl9-margin-right-tablet, 0px); margin-bottom: var(--qpehl9-margin-bottom-tablet, 0px); margin-left: var(--qpehl9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--qpehl9-margin-top-mobile, 0px); margin-right: var(--qpehl9-margin-right-mobile, 0px); margin-bottom: var(--qpehl9-margin-bottom-mobile, 0px); margin-left: var(--qpehl9-margin-left-mobile, 0px); } &.beae-qty { display: flex; flex-direction: column; gap: 8px; .beae-qty-wrap { height: 52px; display: flex; align-items: stretch; width: fit-content; border-style: var(--qpehl9-borderStyle, solid); border-color: var(--qpehl9-borderColor, #000000); border-width: var(--qpehl9-borderWidth-tl, 0px) var(--qpehl9-borderWidth-tr, 0px) var(--qpehl9-borderWidth-br, 0px) var(--qpehl9-borderWidth-bl, 0px); border-radius: var(--qpehl9-borderRadius-tl, 0px) var(--qpehl9-borderRadius-tr, 0px) var(--qpehl9-borderRadius-br, 0px) var(--qpehl9-borderRadius-bl, 0px); box-shadow: var(--qpehl9-shadowHorizontal, 0) var(--qpehl9-shadowVertical, 0) var(--qpehl9-shadowBlur, 0) 0 var(--qpehl9-shadowColor, #000000); overflow: hidden; @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--qpehl9-borderWidth-tl-tablet, 0px) var(--qpehl9-borderWidth-tr-tablet, 0px) var(--qpehl9-borderWidth-br-tablet, 0px) var(--qpehl9-borderWidth-bl-tablet, 0px); border-radius: var(--qpehl9-borderRadius-tl-tablet, 0px) var(--qpehl9-borderRadius-tr-tablet, 0px) var(--qpehl9-borderRadius-br-tablet, 0px) var(--qpehl9-borderRadius-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--qpehl9-borderWidth-tl-mobile, 0px) var(--qpehl9-borderWidth-tr-mobile, 0px) var(--qpehl9-borderWidth-br-mobile, 0px) var(--qpehl9-borderWidth-bl-mobile, 0px); border-radius: var(--qpehl9-borderRadius-tl-mobile, 0px) var(--qpehl9-borderRadius-tr-mobile, 0px) var(--qpehl9-borderRadius-br-mobile, 0px) var(--qpehl9-borderRadius-bl-mobile, 0px); } } .beae-qty-btn { display: flex; align-items: center; justify-content: center; flex: 0 0 var(--qpehl9-btnWidth, 40px); width: var(--qpehl9-btnWidth, 40px); height: 100%; box-sizing: border-box; padding: 0; border: none; background: var(--qpehl9-btnBg, #f5f5f5); color: var(--qpehl9-btnColor, #333); cursor: pointer; transition: opacity 0.2s; } .beae-qty-input { flex: 0 0 var(--qpehl9-inputWidth, 40px); min-width: 0; width: var(--qpehl9-inputWidth, 40px); height: 100%; box-sizing: border-box; padding: 0; text-align: center; border: none; color: var(--qpehl9-inputColor, #333); background: var(--qpehl9-inputBg, #ffffff); font-size: 16px; } .beae-qty-input::-webkit-outer-spin-button, .beae-qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .beae-qty-input:focus { outline: none; } .beae-qty-warning { color: #f59e0b; } } }[data-bnode="beae-bg0kpm"] { --bg0kpm-width: fill; --bg0kpm-width-tablet: fill; --bg0kpm-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 52px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 40px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #FFF; --beae-btn-pr-background-color: #2F3F28; --beae-btn-text-transform: capitalize; --bg0kpm-iconWidth: 20px; --bg0kpm-iconWidth-tablet: 20px; --bg0kpm-iconWidth-mobile: 20px; --bg0kpm-iconGap: 5px; --bg0kpm-iconGap-tablet: 5px; --bg0kpm-iconGap-mobile: 5px; --bg0kpm-transform: none; --bg0kpm-transform-tablet: none; --bg0kpm-transform-mobile: none; --bg0kpm-button: pr; --bg0kpm-button-tablet: pr; --bg0kpm-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-bg0kpm"] { margin-top: var(--bg0kpm-margin-top, 0px); margin-right: var(--bg0kpm-margin-right, 0px); margin-bottom: var(--bg0kpm-margin-bottom, 0px); margin-left: var(--bg0kpm-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bg0kpm-margin-top-tablet, 0px); margin-right: var(--bg0kpm-margin-right-tablet, 0px); margin-bottom: var(--bg0kpm-margin-bottom-tablet, 0px); margin-left: var(--bg0kpm-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bg0kpm-margin-top-mobile, 0px); margin-right: var(--bg0kpm-margin-right-mobile, 0px); margin-bottom: var(--bg0kpm-margin-bottom-mobile, 0px); margin-left: var(--bg0kpm-margin-left-mobile, 0px); } & { text-transform: var(--bg0kpm-transform); gap: var(--bg0kpm-iconGap, 5px); &.beae-btn-pr:hover { background-color: var(--bg0kpm-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--bg0kpm-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--bg0kpm-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover { background-color: var(--bg0kpm-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--bg0kpm-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--bg0kpm-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover { color: var(--bg0kpm-labelTeHover, var(--beae-btn-te-label-hover)); } span { display: flex; font-size: var(--bg0kpm-iconWidth); } svg { width: var(--bg0kpm-iconWidth, 20px); min-width: var(--bg0kpm-iconWidth, 20px); height: 100%; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--bg0kpm-iconGap-tablet); &:not(.beae-btn-te) { height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span { font-size: var(--bg0kpm-iconWidth-tablet, var(--bg0kpm-iconWidth)); } svg { width: var(--bg0kpm-iconWidth-tablet, var(--bg0kpm-iconWidth)); min-width: var(--bg0kpm-iconWidth-tablet, var(--bg0kpm-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--bg0kpm-iconGap-mobile); &:not(.beae-btn-te) { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span { font-size: var(--bg0kpm-iconWidth-mobile, var(--bg0kpm-iconWidth)); } svg { width: var(--bg0kpm-iconWidth-mobile, var(--bg0kpm-iconWidth)); min-width: var(--bg0kpm-iconWidth-mobile, var(--bg0kpm-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } &.beae-btn-pr { width: 100%; } }[data-bnode="beae-7kqb7n"] { --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --7kqb7n-typography: p; --7kqb7n-typography-tablet: p; --7kqb7n-typography-mobile: p; --beae-p-color: #444444; --beae-p-font-weight: 500; --beae-p-font-size: 16px; --beae-p-letter-spacing: 0px; --beae-p-text-transform: none; --7kqb7n-margin-top: 0px; --7kqb7n-margin-top-tablet: 0px; --7kqb7n-margin-top-mobile: 0px; --7kqb7n-margin-right: 0px; --7kqb7n-margin-right-tablet: 0px; --7kqb7n-margin-right-mobile: 0px; --7kqb7n-margin-bottom: 0px; --7kqb7n-margin-bottom-tablet: 0px; --7kqb7n-margin-bottom-mobile: 0px; --7kqb7n-margin-left: 0px; --7kqb7n-margin-left-tablet: 0px; --7kqb7n-margin-left-mobile: 0px; }[data-bnode="beae-7kqb7n"] { margin-top: var(--7kqb7n-margin-top, 0px); margin-right: var(--7kqb7n-margin-right, 0px); margin-bottom: var(--7kqb7n-margin-bottom, 0px); margin-left: var(--7kqb7n-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7kqb7n-margin-top-tablet, 0px); margin-right: var(--7kqb7n-margin-right-tablet, 0px); margin-bottom: var(--7kqb7n-margin-bottom-tablet, 0px); margin-left: var(--7kqb7n-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7kqb7n-margin-top-mobile, 0px); margin-right: var(--7kqb7n-margin-right-mobile, 0px); margin-bottom: var(--7kqb7n-margin-bottom-mobile, 0px); margin-left: var(--7kqb7n-margin-left-mobile, 0px); } & .beae-description { p:only-child { margin: 0; } } }[data-bnode="beae-sn5qr1"] { --sn5qr1-direction: column; --sn5qr1-direction-tablet: column; --sn5qr1-direction-mobile: column; --sn5qr1-structure: columns; --sn5qr1-structure-tablet: columns; --sn5qr1-structure-mobile: columns; --sn5qr1-gap: 12px; --sn5qr1-gap-tablet: 12px; --sn5qr1-gap-mobile: 12px; }[data-bnode="beae-sn5qr1"] { padding-top: var(--sn5qr1-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--sn5qr1-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--sn5qr1-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--sn5qr1-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--sn5qr1-padding-top-tablet, var(--sn5qr1-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--sn5qr1-padding-right-tablet, var(--sn5qr1-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--sn5qr1-padding-bottom-tablet, var(--sn5qr1-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--sn5qr1-padding-left-tablet, var(--sn5qr1-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--sn5qr1-padding-top-mobile, var(--sn5qr1-padding-top-tablet, var(--sn5qr1-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--sn5qr1-padding-right-mobile, var(--sn5qr1-padding-right-tablet, var(--sn5qr1-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--sn5qr1-padding-bottom-mobile, var(--sn5qr1-padding-bottom-tablet, var(--sn5qr1-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--sn5qr1-padding-left-mobile, var(--sn5qr1-padding-left-tablet, var(--sn5qr1-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--sn5qr1-padding-left, var(--beae-slot-padding-x, 0px)) - var(--sn5qr1-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--sn5qr1-background-imageRatio, auto); background: var(--sn5qr1-background-color,transparent); border-style: var(--sn5qr1-borderStyle,solid); border-color: var(--sn5qr1-borderColor,#000000); border-width: var(--sn5qr1-borderWidth-tl,0px) var(--sn5qr1-borderWidth-tr,0px) var(--sn5qr1-borderWidth-br,0px) var(--sn5qr1-borderWidth-bl,0px); border-radius: var(--sn5qr1-borderRadius-tl,0px) var(--sn5qr1-borderRadius-tr,0px) var(--sn5qr1-borderRadius-br,0px) var(--sn5qr1-borderRadius-bl,0px); box-shadow: if(style(--sn5qr1-enableShadow: true): var(--sn5qr1-shadowHorizontal,0) var(--sn5qr1-shadowVertical,0) var(--sn5qr1-shadowBlur,0) 1px var(--sn5qr1-shadowColor,#000000); else: none); max-width: var(--sn5qr1-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--sn5qr1-background-imageRatio-tablet, var(--sn5qr1-background-imageRatio, auto)); border-width: var(--sn5qr1-borderWidth-tl-tablet,0px) var(--sn5qr1-borderWidth-tr-tablet,0px) var(--sn5qr1-borderWidth-br-tablet,0px) var(--sn5qr1-borderWidth-bl-tablet,0px); border-radius: var(--sn5qr1-borderRadius-tl-tablet,0px) var(--sn5qr1-borderRadius-tr-tablet,0px) var(--sn5qr1-borderRadius-br-tablet,0px) var(--sn5qr1-borderRadius-bl-tablet,0px); max-width: var(--sn5qr1-max-width-tablet, var(--sn5qr1-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--sn5qr1-background-imageRatio-mobile, var(--sn5qr1-background-imageRatio, auto)); border-width: var(--sn5qr1-borderWidth-tl-mobile,0px) var(--sn5qr1-borderWidth-tr-mobile,0px) var(--sn5qr1-borderWidth-br-mobile,0px) var(--sn5qr1-borderWidth-bl-mobile,0px); border-radius: var(--sn5qr1-borderRadius-tl-mobile,0px) var(--sn5qr1-borderRadius-tr-mobile,0px) var(--sn5qr1-borderRadius-br-mobile,0px) var(--sn5qr1-borderRadius-bl-mobile,0px); max-width: var(--sn5qr1-max-width-mobile, var(--sn5qr1-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--sn5qr1-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--sn5qr1-gap,var(--beae-card-gap)); padding-top: var(--sn5qr1-padding-top,var(--beae-card-padding)); padding-right: var(--sn5qr1-padding-right,var(--beae-card-padding)); padding-bottom: var(--sn5qr1-padding-bottom,var(--beae-card-padding)); padding-left: var(--sn5qr1-padding-left,var(--beae-card-padding)); border-width: var(--sn5qr1-borderWidth,var(--beae-card-border-width)); border-width: var(--sn5qr1-borderWidth-tl,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-tr,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-br,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--sn5qr1-borderRadius-tl,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-tr,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-br,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--sn5qr1-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--sn5qr1-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--sn5qr1-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--sn5qr1-padding-left-tablet,var(--beae-card-padding)); border-width: var(--sn5qr1-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--sn5qr1-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-br-desktop,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--sn5qr1-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--sn5qr1-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--sn5qr1-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--sn5qr1-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--sn5qr1-padding-left-mobile,var(--beae-card-padding)); border-width: var(--sn5qr1-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--sn5qr1-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-br-mobile,var(--beae-card-border-width)) var(--sn5qr1-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--sn5qr1-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--sn5qr1-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--sn5qr1-background-color,var(--beae-card-featured-background)); border-color: var(--sn5qr1-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--sn5qr1-enableShadow: true): var(--sn5qr1-shadowHorizontal, var(--beae-card-shadow-x)) var(--sn5qr1-shadowVertical, var(--beae-card-shadow-y)) var(--sn5qr1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sn5qr1-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--sn5qr1-background-color,var(--beae-card-prod-background)); border-color: var(--sn5qr1-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--sn5qr1-enableShadow: true): var(--sn5qr1-shadowHorizontal, var(--beae-card-shadow-x)) var(--sn5qr1-shadowVertical, var(--beae-card-shadow-y)) var(--sn5qr1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sn5qr1-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--sn5qr1-background-color,var(--beae-card-pricing-background)); border-color: var(--sn5qr1-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--sn5qr1-enableShadow: true): var(--sn5qr1-shadowHorizontal, var(--beae-card-shadow-x)) var(--sn5qr1-shadowVertical, var(--beae-card-shadow-y)) var(--sn5qr1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sn5qr1-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--sn5qr1-background-color,var(--beae-card-cta-background)); border-color: var(--sn5qr1-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--sn5qr1-enableShadow: true): var(--sn5qr1-shadowHorizontal, var(--beae-card-shadow-x)) var(--sn5qr1-shadowVertical, var(--beae-card-shadow-y)) var(--sn5qr1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sn5qr1-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--sn5qr1-background-color,var(--beae-card-media-background)); border-color: var(--sn5qr1-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--sn5qr1-enableShadow: true): var(--sn5qr1-shadowHorizontal, var(--beae-card-shadow-x)) var(--sn5qr1-shadowVertical, var(--beae-card-shadow-y)) var(--sn5qr1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sn5qr1-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-sn5qr1"] { display: flex; flex-direction: var(--sn5qr1-direction, column); flex-wrap: nowrap; justify-content: var(--sn5qr1-justify-content); align-items: var(--sn5qr1-align-items); gap: var(--sn5qr1-gap, var(--sn5qr1-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-sn5qr1"] { gap: var(--sn5qr1-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--sn5qr1-padding-right-tablet, 0px) - var(--sn5qr1-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-sn5qr1"] { gap: var(--sn5qr1-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--sn5qr1-padding-right-mobile, 0px) - var(--sn5qr1-padding-right-mobile, 0px)); } } }[data-bnode="beae-sux0u9"] { --sux0u9-typography: h5; --sux0u9-typography-tablet: h5; --sux0u9-typography-mobile: h5; --beae-h5-font-size: 18px; --beae-h5-font-size-tablet: 18px; --beae-h5-font-size-mobile: 18px; --beae-h5-color: #1D1D1F; --beae-h5-font-weight: 600; --beae-h5-line-height: 1.5; --beae-h5-line-height-tablet: 1.5; --beae-h5-line-height-mobile: 1.5; --beae-h5-letter-spacing: 0px; --beae-h5-letter-spacing-tablet: 0px; --beae-h5-letter-spacing-mobile: 0px; --beae-h5-text-transform: capitalize; --sux0u9-margin-top: 0px; --sux0u9-margin-top-tablet: 0px; --sux0u9-margin-top-mobile: 0px; --sux0u9-margin-right: 0px; --sux0u9-margin-right-tablet: 0px; --sux0u9-margin-right-mobile: 0px; --sux0u9-margin-bottom: 0px; --sux0u9-margin-bottom-tablet: 0px; --sux0u9-margin-bottom-mobile: 0px; --sux0u9-margin-left: 0px; --sux0u9-margin-left-tablet: 0px; --sux0u9-margin-left-mobile: 0px; }[data-bnode="beae-sux0u9"] { margin-top: var(--sux0u9-margin-top, 0px); margin-right: var(--sux0u9-margin-right, 0px); margin-bottom: var(--sux0u9-margin-bottom, 0px); margin-left: var(--sux0u9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--sux0u9-margin-top-tablet, 0px); margin-right: var(--sux0u9-margin-right-tablet, 0px); margin-bottom: var(--sux0u9-margin-bottom-tablet, 0px); margin-left: var(--sux0u9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--sux0u9-margin-top-mobile, 0px); margin-right: var(--sux0u9-margin-right-mobile, 0px); margin-bottom: var(--sux0u9-margin-bottom-mobile, 0px); margin-left: var(--sux0u9-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--sux0u9-highlightColor,var(--beae-p-color)); top: var(--sux0u9-highlightTop, 100%); } }[data-bnode="beae-lvb2wb"] { --lvb2wb-typography: p; --lvb2wb-typography-tablet: p; --lvb2wb-typography-mobile: p; --lvb2wb-iconSize: 40; --lvb2wb-iconSize-tablet: 40; --lvb2wb-iconSize-mobile: 40; --lvb2wb-maxWidth: auto; --lvb2wb-maxWidth-tablet: auto; --lvb2wb-maxWidth-mobile: auto; --lvb2wb-margin-top: 11px; --lvb2wb-margin-top-tablet: 11px; --lvb2wb-margin-top-mobile: 11px; --lvb2wb-margin-right: 0px; --lvb2wb-margin-right-tablet: 0px; --lvb2wb-margin-right-mobile: 0px; --lvb2wb-margin-bottom: 0px; --lvb2wb-margin-bottom-tablet: 0px; --lvb2wb-margin-bottom-mobile: 0px; --lvb2wb-margin-left: 0px; --lvb2wb-margin-left-tablet: 0px; --lvb2wb-margin-left-mobile: 0px; }[data-bnode="beae-lvb2wb"] { margin-top: var(--lvb2wb-margin-top, 0px); margin-right: var(--lvb2wb-margin-right, 0px); margin-bottom: var(--lvb2wb-margin-bottom, 0px); margin-left: var(--lvb2wb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lvb2wb-margin-top-tablet, 0px); margin-right: var(--lvb2wb-margin-right-tablet, 0px); margin-bottom: var(--lvb2wb-margin-bottom-tablet, 0px); margin-left: var(--lvb2wb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lvb2wb-margin-top-mobile, 0px); margin-right: var(--lvb2wb-margin-right-mobile, 0px); margin-bottom: var(--lvb2wb-margin-bottom-mobile, 0px); margin-left: var(--lvb2wb-margin-left-mobile, 0px); } & { display: flex; list-style: none; padding: 0; } }[data-bnode="beae-goaww5"] { --goaww5-width: 1392px; --goaww5-width-tablet: 1392px; --goaww5-width-mobile: 1392px; --goaww5-height: fit-content; --goaww5-height-tablet: fit-content; --goaww5-height-mobile: fit-content; --goaww5-padding-top: 0px; --goaww5-padding-top-tablet: 0px; --goaww5-padding-top-mobile: 0px; --goaww5-padding-right: 32px; --goaww5-padding-right-tablet: 30px; --goaww5-padding-right-mobile: 16px; --goaww5-padding-bottom: 112px; --goaww5-padding-bottom-tablet: 96px; --goaww5-padding-bottom-mobile: 80px; --goaww5-padding-left: 32px; --goaww5-padding-left-tablet: 30px; --goaww5-padding-left-mobile: 16px; --goaww5-gap: 40px; --goaww5-gap-tablet: 40px; --goaww5-gap-mobile: 36px; }[data-bnode="beae-goaww5"] { padding-top: var(--goaww5-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--goaww5-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--goaww5-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--goaww5-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--goaww5-padding-top-tablet, var(--goaww5-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--goaww5-padding-right-tablet, var(--goaww5-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--goaww5-padding-bottom-tablet, var(--goaww5-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--goaww5-padding-left-tablet, var(--goaww5-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--goaww5-padding-top-mobile, var(--goaww5-padding-top-tablet, var(--goaww5-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--goaww5-padding-right-mobile, var(--goaww5-padding-right-tablet, var(--goaww5-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--goaww5-padding-bottom-mobile, var(--goaww5-padding-bottom-tablet, var(--goaww5-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--goaww5-padding-left-mobile, var(--goaww5-padding-left-tablet, var(--goaww5-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--goaww5-padding-left, var(--beae-section-padding-x, 0px)) - var(--goaww5-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--goaww5-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--goaww5-height); width: 100%; max-width: var(--goaww5-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--goaww5-height-tablet, auto); width: 100%; max-width: var(--goaww5-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--goaww5-height-mobile, auto); width: 100%; max-width: var(--goaww5-width-mobile, 100%); } } } }[data-bnode="beae-goaww5"] > .beae-section-container{ display: flex; flex-direction: var(--goaww5-direction, column); flex-wrap: nowrap; justify-content: var(--goaww5-justify-content); align-items: var(--goaww5-align-items); gap: var(--goaww5-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-goaww5"] > .beae-section-container{ gap: var(--goaww5-gap-tablet, var(--beae-grid-gap-tablet, 4px)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--goaww5-padding-right-tablet, 0px) - var(--goaww5-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-goaww5"] > .beae-section-container{ gap: var(--goaww5-gap-mobile, var(--beae-grid-gap-mobile, 4px)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--goaww5-padding-right-mobile, 0px) - var(--goaww5-padding-right-mobile, 0px)); } } }[data-bnode="beae-cecxkq"] { --cecxkq-direction: row; --cecxkq-direction-tablet: row; --cecxkq-direction-mobile: row; --cecxkq-structure: columns; --cecxkq-structure-tablet: columns; --cecxkq-structure-mobile: columns; --cecxkq-padding-top-tablet: 0px; --cecxkq-padding-top-mobile: 0px; --cecxkq-padding-right-tablet: 24px; --cecxkq-padding-right-mobile: 0px; --cecxkq-padding-bottom-tablet: 0px; --cecxkq-padding-bottom-mobile: 0px; --cecxkq-padding-left-tablet: 24px; --cecxkq-padding-left-mobile: 0px; }[data-bnode="beae-cecxkq"] { padding-top: var(--cecxkq-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--cecxkq-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--cecxkq-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--cecxkq-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--cecxkq-padding-top-tablet, var(--cecxkq-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--cecxkq-padding-right-tablet, var(--cecxkq-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--cecxkq-padding-bottom-tablet, var(--cecxkq-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--cecxkq-padding-left-tablet, var(--cecxkq-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--cecxkq-padding-top-mobile, var(--cecxkq-padding-top-tablet, var(--cecxkq-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--cecxkq-padding-right-mobile, var(--cecxkq-padding-right-tablet, var(--cecxkq-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--cecxkq-padding-bottom-mobile, var(--cecxkq-padding-bottom-tablet, var(--cecxkq-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--cecxkq-padding-left-mobile, var(--cecxkq-padding-left-tablet, var(--cecxkq-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--cecxkq-padding-left, var(--beae-slot-padding-x, 0px)) - var(--cecxkq-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--cecxkq-background-imageRatio, auto); background: var(--cecxkq-background-color,transparent); border-style: var(--cecxkq-borderStyle,solid); border-color: var(--cecxkq-borderColor,#000000); border-width: var(--cecxkq-borderWidth-tl,0px) var(--cecxkq-borderWidth-tr,0px) var(--cecxkq-borderWidth-br,0px) var(--cecxkq-borderWidth-bl,0px); border-radius: var(--cecxkq-borderRadius-tl,0px) var(--cecxkq-borderRadius-tr,0px) var(--cecxkq-borderRadius-br,0px) var(--cecxkq-borderRadius-bl,0px); box-shadow: if(style(--cecxkq-enableShadow: true): var(--cecxkq-shadowHorizontal,0) var(--cecxkq-shadowVertical,0) var(--cecxkq-shadowBlur,0) 1px var(--cecxkq-shadowColor,#000000); else: none); max-width: var(--cecxkq-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--cecxkq-background-imageRatio-tablet, var(--cecxkq-background-imageRatio, auto)); border-width: var(--cecxkq-borderWidth-tl-tablet,0px) var(--cecxkq-borderWidth-tr-tablet,0px) var(--cecxkq-borderWidth-br-tablet,0px) var(--cecxkq-borderWidth-bl-tablet,0px); border-radius: var(--cecxkq-borderRadius-tl-tablet,0px) var(--cecxkq-borderRadius-tr-tablet,0px) var(--cecxkq-borderRadius-br-tablet,0px) var(--cecxkq-borderRadius-bl-tablet,0px); max-width: var(--cecxkq-max-width-tablet, var(--cecxkq-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--cecxkq-background-imageRatio-mobile, var(--cecxkq-background-imageRatio, auto)); border-width: var(--cecxkq-borderWidth-tl-mobile,0px) var(--cecxkq-borderWidth-tr-mobile,0px) var(--cecxkq-borderWidth-br-mobile,0px) var(--cecxkq-borderWidth-bl-mobile,0px); border-radius: var(--cecxkq-borderRadius-tl-mobile,0px) var(--cecxkq-borderRadius-tr-mobile,0px) var(--cecxkq-borderRadius-br-mobile,0px) var(--cecxkq-borderRadius-bl-mobile,0px); max-width: var(--cecxkq-max-width-mobile, var(--cecxkq-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--cecxkq-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--cecxkq-gap,var(--beae-card-gap)); padding-top: var(--cecxkq-padding-top,var(--beae-card-padding)); padding-right: var(--cecxkq-padding-right,var(--beae-card-padding)); padding-bottom: var(--cecxkq-padding-bottom,var(--beae-card-padding)); padding-left: var(--cecxkq-padding-left,var(--beae-card-padding)); border-width: var(--cecxkq-borderWidth,var(--beae-card-border-width)); border-width: var(--cecxkq-borderWidth-tl,var(--beae-card-border-width)) var(--cecxkq-borderWidth-tr,var(--beae-card-border-width)) var(--cecxkq-borderWidth-br,var(--beae-card-border-width)) var(--cecxkq-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--cecxkq-borderRadius-tl,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-tr,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-br,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--cecxkq-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--cecxkq-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--cecxkq-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--cecxkq-padding-left-tablet,var(--beae-card-padding)); border-width: var(--cecxkq-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--cecxkq-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--cecxkq-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--cecxkq-borderWidth-br-desktop,var(--beae-card-border-width)) var(--cecxkq-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--cecxkq-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--cecxkq-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--cecxkq-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--cecxkq-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--cecxkq-padding-left-mobile,var(--beae-card-padding)); border-width: var(--cecxkq-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--cecxkq-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--cecxkq-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--cecxkq-borderWidth-br-mobile,var(--beae-card-border-width)) var(--cecxkq-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--cecxkq-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--cecxkq-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--cecxkq-background-color,var(--beae-card-featured-background)); border-color: var(--cecxkq-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--cecxkq-enableShadow: true): var(--cecxkq-shadowHorizontal, var(--beae-card-shadow-x)) var(--cecxkq-shadowVertical, var(--beae-card-shadow-y)) var(--cecxkq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cecxkq-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--cecxkq-background-color,var(--beae-card-prod-background)); border-color: var(--cecxkq-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--cecxkq-enableShadow: true): var(--cecxkq-shadowHorizontal, var(--beae-card-shadow-x)) var(--cecxkq-shadowVertical, var(--beae-card-shadow-y)) var(--cecxkq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cecxkq-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--cecxkq-background-color,var(--beae-card-pricing-background)); border-color: var(--cecxkq-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--cecxkq-enableShadow: true): var(--cecxkq-shadowHorizontal, var(--beae-card-shadow-x)) var(--cecxkq-shadowVertical, var(--beae-card-shadow-y)) var(--cecxkq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cecxkq-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--cecxkq-background-color,var(--beae-card-cta-background)); border-color: var(--cecxkq-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--cecxkq-enableShadow: true): var(--cecxkq-shadowHorizontal, var(--beae-card-shadow-x)) var(--cecxkq-shadowVertical, var(--beae-card-shadow-y)) var(--cecxkq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cecxkq-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--cecxkq-background-color,var(--beae-card-media-background)); border-color: var(--cecxkq-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--cecxkq-enableShadow: true): var(--cecxkq-shadowHorizontal, var(--beae-card-shadow-x)) var(--cecxkq-shadowVertical, var(--beae-card-shadow-y)) var(--cecxkq-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--cecxkq-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-cecxkq"] { display: flex; flex-direction: var(--cecxkq-direction, column); flex-wrap: nowrap; justify-content: var(--cecxkq-justify-content); align-items: var(--cecxkq-align-items); gap: var(--cecxkq-gap, var(--cecxkq-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(--cecxkq-padding-right, 0px) - var(--cecxkq-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-cecxkq"] { gap: var(--cecxkq-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--cecxkq-padding-right-tablet, 0px) - var(--cecxkq-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-cecxkq"] { gap: var(--cecxkq-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--cecxkq-padding-right-mobile, 0px) - var(--cecxkq-padding-right-mobile, 0px)); } } }[data-bnode="beae-vswujj"] { --beae-h2-font-size: 40px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 30px; --beae-h2-color: #1D1D1F; --beae-h2-font-family: Instrument Sans; --beae-h2-font-weight: 600; --beae-h2-line-height: 1.2; --beae-h2-line-height-tablet: 1.2; --beae-h2-line-height-mobile: 1.2; --beae-h2-letter-spacing: 0px; --beae-h2-letter-spacing-tablet: 0px; --beae-h2-letter-spacing-mobile: 0px; --beae-h2-text-transform: none; --vswujj-typography: h2; --vswujj-typography-tablet: h2; --vswujj-typography-mobile: h2; --vswujj-highlightColor: #F9B690; --vswujj-highlightColor-tablet: #F9B690; --vswujj-highlightColor-mobile: #F9B690; --vswujj-highlightThickness: 7; --vswujj-highlightThickness-tablet: 7; --vswujj-highlightThickness-mobile: 7; --vswujj-highlightTop: 90%; --vswujj-highlightTop-tablet: 90%; --vswujj-highlightTop-mobile: 90%; }[data-bnode="beae-vswujj"] { margin-top: var(--vswujj-margin-top, 0px); margin-right: var(--vswujj-margin-right, 0px); margin-bottom: var(--vswujj-margin-bottom, 0px); margin-left: var(--vswujj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vswujj-margin-top-tablet, 0px); margin-right: var(--vswujj-margin-right-tablet, 0px); margin-bottom: var(--vswujj-margin-bottom-tablet, 0px); margin-left: var(--vswujj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vswujj-margin-top-mobile, 0px); margin-right: var(--vswujj-margin-right-mobile, 0px); margin-bottom: var(--vswujj-margin-bottom-mobile, 0px); margin-left: var(--vswujj-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--vswujj-highlightColor,var(--beae-p-color)); top: var(--vswujj-highlightTop, 100%); } }[data-bnode="beae-44ava7"] { --44ava7-columns: 2; --44ava7-columns-tablet: 1; --44ava7-columns-mobile: 1; --44ava7-gap: 32px; --44ava7-gap-tablet: 16px; --44ava7-gap-mobile: 16px; --44ava7-navType: true; --44ava7-navType-tablet: true; --44ava7-navType-mobile: true; --44ava7-pagiType: true; --44ava7-pagiType-tablet: true; --44ava7-pagiType-mobile: true; --44ava7-listType: slider; --44ava7-listType-tablet: slider; --44ava7-listType-mobile: slider; --44ava7-stateNavigation: normal; --44ava7-stateNavigation-tablet: normal; --44ava7-stateNavigation-mobile: normal; --44ava7-statePagination: normal; --44ava7-statePagination-tablet: normal; --44ava7-statePagination-mobile: normal; --44ava7-stateNavigtion: normal; --44ava7-stateNavigtion-tablet: normal; --44ava7-stateNavigtion-mobile: normal; --44ava7-margin-top: 0px; --44ava7-margin-top-tablet: 0px; --44ava7-margin-top-mobile: 0px; --44ava7-margin-right: 0px; --44ava7-margin-right-tablet: 0px; --44ava7-margin-right-mobile: 0px; --44ava7-margin-bottom: 1px; --44ava7-margin-bottom-tablet: 1px; --44ava7-margin-bottom-mobile: 1px; --44ava7-margin-left: 0px; --44ava7-margin-left-tablet: 0px; --44ava7-margin-left-mobile: 0px; --44ava7-columnsMobile-mobile: 1; } [data-bnode="beae-44ava7"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-44ava7"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-44ava7"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-44ava7"] [data-bnode="beae-vqe2au"] { --vqe2au-width: 100%; --vqe2au-imageRatio: 6/7; --vqe2au-objFit: cover; --vqe2au-borderColor: #000000; --vqe2au-shadowColor: #000000; --vqe2au-borderStyle: none; --vqe2au-enableShadow: false; --vqe2au-borderRadius-tl: 24px; --vqe2au-borderRadius-tr: 24px; --vqe2au-borderRadius-bl: 24px; --vqe2au-borderRadius-br: 24px; --vqe2au-overlayColor-0: #; --vqe2au-overlayColor-1: d; --vqe2au-overlayColor-2: 8; --vqe2au-overlayColor-3: 2; --vqe2au-overlayColor-4: 7; --vqe2au-overlayColor-5: 2; --vqe2au-overlayColor-6: 7; --vqe2au-overlayColor-type: color; --vqe2au-overlayColor-color: #008c62; --vqe2au-width-tablet: 100%; --vqe2au-imageRatio-tablet: 6/7; } [data-bnode="beae-44ava7"] [data-bnode="beae-vmu9sb"] { --vmu9sb-direction: column; --vmu9sb-structure: columns; --vmu9sb-gap: 0px; --vmu9sb-justify-content: space-evenly; --vmu9sb-padding-top: 0px; --vmu9sb-padding-right: 28px; --vmu9sb-padding-bottom: 0px; --vmu9sb-padding-left: 28px; --vmu9sb-max-width: 100%; --vmu9sb-borderStyle: solid; --vmu9sb-borderColor: #E6E6E6; --vmu9sb-borderWidth-tl: 1px; --vmu9sb-borderWidth-tr: 1px; --vmu9sb-borderWidth-bl: 1px; --vmu9sb-borderWidth-br: 1px; --vmu9sb-borderRadius-tl: 24px; --vmu9sb-borderRadius-tr: 24px; --vmu9sb-borderRadius-bl: 24px; --vmu9sb-borderRadius-br: 24px; --vmu9sb-padding-top-tablet: 28px; --vmu9sb-padding-right-tablet: 24px; --vmu9sb-padding-bottom-tablet: 28px; --vmu9sb-padding-left-tablet: 24px; --vmu9sb-gap-tablet: 28px; --vmu9sb-justify-content-tablet: center; --vmu9sb-align-items-tablet: flex-start; --vmu9sb-direction-tablet: column; --vmu9sb-borderWidth-tl-tablet: 1px; --vmu9sb-borderWidth-tr-tablet: 1px; --vmu9sb-borderWidth-bl-tablet: 1px; --vmu9sb-borderWidth-br-tablet: 1px; --vmu9sb-borderRadius-tl-tablet: 24px; --vmu9sb-borderRadius-tr-tablet: 24px; --vmu9sb-borderRadius-bl-tablet: 24px; --vmu9sb-borderRadius-br-tablet: 24px; --vmu9sb-padding-top-mobile: 28px; --vmu9sb-padding-right-mobile: 28px; --vmu9sb-padding-bottom-mobile: 28px; --vmu9sb-padding-left-mobile: 28px; --vmu9sb-gap-mobile: 24px; --vmu9sb-borderRadius-tl-mobile: 24px; --vmu9sb-borderRadius-tr-mobile: 24px; --vmu9sb-borderRadius-bl-mobile: 24px; --vmu9sb-borderRadius-br-mobile: 24px; --vmu9sb-borderWidth-tl-mobile: 1px; --vmu9sb-borderWidth-tr-mobile: 1px; --vmu9sb-borderWidth-bl-mobile: 1px; --vmu9sb-borderWidth-br-mobile: 1px; } [data-bnode="beae-44ava7"] [data-bnode="beae-w8l32x"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --w8l32x-typography: p; --w8l32x-margin-top: 0px; --w8l32x-margin-right: 28px; --w8l32x-margin-bottom: 64px; --w8l32x-margin-left: 0px; --w8l32x-margin-top-tablet: 0px; --w8l32x-margin-right-tablet: 0px; --w8l32x-margin-bottom-tablet: 0px; --w8l32x-margin-left-tablet: 0px; } [data-bnode="beae-44ava7"] [data-bnode="beae-l19hpb"] { --l19hpb-direction: column; --l19hpb-structure: columns; } [data-bnode="beae-44ava7"] [data-bnode="beae-j97tsj"] { --j97tsj-direction: row; --j97tsj-columns: 22.00,78.00; --j97tsj-columnsPresetId: 22.00,78.00; --j97tsj-structure: columns; --j97tsj-gap: 16px; --j97tsj-padding-top: 5px; --j97tsj-padding-right: 0px; --j97tsj-padding-bottom: 0px; --j97tsj-padding-left: -5px; --j97tsj-columns-tablet: 22.00,78.00; --j97tsj-columnsPresetId-tablet: 22.00,78.00; --j97tsj-columns-mobile: 22.00,78.00; --j97tsj-columnsPresetId-mobile: 22.00,78.00; } [data-bnode="beae-44ava7"] [data-bnode="beae-wrx30f"] { --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 16px; --beae-h3-line-height-tablet: 1.3; --beae-h3-line-height-mobile: 1.3; --beae-h3-letter-spacing-tablet: 0px; --beae-h3-letter-spacing-mobile: 0px; --beae-h3-font-size: 16px; --beae-h3-text-align: start; } [data-bnode="beae-44ava7"] [data-bnode="beae-apv06j"] { --apv06j-typography: p2; --beae-p2-text-align: start; } [data-bnode="beae-44ava7"] [data-bnode="beae-wegub7"] { --wegub7-imageRatio: 1/1; --wegub7-width: 64px; --wegub7-borderRadius-tl: 100px; --wegub7-borderRadius-tr: 100px; --wegub7-borderRadius-bl: 100px; --wegub7-borderRadius-br: 100px; --wegub7-objFit: cover; } [data-bnode="beae-44ava7"] [data-bnode="beae-uj2jvu"] { --uj2jvu-direction: row; --uj2jvu-structure: columns; --uj2jvu-gap: 0px; --uj2jvu-max-width: 28%; --uj2jvu-padding-top: 0px; --uj2jvu-padding-right: 0px; --uj2jvu-padding-bottom: -22px; --uj2jvu-padding-left: 0px; } [data-bnode="beae-44ava7"] [data-bnode="beae-0ketyw"] { --0ketyw-size: 18px; --0ketyw-backgroundColor: #FF9E07; --0ketyw-iconColor: #f5f5f5; } [data-bnode="beae-44ava7"] [data-bnode="beae-melyk9"] { --melyk9-iconColor: #FF9E07; --melyk9-size: 18px; } [data-bnode="beae-44ava7"] [data-bnode="beae-2nt1wf"] { --2nt1wf-size: 16px; --2nt1wf-iconColor: #997438; --2nt1wf-borderStyle: none; } [data-bnode="beae-44ava7"] [data-bnode="beae-5yn5ru"] { --5yn5ru-align-items: center; --5yn5ru-structure: auto; --5yn5ru-direction: column; } [data-bnode="beae-44ava7"] [data-bnode="beae-ovtkxh"] { --ovtkxh-size: 24px; --ovtkxh-iconColor: #000000; --ovtkxh-backgroundColor: #FFFFFF00; --ovtkxh-padding: 4px; --ovtkxh-enableShadow: false; --ovtkxh-margin-top: 0px; --ovtkxh-margin-right: 0px; --ovtkxh-margin-bottom: 0px; --ovtkxh-margin-left: 0px; } [data-bnode="beae-44ava7"] [data-bnode="beae-q6m5t8"] { --q6m5t8-iconColor: #43529D; --q6m5t8-size: 19px; --q6m5t8-backgroundColor: #FFFFFF00; --q6m5t8-padding: 4px; --q6m5t8-enableShadow: false; --q6m5t8-margin-top: 0px; --q6m5t8-margin-right: 0px; --q6m5t8-margin-bottom: 0px; --q6m5t8-margin-left: 0px; } [data-bnode="beae-44ava7"] [data-bnode="beae-5zb1qb"] { --5zb1qb-size: 8px; } [data-bnode="beae-44ava7"] [data-bnode="beae-2hhtqp"] { --2hhtqp-size: 24px; } [data-bnode="beae-44ava7"] [data-bnode="beae-zbv5jn"] { --zbv5jn-size: 22px; --zbv5jn-iconColor: #000000; --zbv5jn-backgroundColor: #FFFFFF00; --zbv5jn-padding: 4px; --zbv5jn-enableShadow: false; } [data-bnode="beae-44ava7"] [data-bnode="beae-sy8c1c"] { --beae-h3-text-align: justify; } [data-bnode="beae-44ava7"] [data-bnode="beae-x7kdjg"] { --x7kdjg-typography: h3; --beae-h3-text-align: start; --beae-h3-font-size: 16px; } [data-bnode="beae-44ava7"] [data-bnode="beae-oumvyp"] { --oumvyp-width: 64px; --oumvyp-imageRatio: 1/1; --oumvyp-objFit: cover; --oumvyp-borderColor: #000000; --oumvyp-shadowColor: #000000; --oumvyp-borderStyle: none; --oumvyp-enableShadow: false; --oumvyp-borderRadius-tl: 100px; --oumvyp-borderRadius-tr: 100px; --oumvyp-borderRadius-bl: 100px; --oumvyp-borderRadius-br: 100px; --oumvyp-borderWidth-tl: 1px; --oumvyp-borderWidth-tr: 1px; --oumvyp-borderWidth-bl: 1px; --oumvyp-borderWidth-br: 1px; --oumvyp-overlayColor-type: color; --oumvyp-overlayColor-color: #d82727; --oumvyp-overlayOpacity: 0; } [data-bnode="beae-44ava7"] [data-bnode="beae-4m2bi1"] { --4m2bi1-width: 64px; --4m2bi1-imageRatio: 1/1; --4m2bi1-objFit: cover; --4m2bi1-borderColor: #000000; --4m2bi1-shadowColor: #000000; --4m2bi1-borderStyle: none; --4m2bi1-enableShadow: false; --4m2bi1-borderRadius-tl: 100px; --4m2bi1-borderRadius-tr: 100px; --4m2bi1-borderRadius-bl: 100px; --4m2bi1-borderRadius-br: 100px; --4m2bi1-overlayColor-type: color; --4m2bi1-overlayColor-color: #d82727; --4m2bi1-overlayOpacity: 1; } [data-bnode="beae-44ava7"] [data-bnode="beae-j97tsj"] { --j97tsj-direction: row; --j97tsj-direction-tablet: row; --j97tsj-direction-mobile: row; --j97tsj-structure: columns; --j97tsj-structure-tablet: columns; --j97tsj-structure-mobile: columns; } [data-bnode="beae-44ava7"] [data-bnode="beae-5yn5ru"] { --5yn5ru-direction: row; --5yn5ru-direction-tablet: row; --5yn5ru-direction-mobile: row; --5yn5ru-structure: columns; --5yn5ru-structure-tablet: columns; --5yn5ru-structure-mobile: columns; } [data-bnode="beae-44ava7"] [data-bnode="beae-apv06j"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --apv06j-typography: p; --apv06j-typography-tablet: p; --apv06j-typography-mobile: p; } [data-bnode="beae-44ava7"] [data-bnode="beae-w8l32x"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #444444; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --w8l32x-typography: p; --w8l32x-typography-tablet: p; --w8l32x-typography-mobile: p; } [data-bnode="beae-44ava7"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: row; --be-ctl-item-direction-tablet: row; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 10px; --be-ctl-item-gap-tablet: 10px; --be-ctl-item-gap-mobile: 9px; --be-ctl-item-structure: columns; --be-ctl-item-structure-tablet: auto; --be-ctl-item-structure-mobile: auto; --be-ctl-item-borderStyle: none; --be-ctl-item-borderStyle-tablet: none; --be-ctl-item-borderStyle-mobile: none; --be-ctl-item-borderWidth-tl: 5px; --be-ctl-item-borderWidth-tl-tablet: 5px; --be-ctl-item-borderWidth-tl-mobile: 5px; --be-ctl-item-borderWidth-tr: 5px; --be-ctl-item-borderWidth-tr-tablet: 5px; --be-ctl-item-borderWidth-tr-mobile: 5px; --be-ctl-item-borderWidth-bl: 5px; --be-ctl-item-borderWidth-bl-tablet: 5px; --be-ctl-item-borderWidth-bl-mobile: 5px; --be-ctl-item-borderWidth-br: 5px; --be-ctl-item-borderWidth-br-tablet: 5px; --be-ctl-item-borderWidth-br-mobile: 5px; --be-ctl-item-padding-top-tablet: 0px; --be-ctl-item-padding-top-mobile: 0px; --be-ctl-item-padding-right-tablet: 0px; --be-ctl-item-padding-right-mobile: 0px; --be-ctl-item-padding-bottom-tablet: 0px; --be-ctl-item-padding-bottom-mobile: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-columns-tablet: 50.00,50.00; --be-ctl-item-columns-mobile: 50.00,50.00; --be-ctl-item-columnsPresetId-tablet: 50.00,50.00; --be-ctl-item-columnsPresetId-mobile: 50.00,50.00; --be-ctl-item-align-items-tablet: stretch; --be-ctl-item-align-items-mobile: stretch; }[data-bnode="beae-44ava7"] { margin-top: var(--44ava7-margin-top, 0px); margin-right: var(--44ava7-margin-right, 0px); margin-bottom: var(--44ava7-margin-bottom, 0px); margin-left: var(--44ava7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--44ava7-margin-top-tablet, 0px); margin-right: var(--44ava7-margin-right-tablet, 0px); margin-bottom: var(--44ava7-margin-bottom-tablet, 0px); margin-left: var(--44ava7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--44ava7-margin-top-mobile, 0px); margin-right: var(--44ava7-margin-right-mobile, 0px); margin-bottom: var(--44ava7-margin-bottom-mobile, 0px); margin-left: var(--44ava7-margin-left-mobile, 0px); } &.beae-content-list { & .beae-media-wrapper { overflow: hidden; } & .beae-media-wrapper img { transition: transform 0.35s ease; will-change: transform; } & .beae-media-wrapper:hover img { transform: scale(1.05); } @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--44ava7-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - var(--44ava7-gap, 20px) * (var(--44ava7-columns, 3) - 1) + 1px) / var(--44ava7-columns, 3) ); &:last-child { margin-right: var(--44ava7-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { &[data-item="1"] { .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--44ava7-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--44ava7-columns) - 1) * var(--44ava7-gap, 20px)) / var(--44ava7-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--44ava7-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--44ava7-gap-tablet, 20px) * (var(--44ava7-columns-tablet, 3) - 1) ) / var(--44ava7-columns-tablet, 3) ); &:last-child { margin-right: var(--44ava7-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { &[data-item-tablet="1"] { .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--44ava7-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--44ava7-columns-tablet) - 1) * var(--44ava7-gap-tablet, 20px)) / var(--44ava7-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--44ava7-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--44ava7-gap-mobile, 20px) * (var(--44ava7-columnsMobile-mobile, 1) - 1) ) / var(--44ava7-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--44ava7-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { &[data-item-mobile="1"] { .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--44ava7-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--44ava7-columnsMobile-mobile) - 1) * var(--44ava7-gap-mobile, 20px) ) / var(--44ava7-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--44ava7-navPadding, 12px); background: var(--44ava7-navBg, #f5f5f5); color: var(--44ava7-navColor, #333333); cursor: pointer; &:hover { background: var(--44ava7-navBgHover, #cccccc); color: var(--44ava7-navColorHover, #333333); } svg { width: var(--44ava7-navIconSize, 20px); height: var(--44ava7-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--44ava7-pagiBg, #e6e6e6); &.active { background: var(--44ava7-pagiBgActive, #181818); } &:not(.active):hover { background: var(--44ava7-pagiBgHover, #cccccc); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--44ava7-pagiColor, #e6e6e6); &.active { color: var(--44ava7-pagiColorActive, #181818); } &:not(.active):hover { color: var(--44ava7-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--44ava7-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--44ava7-pagiBg, #e6e6e6); &.active { background: var(--44ava7-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--44ava7-pagiBgHover, #cccccc); } } .beae-slider-pagination-wrp { margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-44ava7"] [data-bnode="beae-vqe2au"] { margin-top: var(--vqe2au-margin-top, 0px); margin-right: var(--vqe2au-margin-right, 0px); margin-bottom: var(--vqe2au-margin-bottom, 0px); margin-left: var(--vqe2au-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vqe2au-margin-top-tablet, 0px); margin-right: var(--vqe2au-margin-right-tablet, 0px); margin-bottom: var(--vqe2au-margin-bottom-tablet, 0px); margin-left: var(--vqe2au-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vqe2au-margin-top-mobile, 0px); margin-right: var(--vqe2au-margin-right-mobile, 0px); margin-bottom: var(--vqe2au-margin-bottom-mobile, 0px); margin-left: var(--vqe2au-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; isolation: isolate; overflow: hidden; display: block; width: 100%; max-width: calc( var(--vqe2au-width, 100%) - var(--vqe2au-margin-left, 0px) - var(--vqe2au-margin-right, 0px) ); min-height: min-content; border-style: var(--vqe2au-borderStyle, solid); border-color: var(--vqe2au-borderColor, #000000); border-width: var(--vqe2au-borderWidth-tl, 0px) var(--vqe2au-borderWidth-tr, 0px) var(--vqe2au-borderWidth-br, 0px) var(--vqe2au-borderWidth-bl, 0px); border-radius: var(--vqe2au-borderRadius-tl, 0px) var(--vqe2au-borderRadius-tr, 0px) var(--vqe2au-borderRadius-br, 0px) var(--vqe2au-borderRadius-bl, 0px); aspect-ratio: var(--vqe2au-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--vqe2au-borderWidth-tl-tablet, var(--vqe2au-borderWidth-tl, 0px)) var(--vqe2au-borderWidth-tr-tablet, var(--vqe2au-borderWidth-tr, 0px)) var(--vqe2au-borderWidth-br-tablet, var(--vqe2au-borderWidth-br, 0px)) var(--vqe2au-borderWidth-bl-tablet, var(--vqe2au-borderWidth-bl, 0px)); border-radius: var(--vqe2au-borderRadius-tl-tablet, var(--vqe2au-borderRadius-tl, 0px)) var(--vqe2au-borderRadius-tr-tablet, var(--vqe2au-borderRadius-tr, 0px)) var(--vqe2au-borderRadius-br-tablet, var(--vqe2au-borderRadius-br, 0px)) var(--vqe2au-borderRadius-bl-tablet, var(--vqe2au-borderRadius-bl, 0px)); } @media (max-width: 767px) { border-width: var(--vqe2au-borderWidth-tl-mobile, var(--vqe2au-borderWidth-tl, 0px)) var(--vqe2au-borderWidth-tr-mobile, var(--vqe2au-borderWidth-tr, 0px)) var(--vqe2au-borderWidth-br-mobile, var(--vqe2au-borderWidth-br, 0px)) var(--vqe2au-borderWidth-bl-mobile, var(--vqe2au-borderWidth-bl, 0px)); border-radius: var(--vqe2au-borderRadius-tl-mobile, var(--vqe2au-borderRadius-tl, 0px)) var(--vqe2au-borderRadius-tr-mobile, var(--vqe2au-borderRadius-tr, 0px)) var(--vqe2au-borderRadius-br-mobile, var(--vqe2au-borderRadius-br, 0px)) var(--vqe2au-borderRadius-bl-mobile, var(--vqe2au-borderRadius-bl, 0px)); } box-shadow: if( style(--vqe2au-enableShadow: true): var(--vqe2au-shadowHorizontal, 0) var(--vqe2au-shadowVertical, 0) var(--vqe2au-shadowBlur, 0) 1px var(--vqe2au-shadowColor, #000000) ; else: none ); &::after { content: ""; position: absolute; inset: 0; z-index: 2; background-color: var(--vqe2au-overlayColor, #000); opacity: var(--vqe2au-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--vqe2au-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc( var(--vqe2au-width-tablet, var(--vqe2au-width, 100%)) - var(--vqe2au-margin-left-tablet, var(--vqe2au-margin-left, 0px)) - var(--vqe2au-margin-right-tablet, var(--vqe2au-margin-right, 0px)) ); aspect-ratio: var(--vqe2au-imageRatio-tablet, var(--vqe2au-imageRatio, auto)); img { object-fit: var(--vqe2au-objFit-tablet, var(--vqe2au-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc( var(--vqe2au-width-mobile, var(--vqe2au-width, 100%)) - var(--vqe2au-margin-left-mobile, var(--vqe2au-margin-left, 0px)) - var(--vqe2au-margin-right-mobile, var(--vqe2au-margin-right, 0px)) ); aspect-ratio: var(--vqe2au-imageRatio-mobile, var(--vqe2au-imageRatio, auto)); img { object-fit: var(--vqe2au-objFit-mobile, var(--vqe2au-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-44ava7"] [data-bnode="beae-vmu9sb"] { padding-top: var(--vmu9sb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vmu9sb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vmu9sb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vmu9sb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vmu9sb-padding-top-tablet, var(--vmu9sb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vmu9sb-padding-right-tablet, var(--vmu9sb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vmu9sb-padding-bottom-tablet, var(--vmu9sb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vmu9sb-padding-left-tablet, var(--vmu9sb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vmu9sb-padding-top-mobile, var(--vmu9sb-padding-top-tablet, var(--vmu9sb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vmu9sb-padding-right-mobile, var(--vmu9sb-padding-right-tablet, var(--vmu9sb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vmu9sb-padding-bottom-mobile, var(--vmu9sb-padding-bottom-tablet, var(--vmu9sb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vmu9sb-padding-left-mobile, var(--vmu9sb-padding-left-tablet, var(--vmu9sb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--vmu9sb-padding-left, var(--beae-slot-padding-x, 0px)) - var(--vmu9sb-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--vmu9sb-background-imageRatio, auto); background: var(--vmu9sb-background-color,transparent); border-style: var(--vmu9sb-borderStyle,solid); border-color: var(--vmu9sb-borderColor,#000000); border-width: var(--vmu9sb-borderWidth-tl,0px) var(--vmu9sb-borderWidth-tr,0px) var(--vmu9sb-borderWidth-br,0px) var(--vmu9sb-borderWidth-bl,0px); border-radius: var(--vmu9sb-borderRadius-tl,0px) var(--vmu9sb-borderRadius-tr,0px) var(--vmu9sb-borderRadius-br,0px) var(--vmu9sb-borderRadius-bl,0px); box-shadow: if(style(--vmu9sb-enableShadow: true): var(--vmu9sb-shadowHorizontal,0) var(--vmu9sb-shadowVertical,0) var(--vmu9sb-shadowBlur,0) 1px var(--vmu9sb-shadowColor,#000000); else: none); max-width: var(--vmu9sb-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--vmu9sb-background-imageRatio-tablet, var(--vmu9sb-background-imageRatio, auto)); border-width: var(--vmu9sb-borderWidth-tl-tablet,0px) var(--vmu9sb-borderWidth-tr-tablet,0px) var(--vmu9sb-borderWidth-br-tablet,0px) var(--vmu9sb-borderWidth-bl-tablet,0px); border-radius: var(--vmu9sb-borderRadius-tl-tablet,0px) var(--vmu9sb-borderRadius-tr-tablet,0px) var(--vmu9sb-borderRadius-br-tablet,0px) var(--vmu9sb-borderRadius-bl-tablet,0px); max-width: var(--vmu9sb-max-width-tablet, var(--vmu9sb-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--vmu9sb-background-imageRatio-mobile, var(--vmu9sb-background-imageRatio, auto)); border-width: var(--vmu9sb-borderWidth-tl-mobile,0px) var(--vmu9sb-borderWidth-tr-mobile,0px) var(--vmu9sb-borderWidth-br-mobile,0px) var(--vmu9sb-borderWidth-bl-mobile,0px); border-radius: var(--vmu9sb-borderRadius-tl-mobile,0px) var(--vmu9sb-borderRadius-tr-mobile,0px) var(--vmu9sb-borderRadius-br-mobile,0px) var(--vmu9sb-borderRadius-bl-mobile,0px); max-width: var(--vmu9sb-max-width-mobile, var(--vmu9sb-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--vmu9sb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--vmu9sb-gap,var(--beae-card-gap)); padding-top: var(--vmu9sb-padding-top,var(--beae-card-padding)); padding-right: var(--vmu9sb-padding-right,var(--beae-card-padding)); padding-bottom: var(--vmu9sb-padding-bottom,var(--beae-card-padding)); padding-left: var(--vmu9sb-padding-left,var(--beae-card-padding)); border-width: var(--vmu9sb-borderWidth,var(--beae-card-border-width)); border-width: var(--vmu9sb-borderWidth-tl,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-tr,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-br,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--vmu9sb-borderRadius-tl,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-tr,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-br,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--vmu9sb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--vmu9sb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--vmu9sb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--vmu9sb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--vmu9sb-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--vmu9sb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--vmu9sb-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--vmu9sb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--vmu9sb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--vmu9sb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--vmu9sb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--vmu9sb-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--vmu9sb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--vmu9sb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--vmu9sb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--vmu9sb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--vmu9sb-background-color,var(--beae-card-featured-background)); border-color: var(--vmu9sb-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--vmu9sb-enableShadow: true): var(--vmu9sb-shadowHorizontal, var(--beae-card-shadow-x)) var(--vmu9sb-shadowVertical, var(--beae-card-shadow-y)) var(--vmu9sb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vmu9sb-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--vmu9sb-background-color,var(--beae-card-prod-background)); border-color: var(--vmu9sb-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--vmu9sb-enableShadow: true): var(--vmu9sb-shadowHorizontal, var(--beae-card-shadow-x)) var(--vmu9sb-shadowVertical, var(--beae-card-shadow-y)) var(--vmu9sb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vmu9sb-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--vmu9sb-background-color,var(--beae-card-pricing-background)); border-color: var(--vmu9sb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--vmu9sb-enableShadow: true): var(--vmu9sb-shadowHorizontal, var(--beae-card-shadow-x)) var(--vmu9sb-shadowVertical, var(--beae-card-shadow-y)) var(--vmu9sb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vmu9sb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--vmu9sb-background-color,var(--beae-card-cta-background)); border-color: var(--vmu9sb-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--vmu9sb-enableShadow: true): var(--vmu9sb-shadowHorizontal, var(--beae-card-shadow-x)) var(--vmu9sb-shadowVertical, var(--beae-card-shadow-y)) var(--vmu9sb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vmu9sb-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--vmu9sb-background-color,var(--beae-card-media-background)); border-color: var(--vmu9sb-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--vmu9sb-enableShadow: true): var(--vmu9sb-shadowHorizontal, var(--beae-card-shadow-x)) var(--vmu9sb-shadowVertical, var(--beae-card-shadow-y)) var(--vmu9sb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vmu9sb-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-44ava7"] [data-bnode="beae-j97tsj"] { padding-top: var(--j97tsj-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--j97tsj-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--j97tsj-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--j97tsj-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--j97tsj-padding-top-tablet, var(--j97tsj-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--j97tsj-padding-right-tablet, var(--j97tsj-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--j97tsj-padding-bottom-tablet, var(--j97tsj-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--j97tsj-padding-left-tablet, var(--j97tsj-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--j97tsj-padding-top-mobile, var(--j97tsj-padding-top-tablet, var(--j97tsj-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--j97tsj-padding-right-mobile, var(--j97tsj-padding-right-tablet, var(--j97tsj-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--j97tsj-padding-bottom-mobile, var(--j97tsj-padding-bottom-tablet, var(--j97tsj-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--j97tsj-padding-left-mobile, var(--j97tsj-padding-left-tablet, var(--j97tsj-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--j97tsj-padding-left, var(--beae-slot-padding-x, 0px)) - var(--j97tsj-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--j97tsj-background-imageRatio, auto); background: var(--j97tsj-background-color,transparent); border-style: var(--j97tsj-borderStyle,solid); border-color: var(--j97tsj-borderColor,#000000); border-width: var(--j97tsj-borderWidth-tl,0px) var(--j97tsj-borderWidth-tr,0px) var(--j97tsj-borderWidth-br,0px) var(--j97tsj-borderWidth-bl,0px); border-radius: var(--j97tsj-borderRadius-tl,0px) var(--j97tsj-borderRadius-tr,0px) var(--j97tsj-borderRadius-br,0px) var(--j97tsj-borderRadius-bl,0px); box-shadow: if(style(--j97tsj-enableShadow: true): var(--j97tsj-shadowHorizontal,0) var(--j97tsj-shadowVertical,0) var(--j97tsj-shadowBlur,0) 1px var(--j97tsj-shadowColor,#000000); else: none); max-width: var(--j97tsj-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--j97tsj-background-imageRatio-tablet, var(--j97tsj-background-imageRatio, auto)); border-width: var(--j97tsj-borderWidth-tl-tablet,0px) var(--j97tsj-borderWidth-tr-tablet,0px) var(--j97tsj-borderWidth-br-tablet,0px) var(--j97tsj-borderWidth-bl-tablet,0px); border-radius: var(--j97tsj-borderRadius-tl-tablet,0px) var(--j97tsj-borderRadius-tr-tablet,0px) var(--j97tsj-borderRadius-br-tablet,0px) var(--j97tsj-borderRadius-bl-tablet,0px); max-width: var(--j97tsj-max-width-tablet, var(--j97tsj-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--j97tsj-background-imageRatio-mobile, var(--j97tsj-background-imageRatio, auto)); border-width: var(--j97tsj-borderWidth-tl-mobile,0px) var(--j97tsj-borderWidth-tr-mobile,0px) var(--j97tsj-borderWidth-br-mobile,0px) var(--j97tsj-borderWidth-bl-mobile,0px); border-radius: var(--j97tsj-borderRadius-tl-mobile,0px) var(--j97tsj-borderRadius-tr-mobile,0px) var(--j97tsj-borderRadius-br-mobile,0px) var(--j97tsj-borderRadius-bl-mobile,0px); max-width: var(--j97tsj-max-width-mobile, var(--j97tsj-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--j97tsj-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--j97tsj-gap,var(--beae-card-gap)); padding-top: var(--j97tsj-padding-top,var(--beae-card-padding)); padding-right: var(--j97tsj-padding-right,var(--beae-card-padding)); padding-bottom: var(--j97tsj-padding-bottom,var(--beae-card-padding)); padding-left: var(--j97tsj-padding-left,var(--beae-card-padding)); border-width: var(--j97tsj-borderWidth,var(--beae-card-border-width)); border-width: var(--j97tsj-borderWidth-tl,var(--beae-card-border-width)) var(--j97tsj-borderWidth-tr,var(--beae-card-border-width)) var(--j97tsj-borderWidth-br,var(--beae-card-border-width)) var(--j97tsj-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--j97tsj-borderRadius-tl,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-tr,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-br,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--j97tsj-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--j97tsj-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--j97tsj-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--j97tsj-padding-left-tablet,var(--beae-card-padding)); border-width: var(--j97tsj-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--j97tsj-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--j97tsj-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--j97tsj-borderWidth-br-desktop,var(--beae-card-border-width)) var(--j97tsj-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--j97tsj-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--j97tsj-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--j97tsj-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--j97tsj-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--j97tsj-padding-left-mobile,var(--beae-card-padding)); border-width: var(--j97tsj-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--j97tsj-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--j97tsj-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--j97tsj-borderWidth-br-mobile,var(--beae-card-border-width)) var(--j97tsj-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--j97tsj-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--j97tsj-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--j97tsj-background-color,var(--beae-card-featured-background)); border-color: var(--j97tsj-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--j97tsj-enableShadow: true): var(--j97tsj-shadowHorizontal, var(--beae-card-shadow-x)) var(--j97tsj-shadowVertical, var(--beae-card-shadow-y)) var(--j97tsj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j97tsj-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--j97tsj-background-color,var(--beae-card-prod-background)); border-color: var(--j97tsj-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--j97tsj-enableShadow: true): var(--j97tsj-shadowHorizontal, var(--beae-card-shadow-x)) var(--j97tsj-shadowVertical, var(--beae-card-shadow-y)) var(--j97tsj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j97tsj-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--j97tsj-background-color,var(--beae-card-pricing-background)); border-color: var(--j97tsj-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--j97tsj-enableShadow: true): var(--j97tsj-shadowHorizontal, var(--beae-card-shadow-x)) var(--j97tsj-shadowVertical, var(--beae-card-shadow-y)) var(--j97tsj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j97tsj-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--j97tsj-background-color,var(--beae-card-cta-background)); border-color: var(--j97tsj-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--j97tsj-enableShadow: true): var(--j97tsj-shadowHorizontal, var(--beae-card-shadow-x)) var(--j97tsj-shadowVertical, var(--beae-card-shadow-y)) var(--j97tsj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j97tsj-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--j97tsj-background-color,var(--beae-card-media-background)); border-color: var(--j97tsj-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--j97tsj-enableShadow: true): var(--j97tsj-shadowHorizontal, var(--beae-card-shadow-x)) var(--j97tsj-shadowVertical, var(--beae-card-shadow-y)) var(--j97tsj-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--j97tsj-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-44ava7"] [data-bnode="beae-oumvyp"] { margin-top: var(--oumvyp-margin-top, 0px); margin-right: var(--oumvyp-margin-right, 0px); margin-bottom: var(--oumvyp-margin-bottom, 0px); margin-left: var(--oumvyp-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--oumvyp-margin-top-tablet, 0px); margin-right: var(--oumvyp-margin-right-tablet, 0px); margin-bottom: var(--oumvyp-margin-bottom-tablet, 0px); margin-left: var(--oumvyp-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--oumvyp-margin-top-mobile, 0px); margin-right: var(--oumvyp-margin-right-mobile, 0px); margin-bottom: var(--oumvyp-margin-bottom-mobile, 0px); margin-left: var(--oumvyp-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--oumvyp-width,100%) - var(--oumvyp-margin-left,0px) - var(--oumvyp-margin-right,0px)); min-height: min-content; border-style: var(--oumvyp-borderStyle,solid); border-color: var(--oumvyp-borderColor,#000000); border-width: var(--oumvyp-borderWidth-tl,0px) var(--oumvyp-borderWidth-tr,0px) var(--oumvyp-borderWidth-br,0px) var(--oumvyp-borderWidth-bl,0px); border-radius: var(--oumvyp-borderRadius-tl,0px) var(--oumvyp-borderRadius-tr,0px) var(--oumvyp-borderRadius-br,0px) var(--oumvyp-borderRadius-bl,0px); aspect-ratio: var(--oumvyp-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--oumvyp-borderWidth-tl-tablet, var(--oumvyp-borderWidth-tl,0px)) var(--oumvyp-borderWidth-tr-tablet, var(--oumvyp-borderWidth-tr,0px)) var(--oumvyp-borderWidth-br-tablet, var(--oumvyp-borderWidth-br,0px)) var(--oumvyp-borderWidth-bl-tablet, var(--oumvyp-borderWidth-bl,0px)); border-radius: var(--oumvyp-borderRadius-tl-tablet, var(--oumvyp-borderRadius-tl,0px)) var(--oumvyp-borderRadius-tr-tablet, var(--oumvyp-borderRadius-tr,0px)) var(--oumvyp-borderRadius-br-tablet, var(--oumvyp-borderRadius-br,0px)) var(--oumvyp-borderRadius-bl-tablet, var(--oumvyp-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--oumvyp-borderWidth-tl-mobile, var(--oumvyp-borderWidth-tl,0px)) var(--oumvyp-borderWidth-tr-mobile, var(--oumvyp-borderWidth-tr,0px)) var(--oumvyp-borderWidth-br-mobile, var(--oumvyp-borderWidth-br,0px)) var(--oumvyp-borderWidth-bl-mobile, var(--oumvyp-borderWidth-bl,0px)); border-radius: var(--oumvyp-borderRadius-tl-mobile, var(--oumvyp-borderRadius-tl,0px)) var(--oumvyp-borderRadius-tr-mobile, var(--oumvyp-borderRadius-tr,0px)) var(--oumvyp-borderRadius-br-mobile, var(--oumvyp-borderRadius-br,0px)) var(--oumvyp-borderRadius-bl-mobile, var(--oumvyp-borderRadius-bl,0px)); } box-shadow: if( style(--oumvyp-enableShadow: true): var(--oumvyp-shadowHorizontal, 0) var(--oumvyp-shadowVertical, 0) var(--oumvyp-shadowBlur, 0) 1px var(--oumvyp-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--oumvyp-overlayColor-color, #000); opacity: var(--oumvyp-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--oumvyp-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--oumvyp-width-tablet,var(--oumvyp-width,100%)) - var(--oumvyp-margin-left-tablet,var(--oumvyp-margin-left,0px)) - var(--oumvyp-margin-right-tablet,var(--oumvyp-margin-right,0px))); aspect-ratio: var(--oumvyp-imageRatio-tablet, var(--oumvyp-imageRatio, auto)); img { object-fit: var(--oumvyp-objFit-tablet, var(--oumvyp-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--oumvyp-width-mobile,var(--oumvyp-width,100%)) - var(--oumvyp-margin-left-mobile,var(--oumvyp-margin-left,0px)) - var(--oumvyp-margin-right-mobile,var(--oumvyp-margin-right,0px))); aspect-ratio: var(--oumvyp-imageRatio-mobile, var(--oumvyp-imageRatio, auto)); img { object-fit: var(--oumvyp-objFit-mobile, var(--oumvyp-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-44ava7"] [data-bnode="beae-l19hpb"] { padding-top: var(--l19hpb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--l19hpb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--l19hpb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--l19hpb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--l19hpb-padding-top-tablet, var(--l19hpb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--l19hpb-padding-right-tablet, var(--l19hpb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--l19hpb-padding-bottom-tablet, var(--l19hpb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--l19hpb-padding-left-tablet, var(--l19hpb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--l19hpb-padding-top-mobile, var(--l19hpb-padding-top-tablet, var(--l19hpb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--l19hpb-padding-right-mobile, var(--l19hpb-padding-right-tablet, var(--l19hpb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--l19hpb-padding-bottom-mobile, var(--l19hpb-padding-bottom-tablet, var(--l19hpb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--l19hpb-padding-left-mobile, var(--l19hpb-padding-left-tablet, var(--l19hpb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--l19hpb-padding-left, var(--beae-slot-padding-x, 0px)) - var(--l19hpb-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--l19hpb-background-imageRatio, auto); background: var(--l19hpb-background-color,transparent); border-style: var(--l19hpb-borderStyle,solid); border-color: var(--l19hpb-borderColor,#000000); border-width: var(--l19hpb-borderWidth-tl,0px) var(--l19hpb-borderWidth-tr,0px) var(--l19hpb-borderWidth-br,0px) var(--l19hpb-borderWidth-bl,0px); border-radius: var(--l19hpb-borderRadius-tl,0px) var(--l19hpb-borderRadius-tr,0px) var(--l19hpb-borderRadius-br,0px) var(--l19hpb-borderRadius-bl,0px); box-shadow: if(style(--l19hpb-enableShadow: true): var(--l19hpb-shadowHorizontal,0) var(--l19hpb-shadowVertical,0) var(--l19hpb-shadowBlur,0) 1px var(--l19hpb-shadowColor,#000000); else: none); max-width: var(--l19hpb-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--l19hpb-background-imageRatio-tablet, var(--l19hpb-background-imageRatio, auto)); border-width: var(--l19hpb-borderWidth-tl-tablet,0px) var(--l19hpb-borderWidth-tr-tablet,0px) var(--l19hpb-borderWidth-br-tablet,0px) var(--l19hpb-borderWidth-bl-tablet,0px); border-radius: var(--l19hpb-borderRadius-tl-tablet,0px) var(--l19hpb-borderRadius-tr-tablet,0px) var(--l19hpb-borderRadius-br-tablet,0px) var(--l19hpb-borderRadius-bl-tablet,0px); max-width: var(--l19hpb-max-width-tablet, var(--l19hpb-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--l19hpb-background-imageRatio-mobile, var(--l19hpb-background-imageRatio, auto)); border-width: var(--l19hpb-borderWidth-tl-mobile,0px) var(--l19hpb-borderWidth-tr-mobile,0px) var(--l19hpb-borderWidth-br-mobile,0px) var(--l19hpb-borderWidth-bl-mobile,0px); border-radius: var(--l19hpb-borderRadius-tl-mobile,0px) var(--l19hpb-borderRadius-tr-mobile,0px) var(--l19hpb-borderRadius-br-mobile,0px) var(--l19hpb-borderRadius-bl-mobile,0px); max-width: var(--l19hpb-max-width-mobile, var(--l19hpb-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--l19hpb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--l19hpb-gap,var(--beae-card-gap)); padding-top: var(--l19hpb-padding-top,var(--beae-card-padding)); padding-right: var(--l19hpb-padding-right,var(--beae-card-padding)); padding-bottom: var(--l19hpb-padding-bottom,var(--beae-card-padding)); padding-left: var(--l19hpb-padding-left,var(--beae-card-padding)); border-width: var(--l19hpb-borderWidth,var(--beae-card-border-width)); border-width: var(--l19hpb-borderWidth-tl,var(--beae-card-border-width)) var(--l19hpb-borderWidth-tr,var(--beae-card-border-width)) var(--l19hpb-borderWidth-br,var(--beae-card-border-width)) var(--l19hpb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--l19hpb-borderRadius-tl,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-tr,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-br,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--l19hpb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--l19hpb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--l19hpb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--l19hpb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--l19hpb-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--l19hpb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--l19hpb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--l19hpb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--l19hpb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--l19hpb-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--l19hpb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--l19hpb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--l19hpb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--l19hpb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--l19hpb-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--l19hpb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--l19hpb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--l19hpb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--l19hpb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--l19hpb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--l19hpb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--l19hpb-background-color,var(--beae-card-featured-background)); border-color: var(--l19hpb-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--l19hpb-enableShadow: true): var(--l19hpb-shadowHorizontal, var(--beae-card-shadow-x)) var(--l19hpb-shadowVertical, var(--beae-card-shadow-y)) var(--l19hpb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l19hpb-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--l19hpb-background-color,var(--beae-card-prod-background)); border-color: var(--l19hpb-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--l19hpb-enableShadow: true): var(--l19hpb-shadowHorizontal, var(--beae-card-shadow-x)) var(--l19hpb-shadowVertical, var(--beae-card-shadow-y)) var(--l19hpb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l19hpb-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--l19hpb-background-color,var(--beae-card-pricing-background)); border-color: var(--l19hpb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--l19hpb-enableShadow: true): var(--l19hpb-shadowHorizontal, var(--beae-card-shadow-x)) var(--l19hpb-shadowVertical, var(--beae-card-shadow-y)) var(--l19hpb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l19hpb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--l19hpb-background-color,var(--beae-card-cta-background)); border-color: var(--l19hpb-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--l19hpb-enableShadow: true): var(--l19hpb-shadowHorizontal, var(--beae-card-shadow-x)) var(--l19hpb-shadowVertical, var(--beae-card-shadow-y)) var(--l19hpb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l19hpb-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--l19hpb-background-color,var(--beae-card-media-background)); border-color: var(--l19hpb-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--l19hpb-enableShadow: true): var(--l19hpb-shadowHorizontal, var(--beae-card-shadow-x)) var(--l19hpb-shadowVertical, var(--beae-card-shadow-y)) var(--l19hpb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--l19hpb-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-44ava7"] [data-bnode="beae-x7kdjg"] { margin-top: var(--x7kdjg-margin-top, 0px); margin-right: var(--x7kdjg-margin-right, 0px); margin-bottom: var(--x7kdjg-margin-bottom, 0px); margin-left: var(--x7kdjg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--x7kdjg-margin-top-tablet, 0px); margin-right: var(--x7kdjg-margin-right-tablet, 0px); margin-bottom: var(--x7kdjg-margin-bottom-tablet, 0px); margin-left: var(--x7kdjg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--x7kdjg-margin-top-mobile, 0px); margin-right: var(--x7kdjg-margin-right-mobile, 0px); margin-bottom: var(--x7kdjg-margin-bottom-mobile, 0px); margin-left: var(--x7kdjg-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--x7kdjg-highlightColor,var(--beae-p-color)); top: var(--x7kdjg-highlightTop, 100%); } } [data-bnode="beae-44ava7"] [data-bnode="beae-5yn5ru"] { padding-top: var(--5yn5ru-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--5yn5ru-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--5yn5ru-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--5yn5ru-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5yn5ru-padding-top-tablet, var(--5yn5ru-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--5yn5ru-padding-right-tablet, var(--5yn5ru-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--5yn5ru-padding-bottom-tablet, var(--5yn5ru-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--5yn5ru-padding-left-tablet, var(--5yn5ru-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5yn5ru-padding-top-mobile, var(--5yn5ru-padding-top-tablet, var(--5yn5ru-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--5yn5ru-padding-right-mobile, var(--5yn5ru-padding-right-tablet, var(--5yn5ru-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--5yn5ru-padding-bottom-mobile, var(--5yn5ru-padding-bottom-tablet, var(--5yn5ru-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--5yn5ru-padding-left-mobile, var(--5yn5ru-padding-left-tablet, var(--5yn5ru-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--5yn5ru-padding-left, var(--beae-slot-padding-x, 0px)) - var(--5yn5ru-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--5yn5ru-background-imageRatio, auto); background: var(--5yn5ru-background-color,transparent); border-style: var(--5yn5ru-borderStyle,solid); border-color: var(--5yn5ru-borderColor,#000000); border-width: var(--5yn5ru-borderWidth-tl,0px) var(--5yn5ru-borderWidth-tr,0px) var(--5yn5ru-borderWidth-br,0px) var(--5yn5ru-borderWidth-bl,0px); border-radius: var(--5yn5ru-borderRadius-tl,0px) var(--5yn5ru-borderRadius-tr,0px) var(--5yn5ru-borderRadius-br,0px) var(--5yn5ru-borderRadius-bl,0px); box-shadow: if(style(--5yn5ru-enableShadow: true): var(--5yn5ru-shadowHorizontal,0) var(--5yn5ru-shadowVertical,0) var(--5yn5ru-shadowBlur,0) 1px var(--5yn5ru-shadowColor,#000000); else: none); max-width: var(--5yn5ru-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--5yn5ru-background-imageRatio-tablet, var(--5yn5ru-background-imageRatio, auto)); border-width: var(--5yn5ru-borderWidth-tl-tablet,0px) var(--5yn5ru-borderWidth-tr-tablet,0px) var(--5yn5ru-borderWidth-br-tablet,0px) var(--5yn5ru-borderWidth-bl-tablet,0px); border-radius: var(--5yn5ru-borderRadius-tl-tablet,0px) var(--5yn5ru-borderRadius-tr-tablet,0px) var(--5yn5ru-borderRadius-br-tablet,0px) var(--5yn5ru-borderRadius-bl-tablet,0px); max-width: var(--5yn5ru-max-width-tablet, var(--5yn5ru-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--5yn5ru-background-imageRatio-mobile, var(--5yn5ru-background-imageRatio, auto)); border-width: var(--5yn5ru-borderWidth-tl-mobile,0px) var(--5yn5ru-borderWidth-tr-mobile,0px) var(--5yn5ru-borderWidth-br-mobile,0px) var(--5yn5ru-borderWidth-bl-mobile,0px); border-radius: var(--5yn5ru-borderRadius-tl-mobile,0px) var(--5yn5ru-borderRadius-tr-mobile,0px) var(--5yn5ru-borderRadius-br-mobile,0px) var(--5yn5ru-borderRadius-bl-mobile,0px); max-width: var(--5yn5ru-max-width-mobile, var(--5yn5ru-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--5yn5ru-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--5yn5ru-gap,var(--beae-card-gap)); padding-top: var(--5yn5ru-padding-top,var(--beae-card-padding)); padding-right: var(--5yn5ru-padding-right,var(--beae-card-padding)); padding-bottom: var(--5yn5ru-padding-bottom,var(--beae-card-padding)); padding-left: var(--5yn5ru-padding-left,var(--beae-card-padding)); border-width: var(--5yn5ru-borderWidth,var(--beae-card-border-width)); border-width: var(--5yn5ru-borderWidth-tl,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-tr,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-br,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5yn5ru-borderRadius-tl,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-tr,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-br,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--5yn5ru-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--5yn5ru-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--5yn5ru-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--5yn5ru-padding-left-tablet,var(--beae-card-padding)); border-width: var(--5yn5ru-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--5yn5ru-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-br-desktop,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--5yn5ru-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--5yn5ru-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--5yn5ru-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--5yn5ru-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--5yn5ru-padding-left-mobile,var(--beae-card-padding)); border-width: var(--5yn5ru-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--5yn5ru-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-br-mobile,var(--beae-card-border-width)) var(--5yn5ru-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--5yn5ru-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--5yn5ru-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--5yn5ru-background-color,var(--beae-card-featured-background)); border-color: var(--5yn5ru-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--5yn5ru-enableShadow: true): var(--5yn5ru-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yn5ru-shadowVertical, var(--beae-card-shadow-y)) var(--5yn5ru-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yn5ru-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--5yn5ru-background-color,var(--beae-card-prod-background)); border-color: var(--5yn5ru-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--5yn5ru-enableShadow: true): var(--5yn5ru-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yn5ru-shadowVertical, var(--beae-card-shadow-y)) var(--5yn5ru-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yn5ru-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--5yn5ru-background-color,var(--beae-card-pricing-background)); border-color: var(--5yn5ru-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--5yn5ru-enableShadow: true): var(--5yn5ru-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yn5ru-shadowVertical, var(--beae-card-shadow-y)) var(--5yn5ru-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yn5ru-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--5yn5ru-background-color,var(--beae-card-cta-background)); border-color: var(--5yn5ru-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--5yn5ru-enableShadow: true): var(--5yn5ru-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yn5ru-shadowVertical, var(--beae-card-shadow-y)) var(--5yn5ru-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yn5ru-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--5yn5ru-background-color,var(--beae-card-media-background)); border-color: var(--5yn5ru-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--5yn5ru-enableShadow: true): var(--5yn5ru-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yn5ru-shadowVertical, var(--beae-card-shadow-y)) var(--5yn5ru-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yn5ru-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } } [data-bnode="beae-44ava7"] [data-bnode="beae-apv06j"] { margin-top: var(--apv06j-margin-top, 0px); margin-right: var(--apv06j-margin-right, 0px); margin-bottom: var(--apv06j-margin-bottom, 0px); margin-left: var(--apv06j-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--apv06j-margin-top-tablet, 0px); margin-right: var(--apv06j-margin-right-tablet, 0px); margin-bottom: var(--apv06j-margin-bottom-tablet, 0px); margin-left: var(--apv06j-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--apv06j-margin-top-mobile, 0px); margin-right: var(--apv06j-margin-right-mobile, 0px); margin-bottom: var(--apv06j-margin-bottom-mobile, 0px); margin-left: var(--apv06j-margin-left-mobile, 0px); } } [data-bnode="beae-44ava7"] [data-bnode="beae-zbv5jn"] { margin-top: var(--zbv5jn-margin-top, 0px); margin-right: var(--zbv5jn-margin-right, 0px); margin-bottom: var(--zbv5jn-margin-bottom, 0px); margin-left: var(--zbv5jn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zbv5jn-margin-top-tablet, 0px); margin-right: var(--zbv5jn-margin-right-tablet, 0px); margin-bottom: var(--zbv5jn-margin-bottom-tablet, 0px); margin-left: var(--zbv5jn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zbv5jn-margin-top-mobile, 0px); margin-right: var(--zbv5jn-margin-right-mobile, 0px); margin-bottom: var(--zbv5jn-margin-bottom-mobile, 0px); margin-left: var(--zbv5jn-margin-left-mobile, 0px); } & { display: block; padding: var(--zbv5jn-padding, 4px); border-style: var(--zbv5jn-borderStyle,solid); border-color: var(--zbv5jn-borderColor,#000000); border-width: var(--zbv5jn-borderWidth-tl,0px) var(--zbv5jn-borderWidth-tr,0px) var(--zbv5jn-borderWidth-br,0px) var(--zbv5jn-borderWidth-bl,0px); border-radius: var(--zbv5jn-borderRadius-tl,0px) var(--zbv5jn-borderRadius-tr,0px) var(--zbv5jn-borderRadius-br,0px) var(--zbv5jn-borderRadius-bl,0px); box-shadow: if( style(--zbv5jn-enableShadow: true): var(--zbv5jn-shadowHorizontal, 0) var(--zbv5jn-shadowVertical, 0) var(--zbv5jn-shadowBlur, 0) 1px var(--zbv5jn-shadowColor, #000000); else: none ); color: var(--zbv5jn-iconColor,var(--beae-text-color)); background-color: var(--zbv5jn-backgroundColor); overflow: hidden; width: var(--zbv5jn-size, 28px); min-width: var(--zbv5jn-size, 28px); height: fit-content; max-width: var(--zbv5jn-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--zbv5jn-borderWidth-tl-tablet,0px) var(--zbv5jn-borderWidth-tr-tablet,0px) var(--zbv5jn-borderWidth-br-tablet,0px) var(--zbv5jn-borderWidth-bl-tablet,0px); border-radius: var(--zbv5jn-borderRadius-tl-tablet,0px) var(--zbv5jn-borderRadius-tr-tablet,0px) var(--zbv5jn-borderRadius-br-tablet,0px) var(--zbv5jn-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--zbv5jn-borderWidth-tl-mobile,0px) var(--zbv5jn-borderWidth-tr-mobile,0px) var(--zbv5jn-borderWidth-br-mobile,0px) var(--zbv5jn-borderWidth-bl-mobile,0px); border-radius: var(--zbv5jn-borderRadius-tl-mobile,0px) var(--zbv5jn-borderRadius-tr-mobile,0px) var(--zbv5jn-borderRadius-br-mobile,0px) var(--zbv5jn-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-44ava7"] [data-bnode="beae-f3l5cf"] { margin-top: var(--f3l5cf-margin-top, 0px); margin-right: var(--f3l5cf-margin-right, 0px); margin-bottom: var(--f3l5cf-margin-bottom, 0px); margin-left: var(--f3l5cf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--f3l5cf-margin-top-tablet, 0px); margin-right: var(--f3l5cf-margin-right-tablet, 0px); margin-bottom: var(--f3l5cf-margin-bottom-tablet, 0px); margin-left: var(--f3l5cf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--f3l5cf-margin-top-mobile, 0px); margin-right: var(--f3l5cf-margin-right-mobile, 0px); margin-bottom: var(--f3l5cf-margin-bottom-mobile, 0px); margin-left: var(--f3l5cf-margin-left-mobile, 0px); } } [data-bnode="beae-44ava7"] [data-bnode="beae-w8l32x"] { margin-top: var(--w8l32x-margin-top, 0px); margin-right: var(--w8l32x-margin-right, 0px); margin-bottom: var(--w8l32x-margin-bottom, 0px); margin-left: var(--w8l32x-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--w8l32x-margin-top-tablet, 0px); margin-right: var(--w8l32x-margin-right-tablet, 0px); margin-bottom: var(--w8l32x-margin-bottom-tablet, 0px); margin-left: var(--w8l32x-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--w8l32x-margin-top-mobile, 0px); margin-right: var(--w8l32x-margin-right-mobile, 0px); margin-bottom: var(--w8l32x-margin-bottom-mobile, 0px); margin-left: var(--w8l32x-margin-left-mobile, 0px); } } [data-bnode="beae-44ava7"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-44ava7"] [data-bnode="be-ctl-item"] { display: flex; flex-direction: var(--be-ctl-item-direction, column); flex-wrap: nowrap; justify-content: var(--be-ctl-item-justify-content); align-items: var(--be-ctl-item-align-items); gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap))); &>.beae-slot { flex: 1 1 0; min-width: 0; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--be-ctl-item-padding-right, 0px) - var(--be-ctl-item-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-44ava7"] [data-bnode="be-ctl-item"] { flex-direction: var(--be-ctl-item-direction-tablet, column); align-items: var(--be-ctl-item-align-items-tablet, inherit); gap: var(--be-ctl-item-gap-tablet, var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet))); &>.beae-slot[data-bnode-index] { flex: 1; } } } @media (max-width: 767px) { [data-bnode="beae-44ava7"] [data-bnode="be-ctl-item"] { flex-direction: var(--be-ctl-item-direction-mobile, column); gap: var(--be-ctl-item-gap-mobile, var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile))); &>.beae-slot[data-bnode-index] { flex: 1 1 auto; min-height: 0; max-height: max-content; } } }[data-bnode="beae-vmu9sb"] { display: flex; flex-direction: var(--vmu9sb-direction, column); flex-wrap: nowrap; justify-content: var(--vmu9sb-justify-content); align-items: var(--vmu9sb-align-items); gap: var(--vmu9sb-gap, var(--vmu9sb-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-vmu9sb"] { flex-direction: var(--vmu9sb-direction-tablet, column); justify-content: var(--vmu9sb-justify-content-tablet, inherit); align-items: var(--vmu9sb-align-items-tablet, inherit); gap: var(--vmu9sb-gap-tablet, var(--vmu9sb-gap-tablet, var(--beae-slot-gap-tablet))); &>.beae-slot[data-bnode-index] { flex: 1 1 auto; min-height: 0; max-height: max-content; } } } @media (max-width: 767px) { [data-bnode="beae-vmu9sb"] { gap: var(--vmu9sb-gap-mobile, var(--vmu9sb-gap-mobile, var(--beae-slot-gap-mobile))); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(33.33% - var(--vmu9sb-padding-right-mobile, 0px) - var(--vmu9sb-padding-right-mobile, 0px)); } } }[data-bnode="beae-j97tsj"] { display: flex; flex-direction: var(--j97tsj-direction, column); flex-wrap: nowrap; justify-content: var(--j97tsj-justify-content); align-items: var(--j97tsj-align-items); gap: var(--j97tsj-gap, var(--j97tsj-gap, var(--beae-slot-gap))); &>.beae-slot { flex: 1 1 0; min-width: 0; } &>.beae-slot[data-bnode-index="1"] { flex-basis: calc(22.00% - var(--j97tsj-padding-right, 0px) - var(--j97tsj-padding-right, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(78.00% - var(--j97tsj-padding-right, 0px) - var(--j97tsj-padding-right, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--j97tsj-padding-right, 0px) - var(--j97tsj-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-j97tsj"] { gap: var(--j97tsj-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index="1"] { flex-basis: calc(22.00% - var(--j97tsj-padding-right-tablet, 0px) - var(--j97tsj-padding-right-tablet, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(78.00% - var(--j97tsj-padding-right-tablet, 0px) - var(--j97tsj-padding-right-tablet, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--j97tsj-padding-right-tablet, 0px) - var(--j97tsj-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-j97tsj"] { gap: var(--j97tsj-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index="1"] { flex-basis: calc(22.00% - var(--j97tsj-padding-right-mobile, 0px) - var(--j97tsj-padding-right-mobile, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(78.00% - var(--j97tsj-padding-right-mobile, 0px) - var(--j97tsj-padding-right-mobile, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--j97tsj-padding-right-mobile, 0px) - var(--j97tsj-padding-right-mobile, 0px)); } } }[data-bnode="beae-l19hpb"] { display: flex; flex-direction: var(--l19hpb-direction, column); flex-wrap: nowrap; justify-content: var(--l19hpb-justify-content); align-items: var(--l19hpb-align-items); gap: var(--l19hpb-gap, var(--l19hpb-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-l19hpb"] { gap: var(--l19hpb-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--l19hpb-padding-right-tablet, 0px) - var(--l19hpb-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-l19hpb"] { gap: var(--l19hpb-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--l19hpb-padding-right-mobile, 0px) - var(--l19hpb-padding-right-mobile, 0px)); } } }[data-bnode="beae-5yn5ru"] { display: flex; flex-direction: var(--5yn5ru-direction, column); flex-wrap: nowrap; justify-content: var(--5yn5ru-justify-content); align-items: var(--5yn5ru-align-items); gap: var(--5yn5ru-gap, var(--5yn5ru-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-5yn5ru"] { gap: var(--5yn5ru-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--5yn5ru-padding-right-tablet, 0px) - var(--5yn5ru-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-5yn5ru"] { gap: var(--5yn5ru-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--5yn5ru-padding-right-mobile, 0px) - var(--5yn5ru-padding-right-mobile, 0px)); } } }[data-bnode="beae-b78v6r"] { --b78v6r-width: 1392px; --b78v6r-width-tablet: 1392px; --b78v6r-width-mobile: 1392px; --b78v6r-height: fit-content; --b78v6r-height-tablet: fit-content; --b78v6r-height-mobile: fit-content; --b78v6r-padding-top: 96px; --b78v6r-padding-top-tablet: 96px; --b78v6r-padding-top-mobile: 80px; --b78v6r-padding-right: 0px; --b78v6r-padding-right-tablet: 0px; --b78v6r-padding-right-mobile: 0px; --b78v6r-padding-bottom: 96px; --b78v6r-padding-bottom-tablet: 96px; --b78v6r-padding-bottom-mobile: 80px; --b78v6r-padding-left: 0px; --b78v6r-padding-left-tablet: 0px; --b78v6r-padding-left-mobile: 0px; --b78v6r-background-type: color; --b78v6r-background-type-tablet: color; --b78v6r-background-type-mobile: color; --b78v6r-background-color: #F1EFE6; --b78v6r-background-color-tablet: #F1EFE6; --b78v6r-background-color-mobile: #F1EFE6; }[data-bnode="beae-b78v6r"] { padding-top: var(--b78v6r-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--b78v6r-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--b78v6r-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--b78v6r-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--b78v6r-padding-top-tablet, var(--b78v6r-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--b78v6r-padding-right-tablet, var(--b78v6r-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--b78v6r-padding-bottom-tablet, var(--b78v6r-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--b78v6r-padding-left-tablet, var(--b78v6r-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--b78v6r-padding-top-mobile, var(--b78v6r-padding-top-tablet, var(--b78v6r-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--b78v6r-padding-right-mobile, var(--b78v6r-padding-right-tablet, var(--b78v6r-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--b78v6r-padding-bottom-mobile, var(--b78v6r-padding-bottom-tablet, var(--b78v6r-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--b78v6r-padding-left-mobile, var(--b78v6r-padding-left-tablet, var(--b78v6r-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--b78v6r-padding-left, var(--beae-section-padding-x, 0px)) - var(--b78v6r-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--b78v6r-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--b78v6r-height); width: 100%; max-width: var(--b78v6r-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--b78v6r-height-tablet, auto); width: 100%; max-width: var(--b78v6r-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--b78v6r-height-mobile, auto); width: 100%; max-width: var(--b78v6r-width-mobile, 100%); } } } }[data-bnode="beae-b78v6r"] > .beae-section-container{ display: flex; flex-direction: var(--b78v6r-direction, column); flex-wrap: nowrap; justify-content: var(--b78v6r-justify-content); align-items: var(--b78v6r-align-items); gap: var(--b78v6r-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-b78v6r"] > .beae-section-container{ gap: var(--beae-grid-gap-tablet, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--b78v6r-padding-right-tablet, 0px) - var(--b78v6r-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-b78v6r"] > .beae-section-container{ gap: var(--beae-grid-gap-mobile, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--b78v6r-padding-right-mobile, 0px) - var(--b78v6r-padding-right-mobile, 0px)); } } }[data-bnode="beae-xvahki"] { --xvahki-columns: 3; --xvahki-columns-tablet: 3; --xvahki-columns-mobile: 1; --xvahki-gap: 40px; --xvahki-gap-tablet: 16px; --xvahki-gap-mobile: 48px; --xvahki-navType: true; --xvahki-navType-tablet: true; --xvahki-navType-mobile: true; --xvahki-pagiType: false; --xvahki-pagiType-tablet: false; --xvahki-pagiType-mobile: false; --xvahki-listType: grid; --xvahki-listType-tablet: grid; --xvahki-listType-mobile: grid; --xvahki-stateNavigation: normal; --xvahki-stateNavigation-tablet: normal; --xvahki-stateNavigation-mobile: normal; --xvahki-statePagination: normal; --xvahki-statePagination-tablet: normal; --xvahki-statePagination-mobile: normal; --xvahki-stateNavigtion: normal; --xvahki-stateNavigtion-tablet: normal; --xvahki-stateNavigtion-mobile: normal; --xvahki-columnsMobile-mobile: 1; } [data-bnode="beae-xvahki"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-xvahki"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-xvahki"] [data-bnode="beae-gus4mx"] { --gus4mx-width: 32px; --gus4mx-imageRatio: 1/1; --gus4mx-objFit: cover; --gus4mx-borderColor: #000000; --gus4mx-shadowColor: #000000; --gus4mx-borderStyle: solid; --gus4mx-enableShadow: false; --gus4mx-borderWidth-tl: 0px; --gus4mx-borderWidth-tr: 0px; --gus4mx-borderWidth-bl: 0px; --gus4mx-borderWidth-br: 0px; --gus4mx-margin-top: 0px; --gus4mx-margin-right: 0px; --gus4mx-margin-bottom: 10px; --gus4mx-margin-left: 0px; } [data-bnode="beae-xvahki"] [data-bnode="beae-4opmk7"] { --4opmk7-typography: h5; --beae-h5-text-align: center; } [data-bnode="beae-xvahki"] [data-bnode="beae-e3om5e"] { --e3om5e-typography: p2; --beae-p2-text-align: center; } [data-bnode="beae-xvahki"] [data-bnode="be-ctl-item"] { --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --be-ctl-item-gap: 12px; --be-ctl-item-gap-tablet: 12px; --be-ctl-item-gap-mobile: 12px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; }[data-bnode="beae-xvahki"] { margin-top: var(--xvahki-margin-top, 0px); margin-right: var(--xvahki-margin-right, 0px); margin-bottom: var(--xvahki-margin-bottom, 0px); margin-left: var(--xvahki-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xvahki-margin-top-tablet, 0px); margin-right: var(--xvahki-margin-right-tablet, 0px); margin-bottom: var(--xvahki-margin-bottom-tablet, 0px); margin-left: var(--xvahki-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xvahki-margin-top-mobile, 0px); margin-right: var(--xvahki-margin-right-mobile, 0px); margin-bottom: var(--xvahki-margin-bottom-mobile, 0px); margin-left: var(--xvahki-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--xvahki-gap,var(--beae-grid-gap, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--xvahki-gap,var(--beae-grid-gap, 20px)) * (var(--xvahki-columns, 3) - 1) + 1px) / var(--xvahki-columns, 3)); &:last-child{ margin-right: var(--xvahki-gap,var(--beae-grid-gap, 20px)); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ &[data-item="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--xvahki-gap,var(--beae-grid-gap, 20px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--xvahki-columns) - 1) * var(--xvahki-gap,var(--beae-grid-gap, 20px))) / var(--xvahki-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap: var(--xvahki-gap-tablet,var(--beae-grid-gap-tablet, 20px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--xvahki-gap-tablet,var(--beae-grid-gap-tablet, 16px)) * (var(--xvahki-columns-tablet, 3) - 1)) / var(--xvahki-columns-tablet, 3)); &:last-child{ margin-right: var(--xvahki-gap-tablet,var(--beae-grid-gap-tablet, 16px)); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ &[data-item-tablet="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--xvahki-gap-tablet,var(--beae-grid-gap-tablet, 16px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--xvahki-columns-tablet) - 1) * var(--xvahki-gap-tablet,var(--beae-grid-gap-tablet, 16px))) / var(--xvahki-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap: var(--xvahki-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item{ flex: 0 0 calc((100% - var(--xvahki-gap-mobile,var(--beae-grid-gap-mobile, 10px)) * (var(--xvahki-columnsMobile-mobile, 1) - 1)) / var(--xvahki-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--xvahki-gap-mobile,var(--beae-grid-gap-mobile, 10px)); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ &[data-item-mobile="1"]{ .beae-slider-items { flex-direction: column; } } .beae-slider-items { flex-wrap: wrap; gap: var(--xvahki-gap-mobile,var(--beae-grid-gap-mobile, 10px)); .beae-slider-item { flex: 0 0 calc( (100% - (var(--xvahki-columnsMobile-mobile) - 1) * var(--xvahki-gap-mobile,var(--beae-grid-gap-mobile, 10px))) / var(--xvahki-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--xvahki-navPadding,12px); background:var(--xvahki-navBg,#F5F5F5); color: var(--xvahki-navColor,var(--beae-text-color)); cursor: pointer; &:hover { background:var(--xvahki-navBgHover,#CCCCCC); color: var(--xvahki-navColorHover,var(--beae-text-color)); } svg { width: var(--xvahki-navIconSize,20px); height: var(--xvahki-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--xvahki-pagiBg,#E6E6E6); &.active { background:var(--xvahki-pagiBgActive,#181818); } &:not(.active):hover { background:var(--xvahki-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--xvahki-pagiColor,#e6e6e6); &.active { color:var(--xvahki-pagiColorActive,#181818); } &:not(.active):hover { color: var(--xvahki-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--xvahki-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--xvahki-pagiBg,#E6E6E6); &.active { background: var(--xvahki-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--xvahki-pagiBgHover,#CCCCCC); } } .beae-slider-pagination-wrp{ margin-top: 20px; } } & .beae-content-list-empty { min-height: 80px; display: flex; align-items: center; justify-content: center; background-color: #f0f0f0; color: #666; } & .beae-content-list-empty button { padding: 12px; cursor: pointer; border: none; background: transparent; } & [data-bnode="be-ctl-item"] { min-height: 0; } & .be-ctl-item-empty { min-height: 60px; display: flex; align-items: center; justify-content: center; background-color: #f8f8f8; } } [data-bnode="beae-xvahki"] [data-bnode="beae-gus4mx"] { margin-top: var(--gus4mx-margin-top, 0px); margin-right: var(--gus4mx-margin-right, 0px); margin-bottom: var(--gus4mx-margin-bottom, 0px); margin-left: var(--gus4mx-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--gus4mx-margin-top-tablet, 0px); margin-right: var(--gus4mx-margin-right-tablet, 0px); margin-bottom: var(--gus4mx-margin-bottom-tablet, 0px); margin-left: var(--gus4mx-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--gus4mx-margin-top-mobile, 0px); margin-right: var(--gus4mx-margin-right-mobile, 0px); margin-bottom: var(--gus4mx-margin-bottom-mobile, 0px); margin-left: var(--gus4mx-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--gus4mx-width,100%) - var(--gus4mx-margin-left,0px) - var(--gus4mx-margin-right,0px)); min-height: min-content; border-style: var(--gus4mx-borderStyle,solid); border-color: var(--gus4mx-borderColor,#000000); border-width: var(--gus4mx-borderWidth-tl,0px) var(--gus4mx-borderWidth-tr,0px) var(--gus4mx-borderWidth-br,0px) var(--gus4mx-borderWidth-bl,0px); border-radius: var(--gus4mx-borderRadius-tl,0px) var(--gus4mx-borderRadius-tr,0px) var(--gus4mx-borderRadius-br,0px) var(--gus4mx-borderRadius-bl,0px); aspect-ratio: var(--gus4mx-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--gus4mx-borderWidth-tl-tablet, var(--gus4mx-borderWidth-tl,0px)) var(--gus4mx-borderWidth-tr-tablet, var(--gus4mx-borderWidth-tr,0px)) var(--gus4mx-borderWidth-br-tablet, var(--gus4mx-borderWidth-br,0px)) var(--gus4mx-borderWidth-bl-tablet, var(--gus4mx-borderWidth-bl,0px)); border-radius: var(--gus4mx-borderRadius-tl-tablet, var(--gus4mx-borderRadius-tl,0px)) var(--gus4mx-borderRadius-tr-tablet, var(--gus4mx-borderRadius-tr,0px)) var(--gus4mx-borderRadius-br-tablet, var(--gus4mx-borderRadius-br,0px)) var(--gus4mx-borderRadius-bl-tablet, var(--gus4mx-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--gus4mx-borderWidth-tl-mobile, var(--gus4mx-borderWidth-tl,0px)) var(--gus4mx-borderWidth-tr-mobile, var(--gus4mx-borderWidth-tr,0px)) var(--gus4mx-borderWidth-br-mobile, var(--gus4mx-borderWidth-br,0px)) var(--gus4mx-borderWidth-bl-mobile, var(--gus4mx-borderWidth-bl,0px)); border-radius: var(--gus4mx-borderRadius-tl-mobile, var(--gus4mx-borderRadius-tl,0px)) var(--gus4mx-borderRadius-tr-mobile, var(--gus4mx-borderRadius-tr,0px)) var(--gus4mx-borderRadius-br-mobile, var(--gus4mx-borderRadius-br,0px)) var(--gus4mx-borderRadius-bl-mobile, var(--gus4mx-borderRadius-bl,0px)); } box-shadow: if( style(--gus4mx-enableShadow: true): var(--gus4mx-shadowHorizontal, 0) var(--gus4mx-shadowVertical, 0) var(--gus4mx-shadowBlur, 0) 1px var(--gus4mx-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--gus4mx-overlayColor-color, #000); opacity: var(--gus4mx-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--gus4mx-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--gus4mx-width-tablet,var(--gus4mx-width,100%)) - var(--gus4mx-margin-left-tablet,var(--gus4mx-margin-left,0px)) - var(--gus4mx-margin-right-tablet,var(--gus4mx-margin-right,0px))); aspect-ratio: var(--gus4mx-imageRatio-tablet, var(--gus4mx-imageRatio, auto)); img { object-fit: var(--gus4mx-objFit-tablet, var(--gus4mx-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--gus4mx-width-mobile,var(--gus4mx-width,100%)) - var(--gus4mx-margin-left-mobile,var(--gus4mx-margin-left,0px)) - var(--gus4mx-margin-right-mobile,var(--gus4mx-margin-right,0px))); aspect-ratio: var(--gus4mx-imageRatio-mobile, var(--gus4mx-imageRatio, auto)); img { object-fit: var(--gus4mx-objFit-mobile, var(--gus4mx-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-xvahki"] [data-bnode="beae-4opmk7"] { margin-top: var(--4opmk7-margin-top, 0px); margin-right: var(--4opmk7-margin-right, 0px); margin-bottom: var(--4opmk7-margin-bottom, 0px); margin-left: var(--4opmk7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4opmk7-margin-top-tablet, 0px); margin-right: var(--4opmk7-margin-right-tablet, 0px); margin-bottom: var(--4opmk7-margin-bottom-tablet, 0px); margin-left: var(--4opmk7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4opmk7-margin-top-mobile, 0px); margin-right: var(--4opmk7-margin-right-mobile, 0px); margin-bottom: var(--4opmk7-margin-bottom-mobile, 0px); margin-left: var(--4opmk7-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--4opmk7-highlightColor,var(--beae-p-color)); top: var(--4opmk7-highlightTop, 100%); } } [data-bnode="beae-xvahki"] [data-bnode="beae-e3om5e"] { margin-top: var(--e3om5e-margin-top, 0px); margin-right: var(--e3om5e-margin-right, 0px); margin-bottom: var(--e3om5e-margin-bottom, 0px); margin-left: var(--e3om5e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e3om5e-margin-top-tablet, 0px); margin-right: var(--e3om5e-margin-right-tablet, 0px); margin-bottom: var(--e3om5e-margin-bottom-tablet, 0px); margin-left: var(--e3om5e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e3om5e-margin-top-mobile, 0px); margin-right: var(--e3om5e-margin-right-mobile, 0px); margin-bottom: var(--e3om5e-margin-bottom-mobile, 0px); margin-left: var(--e3om5e-margin-left-mobile, 0px); } } [data-bnode="beae-xvahki"] [data-bnode="be-ctl-item"] { padding-top: var(--be-ctl-item-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile, var(--be-ctl-item-padding-top-tablet, var(--be-ctl-item-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--be-ctl-item-padding-right-mobile, var(--be-ctl-item-padding-right-tablet, var(--be-ctl-item-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--be-ctl-item-padding-bottom-mobile, var(--be-ctl-item-padding-bottom-tablet, var(--be-ctl-item-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--be-ctl-item-padding-left-mobile, var(--be-ctl-item-padding-left-tablet, var(--be-ctl-item-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--be-ctl-item-padding-left, var(--beae-slot-padding-x, 0px)) - var(--be-ctl-item-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--be-ctl-item-background-imageRatio, auto); background: var(--be-ctl-item-background-color,transparent); border-style: var(--be-ctl-item-borderStyle,solid); border-color: var(--be-ctl-item-borderColor,#000000); border-width: var(--be-ctl-item-borderWidth-tl,0px) var(--be-ctl-item-borderWidth-tr,0px) var(--be-ctl-item-borderWidth-br,0px) var(--be-ctl-item-borderWidth-bl,0px); border-radius: var(--be-ctl-item-borderRadius-tl,0px) var(--be-ctl-item-borderRadius-tr,0px) var(--be-ctl-item-borderRadius-br,0px) var(--be-ctl-item-borderRadius-bl,0px); box-shadow: if(style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal,0) var(--be-ctl-item-shadowVertical,0) var(--be-ctl-item-shadowBlur,0) 1px var(--be-ctl-item-shadowColor,#000000); else: none); max-width: var(--be-ctl-item-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-tablet, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,0px) var(--be-ctl-item-borderWidth-tr-tablet,0px) var(--be-ctl-item-borderWidth-br-tablet,0px) var(--be-ctl-item-borderWidth-bl-tablet,0px); border-radius: var(--be-ctl-item-borderRadius-tl-tablet,0px) var(--be-ctl-item-borderRadius-tr-tablet,0px) var(--be-ctl-item-borderRadius-br-tablet,0px) var(--be-ctl-item-borderRadius-bl-tablet,0px); max-width: var(--be-ctl-item-max-width-tablet, var(--be-ctl-item-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--be-ctl-item-background-imageRatio-mobile, var(--be-ctl-item-background-imageRatio, auto)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,0px) var(--be-ctl-item-borderWidth-tr-mobile,0px) var(--be-ctl-item-borderWidth-br-mobile,0px) var(--be-ctl-item-borderWidth-bl-mobile,0px); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,0px) var(--be-ctl-item-borderRadius-tr-mobile,0px) var(--be-ctl-item-borderRadius-br-mobile,0px) var(--be-ctl-item-borderRadius-bl-mobile,0px); max-width: var(--be-ctl-item-max-width-mobile, var(--be-ctl-item-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--be-ctl-item-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--be-ctl-item-gap,var(--beae-card-gap)); padding-top: var(--be-ctl-item-padding-top,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--be-ctl-item-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-tablet,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-desktop,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--be-ctl-item-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--be-ctl-item-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--be-ctl-item-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--be-ctl-item-padding-left-mobile,var(--beae-card-padding)); border-width: var(--be-ctl-item-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--be-ctl-item-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-br-mobile,var(--beae-card-border-width)) var(--be-ctl-item-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--be-ctl-item-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--be-ctl-item-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--be-ctl-item-background-color,var(--beae-card-featured-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--be-ctl-item-background-color,var(--beae-card-prod-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--be-ctl-item-background-color,var(--beae-card-pricing-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--be-ctl-item-background-color,var(--beae-card-cta-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--be-ctl-item-background-color,var(--beae-card-media-background)); border-color: var(--be-ctl-item-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--be-ctl-item-enableShadow: true): var(--be-ctl-item-shadowHorizontal, var(--beae-card-shadow-x)) var(--be-ctl-item-shadowVertical, var(--beae-card-shadow-y)) var(--be-ctl-item-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--be-ctl-item-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-xvahki"] [data-bnode="be-ctl-item"] { display: flex; flex-direction: var(--be-ctl-item-direction, column); flex-wrap: nowrap; justify-content: var(--be-ctl-item-justify-content); align-items: var(--be-ctl-item-align-items); gap: var(--be-ctl-item-gap, var(--be-ctl-item-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-xvahki"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(33.33% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-xvahki"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(33.33% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px)); } } }[data-bnode="beae-c3xoi5"] { --c3xoi5-max-width: 1392px; --c3xoi5-max-width-tablet: 1392px; --c3xoi5-max-width-mobile: 1392px; --c3xoi5-background-type: color; --c3xoi5-background-type-tablet: color; --c3xoi5-background-type-mobile: color; --c3xoi5-background-image: [object Object]; --c3xoi5-background-image-tablet: [object Object]; --c3xoi5-background-image-mobile: [object Object]; --c3xoi5-background-color: #ffffff00; --c3xoi5-background-color-tablet: #ffffff00; --c3xoi5-background-color-mobile: #ffffff00; --c3xoi5-direction: column; --c3xoi5-direction-tablet: column; --c3xoi5-direction-mobile: column; --c3xoi5-padding-top: 0px; --c3xoi5-padding-top-tablet: 0px; --c3xoi5-padding-top-mobile: 0px; --c3xoi5-padding-right: 0px; --c3xoi5-padding-right-tablet: 0px; --c3xoi5-padding-right-mobile: 0px; --c3xoi5-padding-bottom: 0px; --c3xoi5-padding-bottom-tablet: 0px; --c3xoi5-padding-bottom-mobile: 0px; --c3xoi5-padding-left: 0px; --c3xoi5-padding-left-tablet: 0px; --c3xoi5-padding-left-mobile: 0px; --c3xoi5-gap: 40px; --c3xoi5-gap-tablet: 40px; --c3xoi5-gap-mobile: 40px; --c3xoi5-align-items: flex-start; --c3xoi5-align-items-tablet: flex-start; --c3xoi5-align-items-mobile: flex-start; --c3xoi5-justify-content: center; --c3xoi5-justify-content-tablet: center; --c3xoi5-justify-content-mobile: center; --c3xoi5-structure: auto; --c3xoi5-structure-tablet: auto; --c3xoi5-structure-mobile: auto; }[data-bnode="beae-c3xoi5"] { padding-top: var(--c3xoi5-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--c3xoi5-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--c3xoi5-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--c3xoi5-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--c3xoi5-padding-top-tablet, var(--c3xoi5-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--c3xoi5-padding-right-tablet, var(--c3xoi5-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--c3xoi5-padding-bottom-tablet, var(--c3xoi5-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--c3xoi5-padding-left-tablet, var(--c3xoi5-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--c3xoi5-padding-top-mobile, var(--c3xoi5-padding-top-tablet, var(--c3xoi5-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--c3xoi5-padding-right-mobile, var(--c3xoi5-padding-right-tablet, var(--c3xoi5-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--c3xoi5-padding-bottom-mobile, var(--c3xoi5-padding-bottom-tablet, var(--c3xoi5-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--c3xoi5-padding-left-mobile, var(--c3xoi5-padding-left-tablet, var(--c3xoi5-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--c3xoi5-padding-left, var(--beae-slot-padding-x, 0px)) - var(--c3xoi5-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; background: var(--c3xoi5-background-color); border-style: var(--c3xoi5-borderStyle, solid); border-color: var(--c3xoi5-borderColor, #000000); border-width: var(--c3xoi5-borderWidth-tl, 0px) var(--c3xoi5-borderWidth-tr, 0px) var(--c3xoi5-borderWidth-br, 0px) var(--c3xoi5-borderWidth-bl, 0px); border-radius: var(--c3xoi5-borderRadius-tl, 0px) var(--c3xoi5-borderRadius-tr, 0px) var(--c3xoi5-borderRadius-br, 0px) var(--c3xoi5-borderRadius-bl, 0px); box-shadow: if( style(--c3xoi5-enableShadow: true): var(--c3xoi5-shadowHorizontal, 0) var(--c3xoi5-shadowVertical, 0) var(--c3xoi5-shadowBlur, 0) 1px var(--c3xoi5-shadowColor, #000000) ; else: none ); max-width: var(--c3xoi5-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--c3xoi5-borderWidth-tl-tablet, 0px) var(--c3xoi5-borderWidth-tr-tablet, 0px) var(--c3xoi5-borderWidth-br-tablet, 0px) var(--c3xoi5-borderWidth-bl-tablet, 0px); border-radius: var(--c3xoi5-borderRadius-tl-tablet, 0px) var(--c3xoi5-borderRadius-tr-tablet, 0px) var(--c3xoi5-borderRadius-br-tablet, 0px) var(--c3xoi5-borderRadius-bl-tablet, 0px); max-width: var(--c3xoi5-max-width-tablet, var(--c3xoi5-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--c3xoi5-borderWidth-tl-mobile, 0px) var(--c3xoi5-borderWidth-tr-mobile, 0px) var(--c3xoi5-borderWidth-br-mobile, 0px) var(--c3xoi5-borderWidth-bl-mobile, 0px); border-radius: var(--c3xoi5-borderRadius-tl-mobile, 0px) var(--c3xoi5-borderRadius-tr-mobile, 0px) var(--c3xoi5-borderRadius-br-mobile, 0px) var(--c3xoi5-borderRadius-bl-mobile, 0px); max-width: var(--c3xoi5-max-width-mobile, var(--c3xoi5-max-width, 100%)); } > * { position: relative; z-index: 1; } .beae-kclrl1 { display: none !important; } .beae-vector-underline { position: relative; display: inline-block; white-space: nowrap; } .beae-vector-underline img { position: absolute; left: 50%; bottom: -0.22em; width: 108%; max-width: none; height: auto; pointer-events: none; transform: translateX(-50%); } > .beae-bg-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img { width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-c3xoi5"] { display: flex; flex-direction: var(--c3xoi5-direction, column); flex-wrap: nowrap; justify-content: var(--c3xoi5-justify-content); align-items: var(--c3xoi5-align-items); gap: var(--c3xoi5-gap, var(--c3xoi5-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-c3xoi5"] { gap: var(--c3xoi5-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--c3xoi5-padding-right-tablet, 0px) - var(--c3xoi5-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-c3xoi5"] { gap: var(--c3xoi5-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--c3xoi5-padding-right-mobile, 0px) - var(--c3xoi5-padding-right-mobile, 0px)); } } }[data-bnode="beae-rx1imt"] { --rx1imt-direction: column; --rx1imt-direction-tablet: column; --rx1imt-direction-mobile: column; --rx1imt-structure: columns; --rx1imt-structure-tablet: columns; --rx1imt-structure-mobile: columns; --rx1imt-max-width: 512px; --rx1imt-max-width-tablet: 512px; --rx1imt-max-width-mobile: 512px; --rx1imt-gap: 40px; --rx1imt-gap-tablet: 40px; --rx1imt-gap-mobile: 40px; }[data-bnode="beae-rx1imt"] { padding-top: var(--rx1imt-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--rx1imt-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--rx1imt-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--rx1imt-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rx1imt-padding-top-tablet, var(--rx1imt-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--rx1imt-padding-right-tablet, var(--rx1imt-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--rx1imt-padding-bottom-tablet, var(--rx1imt-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--rx1imt-padding-left-tablet, var(--rx1imt-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rx1imt-padding-top-mobile, var(--rx1imt-padding-top-tablet, var(--rx1imt-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--rx1imt-padding-right-mobile, var(--rx1imt-padding-right-tablet, var(--rx1imt-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--rx1imt-padding-bottom-mobile, var(--rx1imt-padding-bottom-tablet, var(--rx1imt-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--rx1imt-padding-left-mobile, var(--rx1imt-padding-left-tablet, var(--rx1imt-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--rx1imt-padding-left, var(--beae-slot-padding-x, 0px)) - var(--rx1imt-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--rx1imt-background-imageRatio, auto); background: var(--rx1imt-background-color,transparent); border-style: var(--rx1imt-borderStyle,solid); border-color: var(--rx1imt-borderColor,#000000); border-width: var(--rx1imt-borderWidth-tl,0px) var(--rx1imt-borderWidth-tr,0px) var(--rx1imt-borderWidth-br,0px) var(--rx1imt-borderWidth-bl,0px); border-radius: var(--rx1imt-borderRadius-tl,0px) var(--rx1imt-borderRadius-tr,0px) var(--rx1imt-borderRadius-br,0px) var(--rx1imt-borderRadius-bl,0px); box-shadow: if(style(--rx1imt-enableShadow: true): var(--rx1imt-shadowHorizontal,0) var(--rx1imt-shadowVertical,0) var(--rx1imt-shadowBlur,0) 1px var(--rx1imt-shadowColor,#000000); else: none); max-width: var(--rx1imt-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--rx1imt-background-imageRatio-tablet, var(--rx1imt-background-imageRatio, auto)); border-width: var(--rx1imt-borderWidth-tl-tablet,0px) var(--rx1imt-borderWidth-tr-tablet,0px) var(--rx1imt-borderWidth-br-tablet,0px) var(--rx1imt-borderWidth-bl-tablet,0px); border-radius: var(--rx1imt-borderRadius-tl-tablet,0px) var(--rx1imt-borderRadius-tr-tablet,0px) var(--rx1imt-borderRadius-br-tablet,0px) var(--rx1imt-borderRadius-bl-tablet,0px); max-width: var(--rx1imt-max-width-tablet, var(--rx1imt-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--rx1imt-background-imageRatio-mobile, var(--rx1imt-background-imageRatio, auto)); border-width: var(--rx1imt-borderWidth-tl-mobile,0px) var(--rx1imt-borderWidth-tr-mobile,0px) var(--rx1imt-borderWidth-br-mobile,0px) var(--rx1imt-borderWidth-bl-mobile,0px); border-radius: var(--rx1imt-borderRadius-tl-mobile,0px) var(--rx1imt-borderRadius-tr-mobile,0px) var(--rx1imt-borderRadius-br-mobile,0px) var(--rx1imt-borderRadius-bl-mobile,0px); max-width: var(--rx1imt-max-width-mobile, var(--rx1imt-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--rx1imt-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--rx1imt-gap,var(--beae-card-gap)); padding-top: var(--rx1imt-padding-top,var(--beae-card-padding)); padding-right: var(--rx1imt-padding-right,var(--beae-card-padding)); padding-bottom: var(--rx1imt-padding-bottom,var(--beae-card-padding)); padding-left: var(--rx1imt-padding-left,var(--beae-card-padding)); border-width: var(--rx1imt-borderWidth,var(--beae-card-border-width)); border-width: var(--rx1imt-borderWidth-tl,var(--beae-card-border-width)) var(--rx1imt-borderWidth-tr,var(--beae-card-border-width)) var(--rx1imt-borderWidth-br,var(--beae-card-border-width)) var(--rx1imt-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--rx1imt-borderRadius-tl,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-tr,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-br,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--rx1imt-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--rx1imt-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--rx1imt-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--rx1imt-padding-left-tablet,var(--beae-card-padding)); border-width: var(--rx1imt-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--rx1imt-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--rx1imt-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--rx1imt-borderWidth-br-desktop,var(--beae-card-border-width)) var(--rx1imt-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--rx1imt-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--rx1imt-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--rx1imt-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--rx1imt-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--rx1imt-padding-left-mobile,var(--beae-card-padding)); border-width: var(--rx1imt-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--rx1imt-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--rx1imt-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--rx1imt-borderWidth-br-mobile,var(--beae-card-border-width)) var(--rx1imt-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--rx1imt-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--rx1imt-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--rx1imt-background-color,var(--beae-card-featured-background)); border-color: var(--rx1imt-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--rx1imt-enableShadow: true): var(--rx1imt-shadowHorizontal, var(--beae-card-shadow-x)) var(--rx1imt-shadowVertical, var(--beae-card-shadow-y)) var(--rx1imt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rx1imt-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--rx1imt-background-color,var(--beae-card-prod-background)); border-color: var(--rx1imt-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--rx1imt-enableShadow: true): var(--rx1imt-shadowHorizontal, var(--beae-card-shadow-x)) var(--rx1imt-shadowVertical, var(--beae-card-shadow-y)) var(--rx1imt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rx1imt-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--rx1imt-background-color,var(--beae-card-pricing-background)); border-color: var(--rx1imt-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--rx1imt-enableShadow: true): var(--rx1imt-shadowHorizontal, var(--beae-card-shadow-x)) var(--rx1imt-shadowVertical, var(--beae-card-shadow-y)) var(--rx1imt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rx1imt-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--rx1imt-background-color,var(--beae-card-cta-background)); border-color: var(--rx1imt-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--rx1imt-enableShadow: true): var(--rx1imt-shadowHorizontal, var(--beae-card-shadow-x)) var(--rx1imt-shadowVertical, var(--beae-card-shadow-y)) var(--rx1imt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rx1imt-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--rx1imt-background-color,var(--beae-card-media-background)); border-color: var(--rx1imt-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--rx1imt-enableShadow: true): var(--rx1imt-shadowHorizontal, var(--beae-card-shadow-x)) var(--rx1imt-shadowVertical, var(--beae-card-shadow-y)) var(--rx1imt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--rx1imt-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-rx1imt"] { display: flex; flex-direction: var(--rx1imt-direction, column); flex-wrap: nowrap; justify-content: var(--rx1imt-justify-content); align-items: var(--rx1imt-align-items); gap: var(--rx1imt-gap, var(--rx1imt-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-rx1imt"] { gap: var(--rx1imt-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--rx1imt-padding-right-tablet, 0px) - var(--rx1imt-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-rx1imt"] { gap: var(--rx1imt-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--rx1imt-padding-right-mobile, 0px) - var(--rx1imt-padding-right-mobile, 0px)); } } }[data-bnode="beae-79oxob"] { --79oxob-direction: column; --79oxob-direction-tablet: column; --79oxob-direction-mobile: column; --79oxob-structure: columns; --79oxob-structure-tablet: columns; --79oxob-structure-mobile: columns; --79oxob-gap: 20px; --79oxob-gap-tablet: 20px; --79oxob-gap-mobile: 20px; --79oxob-align-items: flex-start; --79oxob-align-items-tablet: flex-start; --79oxob-align-items-mobile: flex-start; }[data-bnode="beae-79oxob"] { padding-top: var(--79oxob-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--79oxob-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--79oxob-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--79oxob-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--79oxob-padding-top-tablet, var(--79oxob-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--79oxob-padding-right-tablet, var(--79oxob-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--79oxob-padding-bottom-tablet, var(--79oxob-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--79oxob-padding-left-tablet, var(--79oxob-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--79oxob-padding-top-mobile, var(--79oxob-padding-top-tablet, var(--79oxob-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--79oxob-padding-right-mobile, var(--79oxob-padding-right-tablet, var(--79oxob-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--79oxob-padding-bottom-mobile, var(--79oxob-padding-bottom-tablet, var(--79oxob-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--79oxob-padding-left-mobile, var(--79oxob-padding-left-tablet, var(--79oxob-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--79oxob-padding-left, var(--beae-slot-padding-x, 0px)) - var(--79oxob-padding-right, var(--beae-slot-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; aspect-ratio: var(--79oxob-background-imageRatio, auto); background: var(--79oxob-background-color,transparent); border-style: var(--79oxob-borderStyle,solid); border-color: var(--79oxob-borderColor,#000000); border-width: var(--79oxob-borderWidth-tl,0px) var(--79oxob-borderWidth-tr,0px) var(--79oxob-borderWidth-br,0px) var(--79oxob-borderWidth-bl,0px); border-radius: var(--79oxob-borderRadius-tl,0px) var(--79oxob-borderRadius-tr,0px) var(--79oxob-borderRadius-br,0px) var(--79oxob-borderRadius-bl,0px); box-shadow: if(style(--79oxob-enableShadow: true): var(--79oxob-shadowHorizontal,0) var(--79oxob-shadowVertical,0) var(--79oxob-shadowBlur,0) 1px var(--79oxob-shadowColor,#000000); else: none); max-width: var(--79oxob-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--79oxob-background-imageRatio-tablet, var(--79oxob-background-imageRatio, auto)); border-width: var(--79oxob-borderWidth-tl-tablet,0px) var(--79oxob-borderWidth-tr-tablet,0px) var(--79oxob-borderWidth-br-tablet,0px) var(--79oxob-borderWidth-bl-tablet,0px); border-radius: var(--79oxob-borderRadius-tl-tablet,0px) var(--79oxob-borderRadius-tr-tablet,0px) var(--79oxob-borderRadius-br-tablet,0px) var(--79oxob-borderRadius-bl-tablet,0px); max-width: var(--79oxob-max-width-tablet, var(--79oxob-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--79oxob-background-imageRatio-mobile, var(--79oxob-background-imageRatio, auto)); border-width: var(--79oxob-borderWidth-tl-mobile,0px) var(--79oxob-borderWidth-tr-mobile,0px) var(--79oxob-borderWidth-br-mobile,0px) var(--79oxob-borderWidth-bl-mobile,0px); border-radius: var(--79oxob-borderRadius-tl-mobile,0px) var(--79oxob-borderRadius-tr-mobile,0px) var(--79oxob-borderRadius-br-mobile,0px) var(--79oxob-borderRadius-bl-mobile,0px); max-width: var(--79oxob-max-width-mobile, var(--79oxob-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--79oxob-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--79oxob-gap,var(--beae-card-gap)); padding-top: var(--79oxob-padding-top,var(--beae-card-padding)); padding-right: var(--79oxob-padding-right,var(--beae-card-padding)); padding-bottom: var(--79oxob-padding-bottom,var(--beae-card-padding)); padding-left: var(--79oxob-padding-left,var(--beae-card-padding)); border-width: var(--79oxob-borderWidth,var(--beae-card-border-width)); border-width: var(--79oxob-borderWidth-tl,var(--beae-card-border-width)) var(--79oxob-borderWidth-tr,var(--beae-card-border-width)) var(--79oxob-borderWidth-br,var(--beae-card-border-width)) var(--79oxob-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--79oxob-borderRadius-tl,var(--beae-card-border-radius)) var(--79oxob-borderRadius-tr,var(--beae-card-border-radius)) var(--79oxob-borderRadius-br,var(--beae-card-border-radius)) var(--79oxob-borderRadius-bl,var(--beae-card-border-radius)); backdrop-filter:blur(var(--beae-card-backdrop-blur)) saturate(var(--beae-card-backdrop-saturate)); @media (min-width: 767.79px) and (max-width: 1180px) { padding-top: var(--79oxob-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--79oxob-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--79oxob-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--79oxob-padding-left-tablet,var(--beae-card-padding)); border-width: var(--79oxob-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--79oxob-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--79oxob-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--79oxob-borderWidth-br-desktop,var(--beae-card-border-width)) var(--79oxob-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--79oxob-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--79oxob-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--79oxob-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--79oxob-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--79oxob-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--79oxob-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--79oxob-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--79oxob-padding-left-mobile,var(--beae-card-padding)); border-width: var(--79oxob-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--79oxob-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--79oxob-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--79oxob-borderWidth-br-mobile,var(--beae-card-border-width)) var(--79oxob-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--79oxob-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--79oxob-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--79oxob-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--79oxob-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--79oxob-background-color,var(--beae-card-featured-background)); border-color: var(--79oxob-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--79oxob-enableShadow: true): var(--79oxob-shadowHorizontal, var(--beae-card-shadow-x)) var(--79oxob-shadowVertical, var(--beae-card-shadow-y)) var(--79oxob-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--79oxob-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--79oxob-background-color,var(--beae-card-prod-background)); border-color: var(--79oxob-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--79oxob-enableShadow: true): var(--79oxob-shadowHorizontal, var(--beae-card-shadow-x)) var(--79oxob-shadowVertical, var(--beae-card-shadow-y)) var(--79oxob-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--79oxob-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--79oxob-background-color,var(--beae-card-pricing-background)); border-color: var(--79oxob-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--79oxob-enableShadow: true): var(--79oxob-shadowHorizontal, var(--beae-card-shadow-x)) var(--79oxob-shadowVertical, var(--beae-card-shadow-y)) var(--79oxob-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--79oxob-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--79oxob-background-color,var(--beae-card-cta-background)); border-color: var(--79oxob-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--79oxob-enableShadow: true): var(--79oxob-shadowHorizontal, var(--beae-card-shadow-x)) var(--79oxob-shadowVertical, var(--beae-card-shadow-y)) var(--79oxob-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--79oxob-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--79oxob-background-color,var(--beae-card-media-background)); border-color: var(--79oxob-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--79oxob-enableShadow: true): var(--79oxob-shadowHorizontal, var(--beae-card-shadow-x)) var(--79oxob-shadowVertical, var(--beae-card-shadow-y)) var(--79oxob-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--79oxob-shadowColor, var(--beae-card-media-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); border-radius: inherit; overflow: hidden; z-index: 0; img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } } } }[data-bnode="beae-79oxob"] { display: flex; flex-direction: var(--79oxob-direction, column); flex-wrap: nowrap; justify-content: var(--79oxob-justify-content); align-items: var(--79oxob-align-items); gap: var(--79oxob-gap, var(--79oxob-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-79oxob"] { gap: var(--79oxob-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--79oxob-padding-right-tablet, 0px) - var(--79oxob-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-79oxob"] { gap: var(--79oxob-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(50.00% - var(--79oxob-padding-right-mobile, 0px) - var(--79oxob-padding-right-mobile, 0px)); } } }[data-bnode="beae-16a9pu"] { --beae-h1-font-size: 60px; --beae-h1-font-size-tablet: 52px; --beae-h1-font-size-mobile: 46px; --beae-h1-color: #FFF; --beae-h1-font-family: Instrument Sans; --beae-h1-font-weight: 600; --beae-h1-line-height: 1.2; --beae-h1-line-height-tablet: 1.2; --beae-h1-line-height-mobile: 1.2; --beae-h1-letter-spacing: 0px; --beae-h1-letter-spacing-tablet: 0px; --beae-h1-letter-spacing-mobile: 0px; --beae-h1-text-transform: none; --16a9pu-typography: h1; --16a9pu-typography-tablet: h1; --16a9pu-typography-mobile: h1; --16a9pu-margin-top: 0px; --16a9pu-margin-top-tablet: 0px; --16a9pu-margin-top-mobile: 0px; --16a9pu-margin-right: 0px; --16a9pu-margin-right-tablet: 0px; --16a9pu-margin-right-mobile: 0px; --16a9pu-margin-bottom: 0px; --16a9pu-margin-bottom-tablet: 0px; --16a9pu-margin-bottom-mobile: 0px; --16a9pu-margin-left: 0px; --16a9pu-margin-left-tablet: 0px; --16a9pu-margin-left-mobile: 0px; --16a9pu-highlightTop: 90%; --16a9pu-highlightTop-tablet: 90%; --16a9pu-highlightTop-mobile: 90%; --16a9pu-highlightThickness: 7; --16a9pu-highlightThickness-tablet: 7; --16a9pu-highlightThickness-mobile: 7; --16a9pu-highlightColor: #F9B690; --16a9pu-highlightColor-tablet: #F9B690; --16a9pu-highlightColor-mobile: #F9B690; }[data-bnode="beae-16a9pu"] { margin-top: var(--16a9pu-margin-top, 0px); margin-right: var(--16a9pu-margin-right, 0px); margin-bottom: var(--16a9pu-margin-bottom, 0px); margin-left: var(--16a9pu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--16a9pu-margin-top-tablet, 0px); margin-right: var(--16a9pu-margin-right-tablet, 0px); margin-bottom: var(--16a9pu-margin-bottom-tablet, 0px); margin-left: var(--16a9pu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--16a9pu-margin-top-mobile, 0px); margin-right: var(--16a9pu-margin-right-mobile, 0px); margin-bottom: var(--16a9pu-margin-bottom-mobile, 0px); margin-left: var(--16a9pu-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--16a9pu-highlightColor,var(--beae-p-color)); top: var(--16a9pu-highlightTop, 100%); } }[data-bnode="beae-c2327q"] { --beae-p-font-size: 16px; --beae-p-font-size-tablet: 16px; --beae-p-font-size-mobile: 16px; --beae-p-color: #FFF; --beae-p-font-family: Instrument Sans; --beae-p-font-weight: 500; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.8; --beae-p-line-height-mobile: 1.8; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --c2327q-typography: p; --c2327q-typography-tablet: p; --c2327q-typography-mobile: p; --c2327q-margin-top: 0px; --c2327q-margin-top-tablet: 0px; --c2327q-margin-top-mobile: 0px; --c2327q-margin-right: 0px; --c2327q-margin-right-tablet: 0px; --c2327q-margin-right-mobile: 0px; --c2327q-margin-bottom: 0px; --c2327q-margin-bottom-tablet: 0px; --c2327q-margin-bottom-mobile: 0px; --c2327q-margin-left: 0px; --c2327q-margin-left-tablet: 0px; --c2327q-margin-left-mobile: 0px; }[data-bnode="beae-c2327q"] { margin-top: var(--c2327q-margin-top, 0px); margin-right: var(--c2327q-margin-right, 0px); margin-bottom: var(--c2327q-margin-bottom, 0px); margin-left: var(--c2327q-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--c2327q-margin-top-tablet, 0px); margin-right: var(--c2327q-margin-right-tablet, 0px); margin-bottom: var(--c2327q-margin-bottom-tablet, 0px); margin-left: var(--c2327q-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--c2327q-margin-top-mobile, 0px); margin-right: var(--c2327q-margin-right-mobile, 0px); margin-bottom: var(--c2327q-margin-bottom-mobile, 0px); margin-left: var(--c2327q-margin-left-mobile, 0px); } }[data-bnode="beae-l6zs54"] { --l6zs54-width: fill; --l6zs54-width-tablet: fill; --l6zs54-width-mobile: fill; --beae-p-font-family: Instrument Sans; --beae-btn-font-weight: 600; --beae-btn-font-size: 16px; --beae-btn-font-size-tablet: 16px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 52px; --beae-btn-height-tablet: 52px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 8px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 8px; --beae-btn-border-radius: 100px; --beae-btn-pr-label-color: #2F3F28; --beae-btn-pr-background-color: #FFFFFF; --beae-btn-text-transform: capitalize; --l6zs54-iconWidth: 20px; --l6zs54-iconWidth-tablet: 20px; --l6zs54-iconWidth-mobile: 20px; --l6zs54-iconGap: 5px; --l6zs54-iconGap-tablet: 5px; --l6zs54-iconGap-mobile: 5px; --l6zs54-button: pr; --l6zs54-button-tablet: pr; --l6zs54-button-mobile: pr; --l6zs54-bgPrHover: #f5f5f5; --l6zs54-bgPrHover-tablet: #f5f5f5; --l6zs54-bgPrHover-mobile: #f5f5f5; --l6zs54-labelPrHover: #2F3F28; --l6zs54-labelPrHover-tablet: #2F3F28; --l6zs54-labelPrHover-mobile: #2F3F28; --l6zs54-borderPrHover: #ffffff00; --l6zs54-borderPrHover-tablet: #ffffff00; --l6zs54-borderPrHover-mobile: #ffffff00; }[data-bnode="beae-l6zs54"] { margin-top: var(--l6zs54-margin-top, 0px); margin-right: var(--l6zs54-margin-right, 0px); margin-bottom: var(--l6zs54-margin-bottom, 0px); margin-left: var(--l6zs54-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--l6zs54-margin-top-tablet, 0px); margin-right: var(--l6zs54-margin-right-tablet, 0px); margin-bottom: var(--l6zs54-margin-bottom-tablet, 0px); margin-left: var(--l6zs54-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--l6zs54-margin-top-mobile, 0px); margin-right: var(--l6zs54-margin-right-mobile, 0px); margin-bottom: var(--l6zs54-margin-bottom-mobile, 0px); margin-left: var(--l6zs54-margin-left-mobile, 0px); } & { width: 29%; text-transform: var(--l6zs54-transform); gap: var(--l6zs54-iconGap, 5px); &.beae-btn-pr:hover { background-color: var(--l6zs54-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--l6zs54-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--l6zs54-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover { background-color: var(--l6zs54-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--l6zs54-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--l6zs54-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover { color: var(--l6zs54-labelTeHover, var(--beae-btn-te-label-hover)); } span { display: flex; font-size: var(--l6zs54-iconWidth); } svg { width: var(--l6zs54-iconWidth, 20px); min-width: var(--l6zs54-iconWidth, 20px); height: 100%; } @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--l6zs54-iconGap-tablet); &:not(.beae-btn-te) { height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span { font-size: var(--l6zs54-iconWidth-tablet, var(--l6zs54-iconWidth)); } svg { width: var(--l6zs54-iconWidth-tablet, var(--l6zs54-iconWidth)); min-width: var(--l6zs54-iconWidth-tablet, var(--l6zs54-iconWidth)); height: 100%; } } @media (max-width: 767px) { gap: var(--l6zs54-iconGap-mobile); &:not(.beae-btn-te) { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span { font-size: var(--l6zs54-iconWidth-mobile, var(--l6zs54-iconWidth)); } svg { width: var(--l6zs54-iconWidth-mobile, var(--l6zs54-iconWidth)); min-width: var(--l6zs54-iconWidth-mobile, var(--l6zs54-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } }[data-bnode="beae-28ru1r"] { --28ru1r-width: 1392px; --28ru1r-width-tablet: 1392px; --28ru1r-width-mobile: 1392px; --28ru1r-height: 860px; --28ru1r-height-tablet: 800px; --28ru1r-height-mobile: 800px; --28ru1r-padding-top: 112px; --28ru1r-padding-top-tablet: 96px; --28ru1r-padding-top-mobile: 40px; --28ru1r-padding-right: 32px; --28ru1r-padding-right-tablet: 32px; --28ru1r-padding-right-mobile: 20px; --28ru1r-padding-bottom: 112px; --28ru1r-padding-bottom-tablet: 96px; --28ru1r-padding-bottom-mobile: 40px; --28ru1r-padding-left: 32px; --28ru1r-padding-left-tablet: 32px; --28ru1r-padding-left-mobile: 20px; --28ru1r-direction: column; --28ru1r-direction-tablet: column; --28ru1r-direction-mobile: column; --28ru1r-structure: columns; --28ru1r-structure-tablet: auto; --28ru1r-structure-mobile: auto; --28ru1r-background-type: image; --28ru1r-background-type-tablet: image; --28ru1r-background-type-mobile: image; --28ru1r-background-image: [object Object]; --28ru1r-background-image-tablet: [object Object]; --28ru1r-background-image-mobile: [object Object]; --28ru1r-background-color: #ffffff; --28ru1r-background-color-tablet: #ffffff; --28ru1r-background-color-mobile: #ffffff; --28ru1r-align-items: flex-start; --28ru1r-align-items-tablet: center; --28ru1r-align-items-mobile: center; --28ru1r-justify-content: center; --28ru1r-justify-content-tablet: center; --28ru1r-justify-content-mobile: center; }[data-bnode="beae-28ru1r"] { padding-top: var(--28ru1r-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--28ru1r-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--28ru1r-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--28ru1r-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--28ru1r-padding-top-tablet, var(--28ru1r-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--28ru1r-padding-right-tablet, var(--28ru1r-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--28ru1r-padding-bottom-tablet, var(--28ru1r-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--28ru1r-padding-left-tablet, var(--28ru1r-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--28ru1r-padding-top-mobile, var(--28ru1r-padding-top-tablet, var(--28ru1r-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--28ru1r-padding-right-mobile, var(--28ru1r-padding-right-tablet, var(--28ru1r-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--28ru1r-padding-bottom-mobile, var(--28ru1r-padding-bottom-tablet, var(--28ru1r-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--28ru1r-padding-left-mobile, var(--28ru1r-padding-left-tablet, var(--28ru1r-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--28ru1r-padding-left, var(--beae-section-padding-x, 0px)) - var(--28ru1r-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--28ru1r-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--28ru1r-height); width: 100%; max-width: var(--28ru1r-width,var(--beae-section-width)); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { & .beae-section-container { height: var(--28ru1r-height-tablet, auto); width: 100%; max-width: var(--28ru1r-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--28ru1r-height-mobile, auto); width: 100%; max-width: var(--28ru1r-width-mobile, 100%); } } } }[data-bnode="beae-28ru1r"] > .beae-section-container{ display: flex; flex-direction: var(--28ru1r-direction, column); flex-wrap: nowrap; justify-content: var(--28ru1r-justify-content); align-items: var(--28ru1r-align-items); gap: var(--28ru1r-gap, var(--beae-grid-gap, 4px)); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-28ru1r"] > .beae-section-container{ align-items: var(--28ru1r-align-items-tablet, inherit); gap: var(--beae-grid-gap-tablet, 4px); &>.beae-slot[data-bnode-index] { flex: 1; } } } @media (max-width: 767px) { [data-bnode="beae-28ru1r"] > .beae-section-container{ gap: var(--beae-grid-gap-mobile, 4px); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--28ru1r-padding-right-mobile, 0px) - var(--28ru1r-padding-right-mobile, 0px)); } } }