/** 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-u9x8vx"] { --u9x8vx-width: 1600px; --u9x8vx-width-tablet: 1600px; --u9x8vx-width-mobile: 1600px; --u9x8vx-height: fit-content; --u9x8vx-height-tablet: fit-content; --u9x8vx-height-mobile: fit-content; --u9x8vx-padding-top: 48px; --u9x8vx-padding-top-tablet: 32px; --u9x8vx-padding-top-mobile: 28px; --u9x8vx-padding-right: 30px; --u9x8vx-padding-right-tablet: 30px; --u9x8vx-padding-right-mobile: 16px; --u9x8vx-padding-bottom: 48px; --u9x8vx-padding-bottom-tablet: 32px; --u9x8vx-padding-bottom-mobile: 28px; --u9x8vx-padding-left: 30px; --u9x8vx-padding-left-tablet: 30px; --u9x8vx-padding-left-mobile: 16px; }[data-bnode="beae-u9x8vx"] { padding-top: var(--u9x8vx-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--u9x8vx-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--u9x8vx-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--u9x8vx-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--u9x8vx-padding-top-tablet, var(--u9x8vx-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--u9x8vx-padding-right-tablet, var(--u9x8vx-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--u9x8vx-padding-bottom-tablet, var(--u9x8vx-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--u9x8vx-padding-left-tablet, var(--u9x8vx-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--u9x8vx-padding-top-mobile, var(--u9x8vx-padding-top-tablet, var(--u9x8vx-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--u9x8vx-padding-right-mobile, var(--u9x8vx-padding-right-tablet, var(--u9x8vx-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--u9x8vx-padding-bottom-mobile, var(--u9x8vx-padding-bottom-tablet, var(--u9x8vx-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--u9x8vx-padding-left-mobile, var(--u9x8vx-padding-left-tablet, var(--u9x8vx-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--u9x8vx-padding-left, var(--beae-section-padding-x, 0px)) - var(--u9x8vx-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--u9x8vx-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--u9x8vx-height); width: 100%; max-width: var(--u9x8vx-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(--u9x8vx-height-tablet, auto); width: 100%; max-width: var(--u9x8vx-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--u9x8vx-height-mobile, auto); width: 100%; max-width: var(--u9x8vx-width-mobile, 100%); } } } }[data-bnode="beae-u9x8vx"] > .beae-section-container{ display: flex; flex-direction: var(--u9x8vx-direction, column); flex-wrap: nowrap; justify-content: var(--u9x8vx-justify-content); align-items: var(--u9x8vx-align-items); gap: var(--u9x8vx-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-u9x8vx"] > .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(--u9x8vx-padding-right-tablet, 0px) - var(--u9x8vx-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-u9x8vx"] > .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(--u9x8vx-padding-right-mobile, 0px) - var(--u9x8vx-padding-right-mobile, 0px)); } } }[data-bnode="beae-s3igcr"] { --s3igcr-direction: column; --s3igcr-direction-tablet: column; --s3igcr-direction-mobile: column; --s3igcr-structure: columns; --s3igcr-structure-tablet: columns; --s3igcr-structure-mobile: columns; --s3igcr-gap: 16px; --s3igcr-gap-tablet: 16px; --s3igcr-gap-mobile: 16px; --s3igcr-align-items: center; --s3igcr-align-items-tablet: center; --s3igcr-align-items-mobile: center; }[data-bnode="beae-s3igcr"] { padding-top: var(--s3igcr-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--s3igcr-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--s3igcr-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--s3igcr-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--s3igcr-padding-top-tablet, var(--s3igcr-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--s3igcr-padding-right-tablet, var(--s3igcr-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--s3igcr-padding-bottom-tablet, var(--s3igcr-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--s3igcr-padding-left-tablet, var(--s3igcr-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--s3igcr-padding-top-mobile, var(--s3igcr-padding-top-tablet, var(--s3igcr-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--s3igcr-padding-right-mobile, var(--s3igcr-padding-right-tablet, var(--s3igcr-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--s3igcr-padding-bottom-mobile, var(--s3igcr-padding-bottom-tablet, var(--s3igcr-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--s3igcr-padding-left-mobile, var(--s3igcr-padding-left-tablet, var(--s3igcr-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--s3igcr-padding-left, var(--beae-slot-padding-x, 0px)) - var(--s3igcr-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(--s3igcr-background-imageRatio, auto); background: var(--s3igcr-background-color,transparent); border-style: var(--s3igcr-borderStyle,solid); border-color: var(--s3igcr-borderColor,#000000); border-width: var(--s3igcr-borderWidth-tl,0px) var(--s3igcr-borderWidth-tr,0px) var(--s3igcr-borderWidth-br,0px) var(--s3igcr-borderWidth-bl,0px); border-radius: var(--s3igcr-borderRadius-tl,0px) var(--s3igcr-borderRadius-tr,0px) var(--s3igcr-borderRadius-br,0px) var(--s3igcr-borderRadius-bl,0px); box-shadow: if(style(--s3igcr-enableShadow: true): var(--s3igcr-shadowHorizontal,0) var(--s3igcr-shadowVertical,0) var(--s3igcr-shadowBlur,0) 1px var(--s3igcr-shadowColor,#000000); else: none); max-width: var(--s3igcr-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--s3igcr-background-imageRatio-tablet, var(--s3igcr-background-imageRatio, auto)); border-width: var(--s3igcr-borderWidth-tl-tablet,0px) var(--s3igcr-borderWidth-tr-tablet,0px) var(--s3igcr-borderWidth-br-tablet,0px) var(--s3igcr-borderWidth-bl-tablet,0px); border-radius: var(--s3igcr-borderRadius-tl-tablet,0px) var(--s3igcr-borderRadius-tr-tablet,0px) var(--s3igcr-borderRadius-br-tablet,0px) var(--s3igcr-borderRadius-bl-tablet,0px); max-width: var(--s3igcr-max-width-tablet, var(--s3igcr-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--s3igcr-background-imageRatio-mobile, var(--s3igcr-background-imageRatio, auto)); border-width: var(--s3igcr-borderWidth-tl-mobile,0px) var(--s3igcr-borderWidth-tr-mobile,0px) var(--s3igcr-borderWidth-br-mobile,0px) var(--s3igcr-borderWidth-bl-mobile,0px); border-radius: var(--s3igcr-borderRadius-tl-mobile,0px) var(--s3igcr-borderRadius-tr-mobile,0px) var(--s3igcr-borderRadius-br-mobile,0px) var(--s3igcr-borderRadius-bl-mobile,0px); max-width: var(--s3igcr-max-width-mobile, var(--s3igcr-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--s3igcr-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--s3igcr-gap,var(--beae-card-gap)); padding-top: var(--s3igcr-padding-top,var(--beae-card-padding)); padding-right: var(--s3igcr-padding-right,var(--beae-card-padding)); padding-bottom: var(--s3igcr-padding-bottom,var(--beae-card-padding)); padding-left: var(--s3igcr-padding-left,var(--beae-card-padding)); border-width: var(--s3igcr-borderWidth,var(--beae-card-border-width)); border-width: var(--s3igcr-borderWidth-tl,var(--beae-card-border-width)) var(--s3igcr-borderWidth-tr,var(--beae-card-border-width)) var(--s3igcr-borderWidth-br,var(--beae-card-border-width)) var(--s3igcr-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--s3igcr-borderRadius-tl,var(--beae-card-border-radius)) var(--s3igcr-borderRadius-tr,var(--beae-card-border-radius)) var(--s3igcr-borderRadius-br,var(--beae-card-border-radius)) var(--s3igcr-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(--s3igcr-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--s3igcr-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--s3igcr-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--s3igcr-padding-left-tablet,var(--beae-card-padding)); border-width: var(--s3igcr-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--s3igcr-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--s3igcr-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--s3igcr-borderWidth-br-desktop,var(--beae-card-border-width)) var(--s3igcr-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--s3igcr-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--s3igcr-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--s3igcr-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--s3igcr-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--s3igcr-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--s3igcr-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--s3igcr-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--s3igcr-padding-left-mobile,var(--beae-card-padding)); border-width: var(--s3igcr-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--s3igcr-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--s3igcr-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--s3igcr-borderWidth-br-mobile,var(--beae-card-border-width)) var(--s3igcr-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--s3igcr-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--s3igcr-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--s3igcr-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--s3igcr-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--s3igcr-background-color,var(--beae-card-featured-background)); border-color: var(--s3igcr-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--s3igcr-enableShadow: true): var(--s3igcr-shadowHorizontal, var(--beae-card-shadow-x)) var(--s3igcr-shadowVertical, var(--beae-card-shadow-y)) var(--s3igcr-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s3igcr-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--s3igcr-background-color,var(--beae-card-prod-background)); border-color: var(--s3igcr-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--s3igcr-enableShadow: true): var(--s3igcr-shadowHorizontal, var(--beae-card-shadow-x)) var(--s3igcr-shadowVertical, var(--beae-card-shadow-y)) var(--s3igcr-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s3igcr-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--s3igcr-background-color,var(--beae-card-pricing-background)); border-color: var(--s3igcr-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--s3igcr-enableShadow: true): var(--s3igcr-shadowHorizontal, var(--beae-card-shadow-x)) var(--s3igcr-shadowVertical, var(--beae-card-shadow-y)) var(--s3igcr-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s3igcr-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--s3igcr-background-color,var(--beae-card-cta-background)); border-color: var(--s3igcr-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--s3igcr-enableShadow: true): var(--s3igcr-shadowHorizontal, var(--beae-card-shadow-x)) var(--s3igcr-shadowVertical, var(--beae-card-shadow-y)) var(--s3igcr-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s3igcr-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--s3igcr-background-color,var(--beae-card-media-background)); border-color: var(--s3igcr-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--s3igcr-enableShadow: true): var(--s3igcr-shadowHorizontal, var(--beae-card-shadow-x)) var(--s3igcr-shadowVertical, var(--beae-card-shadow-y)) var(--s3igcr-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--s3igcr-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-s3igcr"] { display: flex; flex-direction: var(--s3igcr-direction, column); flex-wrap: nowrap; justify-content: var(--s3igcr-justify-content); align-items: var(--s3igcr-align-items); gap: var(--s3igcr-gap, var(--s3igcr-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-s3igcr"] { gap: var(--s3igcr-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(--s3igcr-padding-right-tablet, 0px) - var(--s3igcr-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-s3igcr"] { gap: var(--s3igcr-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(--s3igcr-padding-right-mobile, 0px) - var(--s3igcr-padding-right-mobile, 0px)); } } }[data-bnode="beae-rblzp1"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 28px; --beae-h2-color: #181818; --beae-h2-font-family: Bricolage Grotesque; --beae-h2-font-weight: 500; --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: capitalize; --rblzp1-typography: h2; --rblzp1-typography-tablet: h2; --rblzp1-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-rblzp1"] { margin-top: var(--rblzp1-margin-top, 0px); margin-right: var(--rblzp1-margin-right, 0px); margin-bottom: var(--rblzp1-margin-bottom, 0px); margin-left: var(--rblzp1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rblzp1-margin-top-tablet, 0px); margin-right: var(--rblzp1-margin-right-tablet, 0px); margin-bottom: var(--rblzp1-margin-bottom-tablet, 0px); margin-left: var(--rblzp1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rblzp1-margin-top-mobile, 0px); margin-right: var(--rblzp1-margin-right-mobile, 0px); margin-bottom: var(--rblzp1-margin-bottom-mobile, 0px); margin-left: var(--rblzp1-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--rblzp1-highlightColor,var(--beae-p-color)); top: var(--rblzp1-highlightTop, 100%); } }[data-bnode="beae-iednq4"] { --iednq4-typography: p2; --iednq4-typography-tablet: p2; --iednq4-typography-mobile: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #5A5A5A; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --beae-p2-text-align: center; --iednq4-margin-top: 0px; --iednq4-margin-top-tablet: 0px; --iednq4-margin-top-mobile: 0px; --iednq4-margin-right: 0px; --iednq4-margin-right-tablet: 0px; --iednq4-margin-right-mobile: 0px; --iednq4-margin-bottom: 24px; --iednq4-margin-bottom-tablet: 24px; --iednq4-margin-bottom-mobile: 24px; --iednq4-margin-left: 0px; --iednq4-margin-left-tablet: 0px; --iednq4-margin-left-mobile: 0px; }[data-bnode="beae-iednq4"] { margin-top: var(--iednq4-margin-top, 0px); margin-right: var(--iednq4-margin-right, 0px); margin-bottom: var(--iednq4-margin-bottom, 0px); margin-left: var(--iednq4-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--iednq4-margin-top-tablet, 0px); margin-right: var(--iednq4-margin-right-tablet, 0px); margin-bottom: var(--iednq4-margin-bottom-tablet, 0px); margin-left: var(--iednq4-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--iednq4-margin-top-mobile, 0px); margin-right: var(--iednq4-margin-right-mobile, 0px); margin-bottom: var(--iednq4-margin-bottom-mobile, 0px); margin-left: var(--iednq4-margin-left-mobile, 0px); } }[data-bnode="beae-1yfbi1"] { --1yfbi1-gap: 16px; --1yfbi1-gap-tablet: 16px; --1yfbi1-gap-mobile: 12px; --1yfbi1-navType: false; --1yfbi1-navType-tablet: false; --1yfbi1-navType-mobile: false; --1yfbi1-pagiType: false; --1yfbi1-pagiType-tablet: false; --1yfbi1-pagiType-mobile: false; --1yfbi1-listType: slider; --1yfbi1-listType-tablet: slider; --1yfbi1-listType-mobile: slider; --1yfbi1-stateNavigation: normal; --1yfbi1-stateNavigation-tablet: normal; --1yfbi1-stateNavigation-mobile: normal; --1yfbi1-statePagination: normal; --1yfbi1-statePagination-tablet: normal; --1yfbi1-statePagination-mobile: normal; --1yfbi1-stateNavigtion: normal; --1yfbi1-stateNavigtion-tablet: normal; --1yfbi1-stateNavigtion-mobile: normal; --1yfbi1-columns-tablet: 2; --1yfbi1-columns-mobile: 2; } [data-bnode="beae-1yfbi1"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-1yfbi1"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-1yfbi1"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-1yfbi1"] [data-bnode="beae-em0wik"] { --em0wik-width: 28px; --em0wik-imageRatio: 1/1; --em0wik-objFit: cover; --em0wik-borderColor: #000000; --em0wik-shadowColor: #000000; --em0wik-borderStyle: none; --em0wik-enableShadow: false; --em0wik-margin-top: 0px; --em0wik-margin-right: 0px; --em0wik-margin-bottom: 0px; --em0wik-margin-left: 0px; } [data-bnode="beae-1yfbi1"] [data-bnode="beae-7of05e"] { --7of05e-typography: h5; --beae-h5-font-size: 16px; --beae-h5-font-size-tablet: 16px; --beae-h5-font-size-mobile: 16px; --beae-h5-color: #181818; --beae-h5-font-weight: 500; --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; } [data-bnode="beae-1yfbi1"] [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: 16px; --be-ctl-item-gap-tablet: 16px; --be-ctl-item-gap-mobile: 16px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-padding-top: 16px; --be-ctl-item-padding-top-tablet: 16px; --be-ctl-item-padding-top-mobile: 16px; --be-ctl-item-padding-right: 24px; --be-ctl-item-padding-right-tablet: 24px; --be-ctl-item-padding-right-mobile: 24px; --be-ctl-item-padding-bottom: 16px; --be-ctl-item-padding-bottom-tablet: 16px; --be-ctl-item-padding-bottom-mobile: 16px; --be-ctl-item-padding-left: 24px; --be-ctl-item-padding-left-tablet: 24px; --be-ctl-item-padding-left-mobile: 24px; --be-ctl-item-borderStyle: solid; --be-ctl-item-borderStyle-tablet: solid; --be-ctl-item-borderStyle-mobile: solid; --be-ctl-item-borderColor: #ccc; --be-ctl-item-borderColor-tablet: #ccc; --be-ctl-item-borderColor-mobile: #ccc; --be-ctl-item-borderWidth-tl: 1px; --be-ctl-item-borderWidth-tl-tablet: 1px; --be-ctl-item-borderWidth-tl-mobile: 1px; --be-ctl-item-borderWidth-tr: 1px; --be-ctl-item-borderWidth-tr-tablet: 1px; --be-ctl-item-borderWidth-tr-mobile: 1px; --be-ctl-item-borderWidth-bl: 1px; --be-ctl-item-borderWidth-bl-tablet: 1px; --be-ctl-item-borderWidth-bl-mobile: 1px; --be-ctl-item-borderWidth-br: 1px; --be-ctl-item-borderWidth-br-tablet: 1px; --be-ctl-item-borderWidth-br-mobile: 1px; --be-ctl-item-borderRadius-tl: 999px; --be-ctl-item-borderRadius-tl-tablet: 999px; --be-ctl-item-borderRadius-tl-mobile: 999px; --be-ctl-item-borderRadius-tr: 999px; --be-ctl-item-borderRadius-tr-tablet: 999px; --be-ctl-item-borderRadius-tr-mobile: 999px; --be-ctl-item-borderRadius-bl: 999px; --be-ctl-item-borderRadius-bl-tablet: 999px; --be-ctl-item-borderRadius-bl-mobile: 999px; --be-ctl-item-borderRadius-br: 999px; --be-ctl-item-borderRadius-br-tablet: 999px; --be-ctl-item-borderRadius-br-mobile: 999px; }[data-bnode="beae-1yfbi1"] { margin-top: var(--1yfbi1-margin-top, 0px); margin-right: var(--1yfbi1-margin-right, 0px); margin-bottom: var(--1yfbi1-margin-bottom, 0px); margin-left: var(--1yfbi1-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--1yfbi1-margin-top-tablet, 0px); margin-right: var(--1yfbi1-margin-right-tablet, 0px); margin-bottom: var(--1yfbi1-margin-bottom-tablet, 0px); margin-left: var(--1yfbi1-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--1yfbi1-margin-top-mobile, 0px); margin-right: var(--1yfbi1-margin-right-mobile, 0px); margin-bottom: var(--1yfbi1-margin-bottom-mobile, 0px); margin-left: var(--1yfbi1-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--1yfbi1-gap, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--1yfbi1-gap, 20px) * (var(--1yfbi1-columns, 3) - 1) + 1px ) / var(--1yfbi1-columns, 3) ); &:last-child { margin-right: var(--1yfbi1-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--1yfbi1-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--1yfbi1-columns) - 1) * var(--1yfbi1-gap, 20px)) / var(--1yfbi1-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--1yfbi1-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--1yfbi1-gap-tablet, 20px) * (var(--1yfbi1-columns-tablet, 3) - 1) ) / var(--1yfbi1-columns-tablet, 3) ); &:last-child { margin-right: var(--1yfbi1-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--1yfbi1-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--1yfbi1-columns-tablet) - 1) * var(--1yfbi1-gap-tablet, 20px) ) / var(--1yfbi1-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--1yfbi1-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--1yfbi1-gap-mobile, 20px) * (var(--1yfbi1-columnsMobile-mobile, 1) - 1) ) / var(--1yfbi1-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--1yfbi1-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--1yfbi1-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--1yfbi1-columnsMobile-mobile) - 1) * var(--1yfbi1-gap-mobile, 20px) ) / var(--1yfbi1-columnsMobile-mobile) ); } } } } .beae-slider-items { flex-wrap: wrap; justify-content: center; .beae-slider-item { flex: unset !important; &:last-child { margin-right: 0 !important; } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--1yfbi1-navPadding, 12px); background: var(--1yfbi1-navBg, #f5f5f5); color: var(--1yfbi1-navColor, #333333); cursor: pointer; &:hover { background: var(--1yfbi1-navBgHover, #cccccc); color: var(--1yfbi1-navColorHover, #333333); } svg { width: var(--1yfbi1-navIconSize, 20px); height: var(--1yfbi1-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--1yfbi1-pagiBg, #e6e6e6); &.active { background: var(--1yfbi1-pagiBgActive, #181818); } &:not(.active):hover { background: var(--1yfbi1-pagiBgHover, #cccccc); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--1yfbi1-pagiColor, #e6e6e6); &.active { color: var(--1yfbi1-pagiColorActive, #181818); } &:not(.active):hover { color: var(--1yfbi1-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--1yfbi1-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--1yfbi1-pagiBg, #e6e6e6); &.active { background: var(--1yfbi1-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--1yfbi1-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-1yfbi1"] [data-bnode="beae-em0wik"] { margin-top: var(--em0wik-margin-top, 0px); margin-right: var(--em0wik-margin-right, 0px); margin-bottom: var(--em0wik-margin-bottom, 0px); margin-left: var(--em0wik-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--em0wik-margin-top-tablet, 0px); margin-right: var(--em0wik-margin-right-tablet, 0px); margin-bottom: var(--em0wik-margin-bottom-tablet, 0px); margin-left: var(--em0wik-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--em0wik-margin-top-mobile, 0px); margin-right: var(--em0wik-margin-right-mobile, 0px); margin-bottom: var(--em0wik-margin-bottom-mobile, 0px); margin-left: var(--em0wik-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--em0wik-width,100%) - var(--em0wik-margin-left,0px) - var(--em0wik-margin-right,0px)); min-height: min-content; border-style: var(--em0wik-borderStyle,solid); border-color: var(--em0wik-borderColor,#000000); border-width: var(--em0wik-borderWidth-tl,0px) var(--em0wik-borderWidth-tr,0px) var(--em0wik-borderWidth-br,0px) var(--em0wik-borderWidth-bl,0px); border-radius: var(--em0wik-borderRadius-tl,0px) var(--em0wik-borderRadius-tr,0px) var(--em0wik-borderRadius-br,0px) var(--em0wik-borderRadius-bl,0px); aspect-ratio: var(--em0wik-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--em0wik-borderWidth-tl-tablet, var(--em0wik-borderWidth-tl,0px)) var(--em0wik-borderWidth-tr-tablet, var(--em0wik-borderWidth-tr,0px)) var(--em0wik-borderWidth-br-tablet, var(--em0wik-borderWidth-br,0px)) var(--em0wik-borderWidth-bl-tablet, var(--em0wik-borderWidth-bl,0px)); border-radius: var(--em0wik-borderRadius-tl-tablet, var(--em0wik-borderRadius-tl,0px)) var(--em0wik-borderRadius-tr-tablet, var(--em0wik-borderRadius-tr,0px)) var(--em0wik-borderRadius-br-tablet, var(--em0wik-borderRadius-br,0px)) var(--em0wik-borderRadius-bl-tablet, var(--em0wik-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--em0wik-borderWidth-tl-mobile, var(--em0wik-borderWidth-tl,0px)) var(--em0wik-borderWidth-tr-mobile, var(--em0wik-borderWidth-tr,0px)) var(--em0wik-borderWidth-br-mobile, var(--em0wik-borderWidth-br,0px)) var(--em0wik-borderWidth-bl-mobile, var(--em0wik-borderWidth-bl,0px)); border-radius: var(--em0wik-borderRadius-tl-mobile, var(--em0wik-borderRadius-tl,0px)) var(--em0wik-borderRadius-tr-mobile, var(--em0wik-borderRadius-tr,0px)) var(--em0wik-borderRadius-br-mobile, var(--em0wik-borderRadius-br,0px)) var(--em0wik-borderRadius-bl-mobile, var(--em0wik-borderRadius-bl,0px)); } box-shadow: if( style(--em0wik-enableShadow: true): var(--em0wik-shadowHorizontal, 0) var(--em0wik-shadowVertical, 0) var(--em0wik-shadowBlur, 0) 1px var(--em0wik-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--em0wik-overlayColor-color, #000); opacity: var(--em0wik-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--em0wik-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--em0wik-width-tablet,var(--em0wik-width,100%)) - var(--em0wik-margin-left-tablet,var(--em0wik-margin-left,0px)) - var(--em0wik-margin-right-tablet,var(--em0wik-margin-right,0px))); aspect-ratio: var(--em0wik-imageRatio-tablet, var(--em0wik-imageRatio, auto)); img { object-fit: var(--em0wik-objFit-tablet, var(--em0wik-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--em0wik-width-mobile,var(--em0wik-width,100%)) - var(--em0wik-margin-left-mobile,var(--em0wik-margin-left,0px)) - var(--em0wik-margin-right-mobile,var(--em0wik-margin-right,0px))); aspect-ratio: var(--em0wik-imageRatio-mobile, var(--em0wik-imageRatio, auto)); img { object-fit: var(--em0wik-objFit-mobile, var(--em0wik-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-1yfbi1"] [data-bnode="beae-7of05e"] { margin-top: var(--7of05e-margin-top, 0px); margin-right: var(--7of05e-margin-right, 0px); margin-bottom: var(--7of05e-margin-bottom, 0px); margin-left: var(--7of05e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--7of05e-margin-top-tablet, 0px); margin-right: var(--7of05e-margin-right-tablet, 0px); margin-bottom: var(--7of05e-margin-bottom-tablet, 0px); margin-left: var(--7of05e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--7of05e-margin-top-mobile, 0px); margin-right: var(--7of05e-margin-right-mobile, 0px); margin-bottom: var(--7of05e-margin-bottom-mobile, 0px); margin-left: var(--7of05e-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--7of05e-highlightColor,var(--beae-p-color)); top: var(--7of05e-highlightTop, 100%); } } [data-bnode="beae-1yfbi1"] [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-1yfbi1"] [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-1yfbi1"] [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-1yfbi1"] [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-x69wog"] { --x69wog-width: 100%; --x69wog-width-tablet: 100%; --x69wog-width-mobile: 100%; --x69wog-height: fit-content; --x69wog-height-tablet: fit-content; --x69wog-height-mobile: fit-content; --x69wog-padding-top: 80px; --x69wog-padding-top-tablet: 64px; --x69wog-padding-top-mobile: 56px; --x69wog-padding-bottom: 80px; --x69wog-padding-bottom-tablet: 64px; --x69wog-padding-bottom-mobile: 56px; --x69wog-padding-right: 0px; --x69wog-padding-right-tablet: 0px; --x69wog-padding-right-mobile: 0px; --x69wog-padding-left: 0px; --x69wog-padding-left-tablet: 0px; --x69wog-padding-left-mobile: 0px; --x69wog-direction: column; --x69wog-direction-tablet: column; --x69wog-direction-mobile: column; --x69wog-structure: columns; --x69wog-structure-tablet: columns; --x69wog-structure-mobile: columns; --x69wog-columns: 50.00,50.00; --x69wog-columns-tablet: 50.00,50.00; --x69wog-columns-mobile: 50.00,50.00; --x69wog-columnsPresetId: 50.00,50.00; --x69wog-columnsPresetId-tablet: 50.00,50.00; --x69wog-columnsPresetId-mobile: 50.00,50.00; --x69wog-gap: 40px; --x69wog-gap-tablet: 40px; --x69wog-gap-mobile: 40px; --x69wog-background-type: color; --x69wog-background-type-tablet: color; --x69wog-background-type-mobile: color; --x69wog-background-color: #ffffff; --x69wog-background-color-tablet: #ffffff; --x69wog-background-color-mobile: #ffffff; }[data-bnode="beae-x69wog"] { padding-top: var(--x69wog-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--x69wog-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--x69wog-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--x69wog-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--x69wog-padding-top-tablet, var(--x69wog-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--x69wog-padding-right-tablet, var(--x69wog-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--x69wog-padding-bottom-tablet, var(--x69wog-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--x69wog-padding-left-tablet, var(--x69wog-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--x69wog-padding-top-mobile, var(--x69wog-padding-top-tablet, var(--x69wog-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--x69wog-padding-right-mobile, var(--x69wog-padding-right-tablet, var(--x69wog-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--x69wog-padding-bottom-mobile, var(--x69wog-padding-bottom-tablet, var(--x69wog-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--x69wog-padding-left-mobile, var(--x69wog-padding-left-tablet, var(--x69wog-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--x69wog-padding-left, var(--beae-section-padding-x, 0px)) - var(--x69wog-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--x69wog-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--x69wog-height); width: 100%; max-width: var(--x69wog-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(--x69wog-height-tablet, auto); width: 100%; max-width: var(--x69wog-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--x69wog-height-mobile, auto); width: 100%; max-width: var(--x69wog-width-mobile, 100%); } } } }[data-bnode="beae-x69wog"] > .beae-section-container{ display: flex; flex-direction: var(--x69wog-direction, column); flex-wrap: nowrap; justify-content: var(--x69wog-justify-content); align-items: var(--x69wog-align-items); gap: var(--x69wog-gap, var(--beae-grid-gap, 4px)); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-x69wog"] > .beae-section-container{ gap: var(--x69wog-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(--x69wog-padding-right-tablet, 0px) - var(--x69wog-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-x69wog"] > .beae-section-container{ gap: var(--x69wog-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(--x69wog-padding-right-mobile, 0px) - var(--x69wog-padding-right-mobile, 0px)); } } }[data-bnode="beae-awl105"] { --awl105-direction: row; --awl105-direction-tablet: row; --awl105-direction-mobile: row; --awl105-structure: columns; --awl105-structure-tablet: columns; --awl105-structure-mobile: columns; --awl105-padding-top: 0px; --awl105-padding-top-tablet: 0px; --awl105-padding-top-mobile: 0px; --awl105-padding-right: 16px; --awl105-padding-right-tablet: 16px; --awl105-padding-right-mobile: 16px; --awl105-padding-bottom: 0px; --awl105-padding-bottom-tablet: 0px; --awl105-padding-bottom-mobile: 0px; --awl105-padding-left: 16px; --awl105-padding-left-tablet: 16px; --awl105-padding-left-mobile: 16px; }[data-bnode="beae-awl105"] { padding-top: var(--awl105-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--awl105-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--awl105-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--awl105-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--awl105-padding-top-tablet, var(--awl105-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--awl105-padding-right-tablet, var(--awl105-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--awl105-padding-bottom-tablet, var(--awl105-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--awl105-padding-left-tablet, var(--awl105-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--awl105-padding-top-mobile, var(--awl105-padding-top-tablet, var(--awl105-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--awl105-padding-right-mobile, var(--awl105-padding-right-tablet, var(--awl105-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--awl105-padding-bottom-mobile, var(--awl105-padding-bottom-tablet, var(--awl105-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--awl105-padding-left-mobile, var(--awl105-padding-left-tablet, var(--awl105-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--awl105-padding-left, var(--beae-slot-padding-x, 0px)) - var(--awl105-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(--awl105-background-imageRatio, auto); background: var(--awl105-background-color,transparent); border-style: var(--awl105-borderStyle,solid); border-color: var(--awl105-borderColor,#000000); border-width: var(--awl105-borderWidth-tl,0px) var(--awl105-borderWidth-tr,0px) var(--awl105-borderWidth-br,0px) var(--awl105-borderWidth-bl,0px); border-radius: var(--awl105-borderRadius-tl,0px) var(--awl105-borderRadius-tr,0px) var(--awl105-borderRadius-br,0px) var(--awl105-borderRadius-bl,0px); box-shadow: if(style(--awl105-enableShadow: true): var(--awl105-shadowHorizontal,0) var(--awl105-shadowVertical,0) var(--awl105-shadowBlur,0) 1px var(--awl105-shadowColor,#000000); else: none); max-width: var(--awl105-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--awl105-background-imageRatio-tablet, var(--awl105-background-imageRatio, auto)); border-width: var(--awl105-borderWidth-tl-tablet,0px) var(--awl105-borderWidth-tr-tablet,0px) var(--awl105-borderWidth-br-tablet,0px) var(--awl105-borderWidth-bl-tablet,0px); border-radius: var(--awl105-borderRadius-tl-tablet,0px) var(--awl105-borderRadius-tr-tablet,0px) var(--awl105-borderRadius-br-tablet,0px) var(--awl105-borderRadius-bl-tablet,0px); max-width: var(--awl105-max-width-tablet, var(--awl105-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--awl105-background-imageRatio-mobile, var(--awl105-background-imageRatio, auto)); border-width: var(--awl105-borderWidth-tl-mobile,0px) var(--awl105-borderWidth-tr-mobile,0px) var(--awl105-borderWidth-br-mobile,0px) var(--awl105-borderWidth-bl-mobile,0px); border-radius: var(--awl105-borderRadius-tl-mobile,0px) var(--awl105-borderRadius-tr-mobile,0px) var(--awl105-borderRadius-br-mobile,0px) var(--awl105-borderRadius-bl-mobile,0px); max-width: var(--awl105-max-width-mobile, var(--awl105-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--awl105-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--awl105-gap,var(--beae-card-gap)); padding-top: var(--awl105-padding-top,var(--beae-card-padding)); padding-right: var(--awl105-padding-right,var(--beae-card-padding)); padding-bottom: var(--awl105-padding-bottom,var(--beae-card-padding)); padding-left: var(--awl105-padding-left,var(--beae-card-padding)); border-width: var(--awl105-borderWidth,var(--beae-card-border-width)); border-width: var(--awl105-borderWidth-tl,var(--beae-card-border-width)) var(--awl105-borderWidth-tr,var(--beae-card-border-width)) var(--awl105-borderWidth-br,var(--beae-card-border-width)) var(--awl105-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--awl105-borderRadius-tl,var(--beae-card-border-radius)) var(--awl105-borderRadius-tr,var(--beae-card-border-radius)) var(--awl105-borderRadius-br,var(--beae-card-border-radius)) var(--awl105-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(--awl105-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--awl105-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--awl105-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--awl105-padding-left-tablet,var(--beae-card-padding)); border-width: var(--awl105-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--awl105-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--awl105-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--awl105-borderWidth-br-desktop,var(--beae-card-border-width)) var(--awl105-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--awl105-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--awl105-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--awl105-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--awl105-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--awl105-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--awl105-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--awl105-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--awl105-padding-left-mobile,var(--beae-card-padding)); border-width: var(--awl105-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--awl105-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--awl105-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--awl105-borderWidth-br-mobile,var(--beae-card-border-width)) var(--awl105-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--awl105-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--awl105-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--awl105-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--awl105-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--awl105-background-color,var(--beae-card-featured-background)); border-color: var(--awl105-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--awl105-enableShadow: true): var(--awl105-shadowHorizontal, var(--beae-card-shadow-x)) var(--awl105-shadowVertical, var(--beae-card-shadow-y)) var(--awl105-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--awl105-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--awl105-background-color,var(--beae-card-prod-background)); border-color: var(--awl105-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--awl105-enableShadow: true): var(--awl105-shadowHorizontal, var(--beae-card-shadow-x)) var(--awl105-shadowVertical, var(--beae-card-shadow-y)) var(--awl105-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--awl105-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--awl105-background-color,var(--beae-card-pricing-background)); border-color: var(--awl105-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--awl105-enableShadow: true): var(--awl105-shadowHorizontal, var(--beae-card-shadow-x)) var(--awl105-shadowVertical, var(--beae-card-shadow-y)) var(--awl105-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--awl105-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--awl105-background-color,var(--beae-card-cta-background)); border-color: var(--awl105-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--awl105-enableShadow: true): var(--awl105-shadowHorizontal, var(--beae-card-shadow-x)) var(--awl105-shadowVertical, var(--beae-card-shadow-y)) var(--awl105-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--awl105-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--awl105-background-color,var(--beae-card-media-background)); border-color: var(--awl105-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--awl105-enableShadow: true): var(--awl105-shadowHorizontal, var(--beae-card-shadow-x)) var(--awl105-shadowVertical, var(--beae-card-shadow-y)) var(--awl105-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--awl105-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-awl105"] { display: flex; flex-direction: var(--awl105-direction, column); flex-wrap: nowrap; justify-content: var(--awl105-justify-content); align-items: var(--awl105-align-items); gap: var(--awl105-gap, var(--awl105-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(--awl105-padding-right, 0px) - var(--awl105-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-awl105"] { gap: var(--awl105-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(--awl105-padding-right-tablet, 0px) - var(--awl105-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-awl105"] { gap: var(--awl105-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(--awl105-padding-right-mobile, 0px) - var(--awl105-padding-right-mobile, 0px)); } } }[data-bnode="beae-zloe0h"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 28px; --beae-h2-color: #181818; --beae-h2-font-family: Bricolage Grotesque; --beae-h2-font-weight: 500; --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; --zloe0h-typography: h2; --zloe0h-typography-tablet: h2; --zloe0h-typography-mobile: h2; --beae-h2-text-align: center; }[data-bnode="beae-zloe0h"] { margin-top: var(--zloe0h-margin-top, 0px); margin-right: var(--zloe0h-margin-right, 0px); margin-bottom: var(--zloe0h-margin-bottom, 0px); margin-left: var(--zloe0h-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--zloe0h-margin-top-tablet, 0px); margin-right: var(--zloe0h-margin-right-tablet, 0px); margin-bottom: var(--zloe0h-margin-bottom-tablet, 0px); margin-left: var(--zloe0h-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--zloe0h-margin-top-mobile, 0px); margin-right: var(--zloe0h-margin-right-mobile, 0px); margin-bottom: var(--zloe0h-margin-bottom-mobile, 0px); margin-left: var(--zloe0h-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--zloe0h-highlightColor,var(--beae-p-color)); top: var(--zloe0h-highlightTop, 100%); } }[data-bnode="beae-3zse3t"] { --3zse3t-listType: slider; --3zse3t-listType-tablet: slider; --3zse3t-listType-mobile: slider; --3zse3t-columns: 5.5; --3zse3t-columns-tablet: 1.8; --3zse3t-columns-mobile: 1.8; --3zse3t-fill_last_row: false; --3zse3t-fill_last_row-tablet: false; --3zse3t-fill_last_row-mobile: false; --3zse3t-partial_items: false; --3zse3t-partial_items-tablet: false; --3zse3t-partial_items-mobile: false; --3zse3t-gap: 20px; --3zse3t-gap-tablet: 20px; --3zse3t-gap-mobile: 20px; --3zse3t-stateSelector: normal; --3zse3t-stateSelector-tablet: normal; --3zse3t-stateSelector-mobile: normal; --3zse3t-navType: true; --3zse3t-navType-tablet: true; --3zse3t-navType-mobile: true; --3zse3t-navColor: #333333; --3zse3t-navColor-tablet: #333333; --3zse3t-navColor-mobile: #333333; --3zse3t-navBg: #f5f5f5; --3zse3t-navBg-tablet: #f5f5f5; --3zse3t-navBg-mobile: #f5f5f5; --3zse3t-navColorHover: #391919; --3zse3t-navColorHover-tablet: #391919; --3zse3t-navColorHover-mobile: #391919; --3zse3t-navBgHover: #e6e6e6; --3zse3t-navBgHover-tablet: #e6e6e6; --3zse3t-navBgHover-mobile: #e6e6e6; --3zse3t-navColorActive: #333333; --3zse3t-navColorActive-tablet: #333333; --3zse3t-navColorActive-mobile: #333333; --3zse3t-navBgActive: #cccccc; --3zse3t-navBgActive-tablet: #cccccc; --3zse3t-navBgActive-mobile: #cccccc; --3zse3t-navIconSize: 20px; --3zse3t-navIconSize-tablet: 20px; --3zse3t-navIconSize-mobile: 20px; --3zse3t-navPadding: 12px; --3zse3t-navPadding-tablet: 12px; --3zse3t-navPadding-mobile: 12px; --3zse3t-pagiType: false; --3zse3t-pagiType-tablet: false; --3zse3t-pagiType-mobile: false; --3zse3t-pagiColor: #181616; --3zse3t-pagiColor-tablet: #181616; --3zse3t-pagiColor-mobile: #181616; --3zse3t-pagiBg: #e6e6e6; --3zse3t-pagiBg-tablet: #e6e6e6; --3zse3t-pagiBg-mobile: #e6e6e6; --3zse3t-pagiColorHover: #cccccc; --3zse3t-pagiColorHover-tablet: #cccccc; --3zse3t-pagiColorHover-mobile: #cccccc; --3zse3t-pagiBgHover: #cccccc; --3zse3t-pagiBgHover-tablet: #cccccc; --3zse3t-pagiBgHover-mobile: #cccccc; --3zse3t-pagiColorActive: #181818; --3zse3t-pagiColorActive-tablet: #181818; --3zse3t-pagiColorActive-mobile: #181818; --3zse3t-pagiBgActive: #181818; --3zse3t-pagiBgActive-tablet: #181818; --3zse3t-pagiBgActive-mobile: #181818; --3zse3t-statePagination: normal; --3zse3t-statePagination-tablet: normal; --3zse3t-statePagination-mobile: normal; --3zse3t-borderStyle: none; --3zse3t-borderStyle-tablet: none; --3zse3t-borderStyle-mobile: none; --3zse3t-borderWidth: 0px; --3zse3t-borderWidth-tablet: 0px; --3zse3t-borderWidth-mobile: 0px; --3zse3t-borderRadius: 0px; --3zse3t-borderRadius-tablet: 0px; --3zse3t-borderRadius-mobile: 0px; --3zse3t-enableShadow: true; --3zse3t-enableShadow-tablet: true; --3zse3t-enableShadow-mobile: true; --3zse3t-shadowHorizontal: 100px; --3zse3t-shadowHorizontal-tablet: 100px; --3zse3t-shadowHorizontal-mobile: 100px; --3zse3t-shadowVertical: 72px; --3zse3t-shadowVertical-tablet: 72px; --3zse3t-shadowVertical-mobile: 72px; --3zse3t-stateNavigtion: hover; --3zse3t-stateNavigtion-tablet: hover; --3zse3t-stateNavigtion-mobile: hover; --3zse3t-padding-top: 22px; --3zse3t-padding-top-tablet: 22px; --3zse3t-padding-top-mobile: 22px; --3zse3t-padding-right: 0px; --3zse3t-padding-right-tablet: 0px; --3zse3t-padding-right-mobile: 0px; --3zse3t-padding-bottom: 22px; --3zse3t-padding-bottom-tablet: 22px; --3zse3t-padding-bottom-mobile: 22px; --3zse3t-padding-left: 0px; --3zse3t-padding-left-tablet: 0px; --3zse3t-padding-left-mobile: 0px; --3zse3t-shadowBlur: 61px; --3zse3t-shadowBlur-tablet: 61px; --3zse3t-shadowBlur-mobile: 61px; --3zse3t-itemGap-tablet: 20px; --3zse3t-itemGap-mobile: 12px; --3zse3t-columnsMobile-mobile: 2; } [data-bnode="beae-3zse3t"] [data-bnode="beae-dg271e"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; --dg271e-margin-top: 28px; --dg271e-margin-right: 0px; --dg271e-margin-bottom: 0px; --dg271e-margin-left: 0px; } [data-bnode="beae-3zse3t"] [data-bnode="beae-cnxzgv"] { --beae-p-text-align: start; --cnxzgv-typography: p; --cnxzgv-maxWidth: unset; --cnxzgv-margin-top: 8px; --cnxzgv-margin-right: 0px; --cnxzgv-margin-bottom: 0px; --cnxzgv-margin-left: 0px; } [data-bnode="beae-3zse3t"] [data-bnode="beae-paxzvx"] { --paxzvx-direction: row; } [data-bnode="beae-3zse3t"] [data-bnode="beae-cl-image"] { --cl-image-margin-top: 0px; --cl-image-margin-right: 0px; --cl-image-margin-bottom: 0px; --cl-image-margin-left: 0px; --cl-image-borderRadius: 16px; } [data-bnode="beae-3zse3t"] [data-bnode="beae-oukk7x"] { --oukk7x-borderRadius: 16px; --oukk7x-imageRatio: 6/7; --oukk7x-objFit: cover; --oukk7x-borderStyle: solid; --oukk7x-borderWidth: 0px; --oukk7x-shadowHorizontal: 0px; --oukk7x-overlayOpacity: 0; } [data-bnode="beae-3zse3t"] [data-bnode="beae-ycs7xg"] { --ycs7xg-width: 100%; --ycs7xg-imageRatio: 6/7; --ycs7xg-objFit: cover; --ycs7xg-borderColor: #000000; --ycs7xg-shadowColor: #000000; --ycs7xg-borderStyle: none; --ycs7xg-enableShadow: false; --ycs7xg-borderRadius: 16px; } [data-bnode="beae-3zse3t"] [data-bnode="beae-m24d4h"] { --m24d4h-maxWidth: unset; --m24d4h-typography: p; } [data-bnode="beae-3zse3t"] [data-bnode="beae-24d0us"] { --24d0us-width: 100%; --24d0us-imageRatio: 6/7; --24d0us-borderRadius: 24px; --24d0us-borderStyle: none; --24d0us-objFit: cover; } [data-bnode="beae-3zse3t"] [data-bnode="beae-zloe0h"] { --zloe0h-animationName: pop; --zloe0h-maxWidth: auto; --beae-h3-text-transform: none; --zloe0h-typography: h2; --beae-h2-font-weight: 600; --zloe0h-margin-top: 0px; --zloe0h-margin-right: 0px; --zloe0h-margin-bottom: 0px; --zloe0h-margin-left: 0px; } [data-bnode="beae-3zse3t"] [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-max-width: 100%; --be-ctl-item-max-width-tablet: 100%; --be-ctl-item-max-width-mobile: 100%; }[data-bnode="beae-3zse3t"] { margin-top: var(--3zse3t-margin-top, 0px); margin-right: var(--3zse3t-margin-right, 0px); margin-bottom: var(--3zse3t-margin-bottom, 0px); margin-left: var(--3zse3t-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3zse3t-margin-top-tablet, 0px); margin-right: var(--3zse3t-margin-right-tablet, 0px); margin-bottom: var(--3zse3t-margin-bottom-tablet, 0px); margin-left: var(--3zse3t-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3zse3t-margin-top-mobile, 0px); margin-right: var(--3zse3t-margin-right-mobile, 0px); margin-bottom: var(--3zse3t-margin-bottom-mobile, 0px); margin-left: var(--3zse3t-margin-left-mobile, 0px); } &.beae-content-list { .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { align-items: center; } .active-main { .beae-media-wrapper, .beae-video-wrapper { aspect-ratio: 2/3; } } } @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--3zse3t-gap, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--3zse3t-gap, 20px) * (var(--3zse3t-columns, 3) - 1) ) / var(--3zse3t-columns, 3) ); &:last-child { margin-right: var(--3zse3t-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--3zse3t-gap, 20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--3zse3t-columns) - 1) * var(--3zse3t-gap, 20px)) / var(--3zse3t-columns) ); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--3zse3t-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--3zse3t-gap-tablet, 20px) * (var(--3zse3t-columns-tablet, 3) - 1) ) / var(--3zse3t-columns-tablet, 3) ); &:last-child { margin-right: var(--3zse3t-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--3zse3t-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--3zse3t-columns-tablet) - 1) * var(--3zse3t-gap-tablet, 20px) ) / var(--3zse3t-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--3zse3t-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--3zse3t-gap-mobile, 20px) * (var(--3zse3t-columnsMobile-mobile, 1) - 1) ) / var(--3zse3t-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--3zse3t-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--3zse3t-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--3zse3t-columnsMobile-mobile) - 1) * var(--3zse3t-gap-mobile, 20px) ) / var(--3zse3t-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--3zse3t-navPadding, 12px); background: var(--3zse3t-navBg, #f5f5f5); color: var(--3zse3t-navColor, #333333); cursor: pointer; position: unset; opacity: 1; min-width: 48px; min-height: 48px; border-radius: 50%; box-shadow: unset; transform: unset; &:hover { background: var(--3zse3t-navBgHover, #cccccc); color: var(--3zse3t-navColorHover, #333333); } svg { width: var(--3zse3t-navIconSize, 20px); height: var(--3zse3t-navIconSize, 20px); } } .beae-slider-controls-wrp { display: flex; justify-content: center; gap: 12px; margin-top: 40px; margin-bottom: 10px; } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--3zse3t-pagiBg, #e6e6e6); &.active { background: var(--3zse3t-pagiBgActive, #181818); } &:not(.active):hover { background: var(--3zse3t-pagiBgHover, #cccccc); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--3zse3t-pagiColor, #e6e6e6); &.active { color: var(--3zse3t-pagiColorActive, #181818); } &:not(.active):hover { color: var(--3zse3t-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--3zse3t-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--3zse3t-pagiBg, #e6e6e6); &.active { background: var(--3zse3t-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--3zse3t-pagiBgHover, #cccccc); } } .beae-slider-controls { .beae-slider-pagination-wrp { width: auto; } } } & .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-3zse3t"] [data-bnode="beae-24d0us"] { margin-top: var(--24d0us-margin-top, 0px); margin-right: var(--24d0us-margin-right, 0px); margin-bottom: var(--24d0us-margin-bottom, 0px); margin-left: var(--24d0us-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--24d0us-margin-top-tablet, 0px); margin-right: var(--24d0us-margin-right-tablet, 0px); margin-bottom: var(--24d0us-margin-bottom-tablet, 0px); margin-left: var(--24d0us-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--24d0us-margin-top-mobile, 0px); margin-right: var(--24d0us-margin-right-mobile, 0px); margin-bottom: var(--24d0us-margin-bottom-mobile, 0px); margin-left: var(--24d0us-margin-left-mobile, 0px); } &.beae-video-wrapper { position: relative; overflow: hidden; min-height: min-content; display: block; object-fit: var(--24d0us-objFit, cover); width: var(--24d0us-width); aspect-ratio: var(--24d0us-imageRatio, auto); border: var(--24d0us-borderWidth, 0) var(--24d0us-borderStyle, solid) var(--24d0us-borderColor, #000); border-radius: var(--24d0us-borderRadius, 0); box-shadow: if( style(--24d0us-enableShadow: true): var(--24d0us-shadowHorizontal, 0) var(--24d0us-shadowVertical, 0) var(--24d0us-shadowBlur, 0) 1px var(--24d0us-shadowColor, #000000); else: none ); @media (max-width: 1180px) { width: var(--24d0us-width-tablet); aspect-ratio: var(--24d0us-imageRatio-tablet, var(--24d0us-imageRatio, auto) ); } @media (max-width: 767px) { width: var(--24d0us-width-mobile); aspect-ratio: var(--24d0us-imageRatio-mobile, var(--24d0us-imageRatio, auto) ); } > video { width: 100%; height: 100%; object-fit: var(--24d0us-objFit, cover); object-position: center; } .beae-video-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; border: none; border-radius: 50%; background: transparent; font-size: 32px; z-index: 1; cursor: pointer; @media (max-width: 1180px) { width: 50px; height: 50px; } @media (max-width: 767px) { width: 40px; height: 40px; } } } } [data-bnode="beae-3zse3t"] [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-3zse3t"] [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-3zse3t"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-tablet, 0px) - var(--be-ctl-item-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-3zse3t"] [data-bnode="be-ctl-item"] { gap: var(--be-ctl-item-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(100.00% - var(--be-ctl-item-padding-right-mobile, 0px) - var(--be-ctl-item-padding-right-mobile, 0px)); } } }[data-bnode="beae-j6nqse"] { --j6nqse-width: 1600px; --j6nqse-width-tablet: 1600px; --j6nqse-width-mobile: 1600px; --j6nqse-height: fit-content; --j6nqse-height-tablet: fit-content; --j6nqse-height-mobile: fit-content; --j6nqse-padding-top: 112px; --j6nqse-padding-top-tablet: 80px; --j6nqse-padding-top-mobile: 56px; --j6nqse-padding-right: 30px; --j6nqse-padding-right-tablet: 30px; --j6nqse-padding-right-mobile: 16px; --j6nqse-padding-bottom: 112px; --j6nqse-padding-bottom-tablet: 80px; --j6nqse-padding-bottom-mobile: 56px; --j6nqse-padding-left: 30px; --j6nqse-padding-left-tablet: 30px; --j6nqse-padding-left-mobile: 16px; --j6nqse-direction: column; --j6nqse-direction-tablet: column; --j6nqse-direction-mobile: column; --j6nqse-structure: columns; --j6nqse-structure-tablet: auto; --j6nqse-structure-mobile: auto; --j6nqse-gap: 112px; --j6nqse-gap-tablet: 80px; --j6nqse-gap-mobile: 56px; --j6nqse-align-items-tablet: center; --j6nqse-align-items-mobile: center; }[data-bnode="beae-j6nqse"] { padding-top: var(--j6nqse-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--j6nqse-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--j6nqse-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--j6nqse-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--j6nqse-padding-top-tablet, var(--j6nqse-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--j6nqse-padding-right-tablet, var(--j6nqse-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--j6nqse-padding-bottom-tablet, var(--j6nqse-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--j6nqse-padding-left-tablet, var(--j6nqse-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--j6nqse-padding-top-mobile, var(--j6nqse-padding-top-tablet, var(--j6nqse-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--j6nqse-padding-right-mobile, var(--j6nqse-padding-right-tablet, var(--j6nqse-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--j6nqse-padding-bottom-mobile, var(--j6nqse-padding-bottom-tablet, var(--j6nqse-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--j6nqse-padding-left-mobile, var(--j6nqse-padding-left-tablet, var(--j6nqse-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--j6nqse-padding-left, var(--beae-section-padding-x, 0px)) - var(--j6nqse-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--j6nqse-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--j6nqse-height); width: 100%; max-width: var(--j6nqse-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(--j6nqse-height-tablet, auto); width: 100%; max-width: var(--j6nqse-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--j6nqse-height-mobile, auto); width: 100%; max-width: var(--j6nqse-width-mobile, 100%); } } } }[data-bnode="beae-j6nqse"] > .beae-section-container{ display: flex; flex-direction: var(--j6nqse-direction, column); flex-wrap: nowrap; justify-content: var(--j6nqse-justify-content); align-items: var(--j6nqse-align-items); gap: var(--j6nqse-gap, var(--beae-grid-gap, 4px)); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-j6nqse"] > .beae-section-container{ flex-direction: var(--j6nqse-direction-tablet, column); align-items: var(--j6nqse-align-items-tablet, inherit); gap: var(--j6nqse-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-j6nqse"] > .beae-section-container{ flex-direction: var(--j6nqse-direction-mobile, column); gap: var(--j6nqse-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-oht34g"] { --oht34g-direction: row; --oht34g-direction-tablet: row; --oht34g-direction-mobile: column; --oht34g-structure: columns; --oht34g-structure-tablet: auto; --oht34g-structure-mobile: auto; --oht34g-gap: 0px; --oht34g-gap-tablet: 40px; --oht34g-gap-mobile: 32px; --oht34g-columns-tablet: 50.00,50.00; --oht34g-columns-mobile: 50.00,50.00; --oht34g-columnsPresetId-tablet: 50.00,50.00; --oht34g-columnsPresetId-mobile: 50.00,50.00; }[data-bnode="beae-oht34g"] { padding-top: var(--oht34g-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--oht34g-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--oht34g-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--oht34g-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--oht34g-padding-top-tablet, var(--oht34g-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--oht34g-padding-right-tablet, var(--oht34g-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--oht34g-padding-bottom-tablet, var(--oht34g-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--oht34g-padding-left-tablet, var(--oht34g-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--oht34g-padding-top-mobile, var(--oht34g-padding-top-tablet, var(--oht34g-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--oht34g-padding-right-mobile, var(--oht34g-padding-right-tablet, var(--oht34g-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--oht34g-padding-bottom-mobile, var(--oht34g-padding-bottom-tablet, var(--oht34g-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--oht34g-padding-left-mobile, var(--oht34g-padding-left-tablet, var(--oht34g-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--oht34g-padding-left, var(--beae-slot-padding-x, 0px)) - var(--oht34g-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(--oht34g-background-imageRatio, auto); background: var(--oht34g-background-color,transparent); border-style: var(--oht34g-borderStyle,solid); border-color: var(--oht34g-borderColor,#000000); border-width: var(--oht34g-borderWidth-tl,0px) var(--oht34g-borderWidth-tr,0px) var(--oht34g-borderWidth-br,0px) var(--oht34g-borderWidth-bl,0px); border-radius: var(--oht34g-borderRadius-tl,0px) var(--oht34g-borderRadius-tr,0px) var(--oht34g-borderRadius-br,0px) var(--oht34g-borderRadius-bl,0px); box-shadow: if(style(--oht34g-enableShadow: true): var(--oht34g-shadowHorizontal,0) var(--oht34g-shadowVertical,0) var(--oht34g-shadowBlur,0) 1px var(--oht34g-shadowColor,#000000); else: none); max-width: var(--oht34g-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--oht34g-background-imageRatio-tablet, var(--oht34g-background-imageRatio, auto)); border-width: var(--oht34g-borderWidth-tl-tablet,0px) var(--oht34g-borderWidth-tr-tablet,0px) var(--oht34g-borderWidth-br-tablet,0px) var(--oht34g-borderWidth-bl-tablet,0px); border-radius: var(--oht34g-borderRadius-tl-tablet,0px) var(--oht34g-borderRadius-tr-tablet,0px) var(--oht34g-borderRadius-br-tablet,0px) var(--oht34g-borderRadius-bl-tablet,0px); max-width: var(--oht34g-max-width-tablet, var(--oht34g-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--oht34g-background-imageRatio-mobile, var(--oht34g-background-imageRatio, auto)); border-width: var(--oht34g-borderWidth-tl-mobile,0px) var(--oht34g-borderWidth-tr-mobile,0px) var(--oht34g-borderWidth-br-mobile,0px) var(--oht34g-borderWidth-bl-mobile,0px); border-radius: var(--oht34g-borderRadius-tl-mobile,0px) var(--oht34g-borderRadius-tr-mobile,0px) var(--oht34g-borderRadius-br-mobile,0px) var(--oht34g-borderRadius-bl-mobile,0px); max-width: var(--oht34g-max-width-mobile, var(--oht34g-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--oht34g-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--oht34g-gap,var(--beae-card-gap)); padding-top: var(--oht34g-padding-top,var(--beae-card-padding)); padding-right: var(--oht34g-padding-right,var(--beae-card-padding)); padding-bottom: var(--oht34g-padding-bottom,var(--beae-card-padding)); padding-left: var(--oht34g-padding-left,var(--beae-card-padding)); border-width: var(--oht34g-borderWidth,var(--beae-card-border-width)); border-width: var(--oht34g-borderWidth-tl,var(--beae-card-border-width)) var(--oht34g-borderWidth-tr,var(--beae-card-border-width)) var(--oht34g-borderWidth-br,var(--beae-card-border-width)) var(--oht34g-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--oht34g-borderRadius-tl,var(--beae-card-border-radius)) var(--oht34g-borderRadius-tr,var(--beae-card-border-radius)) var(--oht34g-borderRadius-br,var(--beae-card-border-radius)) var(--oht34g-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(--oht34g-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--oht34g-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--oht34g-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--oht34g-padding-left-tablet,var(--beae-card-padding)); border-width: var(--oht34g-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--oht34g-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--oht34g-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--oht34g-borderWidth-br-desktop,var(--beae-card-border-width)) var(--oht34g-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--oht34g-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--oht34g-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--oht34g-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--oht34g-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--oht34g-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--oht34g-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--oht34g-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--oht34g-padding-left-mobile,var(--beae-card-padding)); border-width: var(--oht34g-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--oht34g-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--oht34g-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--oht34g-borderWidth-br-mobile,var(--beae-card-border-width)) var(--oht34g-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--oht34g-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--oht34g-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--oht34g-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--oht34g-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--oht34g-background-color,var(--beae-card-featured-background)); border-color: var(--oht34g-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--oht34g-enableShadow: true): var(--oht34g-shadowHorizontal, var(--beae-card-shadow-x)) var(--oht34g-shadowVertical, var(--beae-card-shadow-y)) var(--oht34g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--oht34g-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--oht34g-background-color,var(--beae-card-prod-background)); border-color: var(--oht34g-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--oht34g-enableShadow: true): var(--oht34g-shadowHorizontal, var(--beae-card-shadow-x)) var(--oht34g-shadowVertical, var(--beae-card-shadow-y)) var(--oht34g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--oht34g-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--oht34g-background-color,var(--beae-card-pricing-background)); border-color: var(--oht34g-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--oht34g-enableShadow: true): var(--oht34g-shadowHorizontal, var(--beae-card-shadow-x)) var(--oht34g-shadowVertical, var(--beae-card-shadow-y)) var(--oht34g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--oht34g-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--oht34g-background-color,var(--beae-card-cta-background)); border-color: var(--oht34g-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--oht34g-enableShadow: true): var(--oht34g-shadowHorizontal, var(--beae-card-shadow-x)) var(--oht34g-shadowVertical, var(--beae-card-shadow-y)) var(--oht34g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--oht34g-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--oht34g-background-color,var(--beae-card-media-background)); border-color: var(--oht34g-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--oht34g-enableShadow: true): var(--oht34g-shadowHorizontal, var(--beae-card-shadow-x)) var(--oht34g-shadowVertical, var(--beae-card-shadow-y)) var(--oht34g-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--oht34g-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-oht34g"] { display: flex; flex-direction: var(--oht34g-direction, column); flex-wrap: nowrap; justify-content: var(--oht34g-justify-content); align-items: var(--oht34g-align-items); gap: var(--oht34g-gap, var(--oht34g-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(--oht34g-padding-right, 0px) - var(--oht34g-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-oht34g"] { flex-direction: var(--oht34g-direction-tablet, column); gap: var(--oht34g-gap-tablet, var(--oht34g-gap-tablet, var(--beae-slot-gap-tablet))); &>.beae-slot[data-bnode-index] { flex: 1; } } } @media (max-width: 767px) { [data-bnode="beae-oht34g"] { flex-direction: var(--oht34g-direction-mobile, column); gap: var(--oht34g-gap-mobile, var(--oht34g-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-e71i1z"] { --e71i1z-width: 100%; --e71i1z-width-tablet: 100%; --e71i1z-width-mobile: 100%; --e71i1z-imageRatio: 7/6; --e71i1z-imageRatio-tablet: 7/6; --e71i1z-imageRatio-mobile: 7/6; --e71i1z-objFit: cover; --e71i1z-objFit-tablet: cover; --e71i1z-objFit-mobile: cover; --e71i1z-borderColor: #000000; --e71i1z-borderColor-tablet: #000000; --e71i1z-borderColor-mobile: #000000; --e71i1z-shadowColor: #000000; --e71i1z-shadowColor-tablet: #000000; --e71i1z-shadowColor-mobile: #000000; --e71i1z-borderStyle: none; --e71i1z-borderStyle-tablet: none; --e71i1z-borderStyle-mobile: none; --e71i1z-enableShadow: false; --e71i1z-enableShadow-tablet: false; --e71i1z-enableShadow-mobile: false; --e71i1z-borderRadius-tl: 24px; --e71i1z-borderRadius-tl-tablet: 24px; --e71i1z-borderRadius-tl-mobile: 24px; --e71i1z-borderRadius-tr: 24px; --e71i1z-borderRadius-tr-tablet: 24px; --e71i1z-borderRadius-tr-mobile: 24px; --e71i1z-borderRadius-bl: 24px; --e71i1z-borderRadius-bl-tablet: 24px; --e71i1z-borderRadius-bl-mobile: 24px; --e71i1z-borderRadius-br: 24px; --e71i1z-borderRadius-br-tablet: 24px; --e71i1z-borderRadius-br-mobile: 24px; }[data-bnode="beae-e71i1z"] { margin-top: var(--e71i1z-margin-top, 0px); margin-right: var(--e71i1z-margin-right, 0px); margin-bottom: var(--e71i1z-margin-bottom, 0px); margin-left: var(--e71i1z-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e71i1z-margin-top-tablet, 0px); margin-right: var(--e71i1z-margin-right-tablet, 0px); margin-bottom: var(--e71i1z-margin-bottom-tablet, 0px); margin-left: var(--e71i1z-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e71i1z-margin-top-mobile, 0px); margin-right: var(--e71i1z-margin-right-mobile, 0px); margin-bottom: var(--e71i1z-margin-bottom-mobile, 0px); margin-left: var(--e71i1z-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--e71i1z-width,100%) - var(--e71i1z-margin-left,0px) - var(--e71i1z-margin-right,0px)); min-height: min-content; border-style: var(--e71i1z-borderStyle,solid); border-color: var(--e71i1z-borderColor,#000000); border-width: var(--e71i1z-borderWidth-tl,0px) var(--e71i1z-borderWidth-tr,0px) var(--e71i1z-borderWidth-br,0px) var(--e71i1z-borderWidth-bl,0px); border-radius: var(--e71i1z-borderRadius-tl,0px) var(--e71i1z-borderRadius-tr,0px) var(--e71i1z-borderRadius-br,0px) var(--e71i1z-borderRadius-bl,0px); aspect-ratio: var(--e71i1z-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--e71i1z-borderWidth-tl-tablet, var(--e71i1z-borderWidth-tl,0px)) var(--e71i1z-borderWidth-tr-tablet, var(--e71i1z-borderWidth-tr,0px)) var(--e71i1z-borderWidth-br-tablet, var(--e71i1z-borderWidth-br,0px)) var(--e71i1z-borderWidth-bl-tablet, var(--e71i1z-borderWidth-bl,0px)); border-radius: var(--e71i1z-borderRadius-tl-tablet, var(--e71i1z-borderRadius-tl,0px)) var(--e71i1z-borderRadius-tr-tablet, var(--e71i1z-borderRadius-tr,0px)) var(--e71i1z-borderRadius-br-tablet, var(--e71i1z-borderRadius-br,0px)) var(--e71i1z-borderRadius-bl-tablet, var(--e71i1z-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--e71i1z-borderWidth-tl-mobile, var(--e71i1z-borderWidth-tl,0px)) var(--e71i1z-borderWidth-tr-mobile, var(--e71i1z-borderWidth-tr,0px)) var(--e71i1z-borderWidth-br-mobile, var(--e71i1z-borderWidth-br,0px)) var(--e71i1z-borderWidth-bl-mobile, var(--e71i1z-borderWidth-bl,0px)); border-radius: var(--e71i1z-borderRadius-tl-mobile, var(--e71i1z-borderRadius-tl,0px)) var(--e71i1z-borderRadius-tr-mobile, var(--e71i1z-borderRadius-tr,0px)) var(--e71i1z-borderRadius-br-mobile, var(--e71i1z-borderRadius-br,0px)) var(--e71i1z-borderRadius-bl-mobile, var(--e71i1z-borderRadius-bl,0px)); } box-shadow: if( style(--e71i1z-enableShadow: true): var(--e71i1z-shadowHorizontal, 0) var(--e71i1z-shadowVertical, 0) var(--e71i1z-shadowBlur, 0) 1px var(--e71i1z-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--e71i1z-overlayColor-color, #000); opacity: var(--e71i1z-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--e71i1z-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--e71i1z-width-tablet,var(--e71i1z-width,100%)) - var(--e71i1z-margin-left-tablet,var(--e71i1z-margin-left,0px)) - var(--e71i1z-margin-right-tablet,var(--e71i1z-margin-right,0px))); aspect-ratio: var(--e71i1z-imageRatio-tablet, var(--e71i1z-imageRatio, auto)); img { object-fit: var(--e71i1z-objFit-tablet, var(--e71i1z-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--e71i1z-width-mobile,var(--e71i1z-width,100%)) - var(--e71i1z-margin-left-mobile,var(--e71i1z-margin-left,0px)) - var(--e71i1z-margin-right-mobile,var(--e71i1z-margin-right,0px))); aspect-ratio: var(--e71i1z-imageRatio-mobile, var(--e71i1z-imageRatio, auto)); img { object-fit: var(--e71i1z-objFit-mobile, var(--e71i1z-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-sdcowc"] { --sdcowc-padding-top: 0px; --sdcowc-padding-top-tablet: 0px; --sdcowc-padding-top-mobile: 0px; --sdcowc-padding-right: 96px; --sdcowc-padding-right-tablet: 0px; --sdcowc-padding-right-mobile: 0px; --sdcowc-padding-bottom: 0px; --sdcowc-padding-bottom-tablet: 0px; --sdcowc-padding-bottom-mobile: 0px; --sdcowc-padding-left: 96px; --sdcowc-padding-left-tablet: 0px; --sdcowc-padding-left-mobile: 0px; --sdcowc-direction: column; --sdcowc-direction-tablet: column; --sdcowc-direction-mobile: column; --sdcowc-justify-content: center; --sdcowc-justify-content-tablet: center; --sdcowc-justify-content-mobile: center; --sdcowc-gap: 24px; --sdcowc-gap-tablet: 24px; --sdcowc-gap-mobile: 16px; --sdcowc-align-items-tablet: stretch; --sdcowc-align-items-mobile: stretch; }[data-bnode="beae-sdcowc"] { padding-top: var(--sdcowc-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--sdcowc-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--sdcowc-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--sdcowc-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--sdcowc-padding-top-tablet, var(--sdcowc-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--sdcowc-padding-right-tablet, var(--sdcowc-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--sdcowc-padding-bottom-tablet, var(--sdcowc-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--sdcowc-padding-left-tablet, var(--sdcowc-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--sdcowc-padding-top-mobile, var(--sdcowc-padding-top-tablet, var(--sdcowc-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--sdcowc-padding-right-mobile, var(--sdcowc-padding-right-tablet, var(--sdcowc-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--sdcowc-padding-bottom-mobile, var(--sdcowc-padding-bottom-tablet, var(--sdcowc-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--sdcowc-padding-left-mobile, var(--sdcowc-padding-left-tablet, var(--sdcowc-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--sdcowc-padding-left, var(--beae-slot-padding-x, 0px)) - var(--sdcowc-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(--sdcowc-background-imageRatio, auto); background: var(--sdcowc-background-color,transparent); border-style: var(--sdcowc-borderStyle,solid); border-color: var(--sdcowc-borderColor,#000000); border-width: var(--sdcowc-borderWidth-tl,0px) var(--sdcowc-borderWidth-tr,0px) var(--sdcowc-borderWidth-br,0px) var(--sdcowc-borderWidth-bl,0px); border-radius: var(--sdcowc-borderRadius-tl,0px) var(--sdcowc-borderRadius-tr,0px) var(--sdcowc-borderRadius-br,0px) var(--sdcowc-borderRadius-bl,0px); box-shadow: if(style(--sdcowc-enableShadow: true): var(--sdcowc-shadowHorizontal,0) var(--sdcowc-shadowVertical,0) var(--sdcowc-shadowBlur,0) 1px var(--sdcowc-shadowColor,#000000); else: none); max-width: var(--sdcowc-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--sdcowc-background-imageRatio-tablet, var(--sdcowc-background-imageRatio, auto)); border-width: var(--sdcowc-borderWidth-tl-tablet,0px) var(--sdcowc-borderWidth-tr-tablet,0px) var(--sdcowc-borderWidth-br-tablet,0px) var(--sdcowc-borderWidth-bl-tablet,0px); border-radius: var(--sdcowc-borderRadius-tl-tablet,0px) var(--sdcowc-borderRadius-tr-tablet,0px) var(--sdcowc-borderRadius-br-tablet,0px) var(--sdcowc-borderRadius-bl-tablet,0px); max-width: var(--sdcowc-max-width-tablet, var(--sdcowc-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--sdcowc-background-imageRatio-mobile, var(--sdcowc-background-imageRatio, auto)); border-width: var(--sdcowc-borderWidth-tl-mobile,0px) var(--sdcowc-borderWidth-tr-mobile,0px) var(--sdcowc-borderWidth-br-mobile,0px) var(--sdcowc-borderWidth-bl-mobile,0px); border-radius: var(--sdcowc-borderRadius-tl-mobile,0px) var(--sdcowc-borderRadius-tr-mobile,0px) var(--sdcowc-borderRadius-br-mobile,0px) var(--sdcowc-borderRadius-bl-mobile,0px); max-width: var(--sdcowc-max-width-mobile, var(--sdcowc-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--sdcowc-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--sdcowc-gap,var(--beae-card-gap)); padding-top: var(--sdcowc-padding-top,var(--beae-card-padding)); padding-right: var(--sdcowc-padding-right,var(--beae-card-padding)); padding-bottom: var(--sdcowc-padding-bottom,var(--beae-card-padding)); padding-left: var(--sdcowc-padding-left,var(--beae-card-padding)); border-width: var(--sdcowc-borderWidth,var(--beae-card-border-width)); border-width: var(--sdcowc-borderWidth-tl,var(--beae-card-border-width)) var(--sdcowc-borderWidth-tr,var(--beae-card-border-width)) var(--sdcowc-borderWidth-br,var(--beae-card-border-width)) var(--sdcowc-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--sdcowc-borderRadius-tl,var(--beae-card-border-radius)) var(--sdcowc-borderRadius-tr,var(--beae-card-border-radius)) var(--sdcowc-borderRadius-br,var(--beae-card-border-radius)) var(--sdcowc-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(--sdcowc-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--sdcowc-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--sdcowc-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--sdcowc-padding-left-tablet,var(--beae-card-padding)); border-width: var(--sdcowc-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--sdcowc-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--sdcowc-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--sdcowc-borderWidth-br-desktop,var(--beae-card-border-width)) var(--sdcowc-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--sdcowc-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--sdcowc-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--sdcowc-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--sdcowc-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--sdcowc-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--sdcowc-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--sdcowc-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--sdcowc-padding-left-mobile,var(--beae-card-padding)); border-width: var(--sdcowc-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--sdcowc-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--sdcowc-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--sdcowc-borderWidth-br-mobile,var(--beae-card-border-width)) var(--sdcowc-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--sdcowc-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--sdcowc-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--sdcowc-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--sdcowc-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--sdcowc-background-color,var(--beae-card-featured-background)); border-color: var(--sdcowc-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--sdcowc-enableShadow: true): var(--sdcowc-shadowHorizontal, var(--beae-card-shadow-x)) var(--sdcowc-shadowVertical, var(--beae-card-shadow-y)) var(--sdcowc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sdcowc-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--sdcowc-background-color,var(--beae-card-prod-background)); border-color: var(--sdcowc-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--sdcowc-enableShadow: true): var(--sdcowc-shadowHorizontal, var(--beae-card-shadow-x)) var(--sdcowc-shadowVertical, var(--beae-card-shadow-y)) var(--sdcowc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sdcowc-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--sdcowc-background-color,var(--beae-card-pricing-background)); border-color: var(--sdcowc-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--sdcowc-enableShadow: true): var(--sdcowc-shadowHorizontal, var(--beae-card-shadow-x)) var(--sdcowc-shadowVertical, var(--beae-card-shadow-y)) var(--sdcowc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sdcowc-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--sdcowc-background-color,var(--beae-card-cta-background)); border-color: var(--sdcowc-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--sdcowc-enableShadow: true): var(--sdcowc-shadowHorizontal, var(--beae-card-shadow-x)) var(--sdcowc-shadowVertical, var(--beae-card-shadow-y)) var(--sdcowc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sdcowc-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--sdcowc-background-color,var(--beae-card-media-background)); border-color: var(--sdcowc-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--sdcowc-enableShadow: true): var(--sdcowc-shadowHorizontal, var(--beae-card-shadow-x)) var(--sdcowc-shadowVertical, var(--beae-card-shadow-y)) var(--sdcowc-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--sdcowc-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-sdcowc"] { display: flex; flex-direction: var(--sdcowc-direction, column); flex-wrap: nowrap; justify-content: var(--sdcowc-justify-content); align-items: var(--sdcowc-align-items); gap: var(--sdcowc-gap, var(--sdcowc-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-sdcowc"] { flex-direction: var(--sdcowc-direction-tablet, column); justify-content: var(--sdcowc-justify-content-tablet, inherit); align-items: var(--sdcowc-align-items-tablet, inherit); gap: var(--sdcowc-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-sdcowc"] { gap: var(--sdcowc-gap-mobile, var(--sdcowc-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(--sdcowc-padding-right-mobile, 0px) - var(--sdcowc-padding-right-mobile, 0px)); } } }[data-bnode="beae-rv5xfj"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 28px; --beae-h2-color: #181818; --beae-h2-font-family: Bricolage Grotesque; --beae-h2-font-weight: 500; --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; --rv5xfj-typography: h2; --rv5xfj-typography-tablet: h2; --rv5xfj-typography-mobile: h2; }[data-bnode="beae-rv5xfj"] { margin-top: var(--rv5xfj-margin-top, 0px); margin-right: var(--rv5xfj-margin-right, 0px); margin-bottom: var(--rv5xfj-margin-bottom, 0px); margin-left: var(--rv5xfj-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rv5xfj-margin-top-tablet, 0px); margin-right: var(--rv5xfj-margin-right-tablet, 0px); margin-bottom: var(--rv5xfj-margin-bottom-tablet, 0px); margin-left: var(--rv5xfj-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rv5xfj-margin-top-mobile, 0px); margin-right: var(--rv5xfj-margin-right-mobile, 0px); margin-bottom: var(--rv5xfj-margin-bottom-mobile, 0px); margin-left: var(--rv5xfj-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--rv5xfj-highlightColor,var(--beae-p-color)); top: var(--rv5xfj-highlightTop, 100%); } }[data-bnode="beae-6elxx6"] { --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #5A5A5A; --beae-p-font-family: Figtree; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --6elxx6-typography: p; --6elxx6-typography-tablet: p; --6elxx6-typography-mobile: p; }[data-bnode="beae-6elxx6"] { margin-top: var(--6elxx6-margin-top, 0px); margin-right: var(--6elxx6-margin-right, 0px); margin-bottom: var(--6elxx6-margin-bottom, 0px); margin-left: var(--6elxx6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6elxx6-margin-top-tablet, 0px); margin-right: var(--6elxx6-margin-right-tablet, 0px); margin-bottom: var(--6elxx6-margin-bottom-tablet, 0px); margin-left: var(--6elxx6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6elxx6-margin-top-mobile, 0px); margin-right: var(--6elxx6-margin-right-mobile, 0px); margin-bottom: var(--6elxx6-margin-bottom-mobile, 0px); margin-left: var(--6elxx6-margin-left-mobile, 0px); } }[data-bnode="beae-bj90rt"] { --bj90rt-direction: row; --bj90rt-direction-tablet: row; --bj90rt-direction-mobile: column; --bj90rt-structure: columns; --bj90rt-structure-tablet: auto; --bj90rt-structure-mobile: auto; --bj90rt-gap: 0px; --bj90rt-gap-tablet: 40px; --bj90rt-gap-mobile: 32px; --bj90rt-columns-tablet: 50.00,50.00; --bj90rt-columns-mobile: 50.00,50.00; --bj90rt-columnsPresetId-tablet: 50.00,50.00; --bj90rt-columnsPresetId-mobile: 50.00,50.00; }[data-bnode="beae-bj90rt"] { padding-top: var(--bj90rt-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--bj90rt-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--bj90rt-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--bj90rt-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--bj90rt-padding-top-tablet, var(--bj90rt-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--bj90rt-padding-right-tablet, var(--bj90rt-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--bj90rt-padding-bottom-tablet, var(--bj90rt-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--bj90rt-padding-left-tablet, var(--bj90rt-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--bj90rt-padding-top-mobile, var(--bj90rt-padding-top-tablet, var(--bj90rt-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--bj90rt-padding-right-mobile, var(--bj90rt-padding-right-tablet, var(--bj90rt-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--bj90rt-padding-bottom-mobile, var(--bj90rt-padding-bottom-tablet, var(--bj90rt-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--bj90rt-padding-left-mobile, var(--bj90rt-padding-left-tablet, var(--bj90rt-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--bj90rt-padding-left, var(--beae-slot-padding-x, 0px)) - var(--bj90rt-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(--bj90rt-background-imageRatio, auto); background: var(--bj90rt-background-color,transparent); border-style: var(--bj90rt-borderStyle,solid); border-color: var(--bj90rt-borderColor,#000000); border-width: var(--bj90rt-borderWidth-tl,0px) var(--bj90rt-borderWidth-tr,0px) var(--bj90rt-borderWidth-br,0px) var(--bj90rt-borderWidth-bl,0px); border-radius: var(--bj90rt-borderRadius-tl,0px) var(--bj90rt-borderRadius-tr,0px) var(--bj90rt-borderRadius-br,0px) var(--bj90rt-borderRadius-bl,0px); box-shadow: if(style(--bj90rt-enableShadow: true): var(--bj90rt-shadowHorizontal,0) var(--bj90rt-shadowVertical,0) var(--bj90rt-shadowBlur,0) 1px var(--bj90rt-shadowColor,#000000); else: none); max-width: var(--bj90rt-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--bj90rt-background-imageRatio-tablet, var(--bj90rt-background-imageRatio, auto)); border-width: var(--bj90rt-borderWidth-tl-tablet,0px) var(--bj90rt-borderWidth-tr-tablet,0px) var(--bj90rt-borderWidth-br-tablet,0px) var(--bj90rt-borderWidth-bl-tablet,0px); border-radius: var(--bj90rt-borderRadius-tl-tablet,0px) var(--bj90rt-borderRadius-tr-tablet,0px) var(--bj90rt-borderRadius-br-tablet,0px) var(--bj90rt-borderRadius-bl-tablet,0px); max-width: var(--bj90rt-max-width-tablet, var(--bj90rt-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--bj90rt-background-imageRatio-mobile, var(--bj90rt-background-imageRatio, auto)); border-width: var(--bj90rt-borderWidth-tl-mobile,0px) var(--bj90rt-borderWidth-tr-mobile,0px) var(--bj90rt-borderWidth-br-mobile,0px) var(--bj90rt-borderWidth-bl-mobile,0px); border-radius: var(--bj90rt-borderRadius-tl-mobile,0px) var(--bj90rt-borderRadius-tr-mobile,0px) var(--bj90rt-borderRadius-br-mobile,0px) var(--bj90rt-borderRadius-bl-mobile,0px); max-width: var(--bj90rt-max-width-mobile, var(--bj90rt-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--bj90rt-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--bj90rt-gap,var(--beae-card-gap)); padding-top: var(--bj90rt-padding-top,var(--beae-card-padding)); padding-right: var(--bj90rt-padding-right,var(--beae-card-padding)); padding-bottom: var(--bj90rt-padding-bottom,var(--beae-card-padding)); padding-left: var(--bj90rt-padding-left,var(--beae-card-padding)); border-width: var(--bj90rt-borderWidth,var(--beae-card-border-width)); border-width: var(--bj90rt-borderWidth-tl,var(--beae-card-border-width)) var(--bj90rt-borderWidth-tr,var(--beae-card-border-width)) var(--bj90rt-borderWidth-br,var(--beae-card-border-width)) var(--bj90rt-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--bj90rt-borderRadius-tl,var(--beae-card-border-radius)) var(--bj90rt-borderRadius-tr,var(--beae-card-border-radius)) var(--bj90rt-borderRadius-br,var(--beae-card-border-radius)) var(--bj90rt-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(--bj90rt-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--bj90rt-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--bj90rt-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--bj90rt-padding-left-tablet,var(--beae-card-padding)); border-width: var(--bj90rt-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--bj90rt-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--bj90rt-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--bj90rt-borderWidth-br-desktop,var(--beae-card-border-width)) var(--bj90rt-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--bj90rt-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--bj90rt-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--bj90rt-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--bj90rt-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--bj90rt-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--bj90rt-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--bj90rt-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--bj90rt-padding-left-mobile,var(--beae-card-padding)); border-width: var(--bj90rt-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--bj90rt-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--bj90rt-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--bj90rt-borderWidth-br-mobile,var(--beae-card-border-width)) var(--bj90rt-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--bj90rt-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--bj90rt-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--bj90rt-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--bj90rt-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--bj90rt-background-color,var(--beae-card-featured-background)); border-color: var(--bj90rt-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--bj90rt-enableShadow: true): var(--bj90rt-shadowHorizontal, var(--beae-card-shadow-x)) var(--bj90rt-shadowVertical, var(--beae-card-shadow-y)) var(--bj90rt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bj90rt-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--bj90rt-background-color,var(--beae-card-prod-background)); border-color: var(--bj90rt-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--bj90rt-enableShadow: true): var(--bj90rt-shadowHorizontal, var(--beae-card-shadow-x)) var(--bj90rt-shadowVertical, var(--beae-card-shadow-y)) var(--bj90rt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bj90rt-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--bj90rt-background-color,var(--beae-card-pricing-background)); border-color: var(--bj90rt-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--bj90rt-enableShadow: true): var(--bj90rt-shadowHorizontal, var(--beae-card-shadow-x)) var(--bj90rt-shadowVertical, var(--beae-card-shadow-y)) var(--bj90rt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bj90rt-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--bj90rt-background-color,var(--beae-card-cta-background)); border-color: var(--bj90rt-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--bj90rt-enableShadow: true): var(--bj90rt-shadowHorizontal, var(--beae-card-shadow-x)) var(--bj90rt-shadowVertical, var(--beae-card-shadow-y)) var(--bj90rt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bj90rt-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--bj90rt-background-color,var(--beae-card-media-background)); border-color: var(--bj90rt-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--bj90rt-enableShadow: true): var(--bj90rt-shadowHorizontal, var(--beae-card-shadow-x)) var(--bj90rt-shadowVertical, var(--beae-card-shadow-y)) var(--bj90rt-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--bj90rt-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-bj90rt"] { display: flex; flex-direction: var(--bj90rt-direction, column); flex-wrap: nowrap; justify-content: var(--bj90rt-justify-content); align-items: var(--bj90rt-align-items); gap: var(--bj90rt-gap, var(--bj90rt-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(--bj90rt-padding-right, 0px) - var(--bj90rt-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-bj90rt"] { flex-direction: var(--bj90rt-direction-tablet, column); gap: var(--bj90rt-gap-tablet, var(--bj90rt-gap-tablet, var(--beae-slot-gap-tablet))); &>.beae-slot[data-bnode-index] { flex: 1; } } } @media (max-width: 767px) { [data-bnode="beae-bj90rt"] { flex-direction: var(--bj90rt-direction-mobile, column); gap: var(--bj90rt-gap-mobile, var(--bj90rt-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-80der0"] { --80der0-width: 100%; --80der0-width-tablet: 100%; --80der0-width-mobile: 100%; --80der0-imageRatio: 7/6; --80der0-imageRatio-tablet: 7/6; --80der0-imageRatio-mobile: 7/6; --80der0-objFit: cover; --80der0-objFit-tablet: cover; --80der0-objFit-mobile: cover; --80der0-borderColor: #000000; --80der0-borderColor-tablet: #000000; --80der0-borderColor-mobile: #000000; --80der0-shadowColor: #000000; --80der0-shadowColor-tablet: #000000; --80der0-shadowColor-mobile: #000000; --80der0-borderStyle: none; --80der0-borderStyle-tablet: none; --80der0-borderStyle-mobile: none; --80der0-enableShadow: false; --80der0-enableShadow-tablet: false; --80der0-enableShadow-mobile: false; --80der0-borderRadius-tl: 24px; --80der0-borderRadius-tl-tablet: 24px; --80der0-borderRadius-tl-mobile: 24px; --80der0-borderRadius-tr: 24px; --80der0-borderRadius-tr-tablet: 24px; --80der0-borderRadius-tr-mobile: 24px; --80der0-borderRadius-bl: 24px; --80der0-borderRadius-bl-tablet: 24px; --80der0-borderRadius-bl-mobile: 24px; --80der0-borderRadius-br: 24px; --80der0-borderRadius-br-tablet: 24px; --80der0-borderRadius-br-mobile: 24px; }[data-bnode="beae-80der0"] { margin-top: var(--80der0-margin-top, 0px); margin-right: var(--80der0-margin-right, 0px); margin-bottom: var(--80der0-margin-bottom, 0px); margin-left: var(--80der0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--80der0-margin-top-tablet, 0px); margin-right: var(--80der0-margin-right-tablet, 0px); margin-bottom: var(--80der0-margin-bottom-tablet, 0px); margin-left: var(--80der0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--80der0-margin-top-mobile, 0px); margin-right: var(--80der0-margin-right-mobile, 0px); margin-bottom: var(--80der0-margin-bottom-mobile, 0px); margin-left: var(--80der0-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--80der0-width,100%) - var(--80der0-margin-left,0px) - var(--80der0-margin-right,0px)); min-height: min-content; border-style: var(--80der0-borderStyle,solid); border-color: var(--80der0-borderColor,#000000); border-width: var(--80der0-borderWidth-tl,0px) var(--80der0-borderWidth-tr,0px) var(--80der0-borderWidth-br,0px) var(--80der0-borderWidth-bl,0px); border-radius: var(--80der0-borderRadius-tl,0px) var(--80der0-borderRadius-tr,0px) var(--80der0-borderRadius-br,0px) var(--80der0-borderRadius-bl,0px); aspect-ratio: var(--80der0-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--80der0-borderWidth-tl-tablet, var(--80der0-borderWidth-tl,0px)) var(--80der0-borderWidth-tr-tablet, var(--80der0-borderWidth-tr,0px)) var(--80der0-borderWidth-br-tablet, var(--80der0-borderWidth-br,0px)) var(--80der0-borderWidth-bl-tablet, var(--80der0-borderWidth-bl,0px)); border-radius: var(--80der0-borderRadius-tl-tablet, var(--80der0-borderRadius-tl,0px)) var(--80der0-borderRadius-tr-tablet, var(--80der0-borderRadius-tr,0px)) var(--80der0-borderRadius-br-tablet, var(--80der0-borderRadius-br,0px)) var(--80der0-borderRadius-bl-tablet, var(--80der0-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--80der0-borderWidth-tl-mobile, var(--80der0-borderWidth-tl,0px)) var(--80der0-borderWidth-tr-mobile, var(--80der0-borderWidth-tr,0px)) var(--80der0-borderWidth-br-mobile, var(--80der0-borderWidth-br,0px)) var(--80der0-borderWidth-bl-mobile, var(--80der0-borderWidth-bl,0px)); border-radius: var(--80der0-borderRadius-tl-mobile, var(--80der0-borderRadius-tl,0px)) var(--80der0-borderRadius-tr-mobile, var(--80der0-borderRadius-tr,0px)) var(--80der0-borderRadius-br-mobile, var(--80der0-borderRadius-br,0px)) var(--80der0-borderRadius-bl-mobile, var(--80der0-borderRadius-bl,0px)); } box-shadow: if( style(--80der0-enableShadow: true): var(--80der0-shadowHorizontal, 0) var(--80der0-shadowVertical, 0) var(--80der0-shadowBlur, 0) 1px var(--80der0-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--80der0-overlayColor-color, #000); opacity: var(--80der0-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--80der0-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--80der0-width-tablet,var(--80der0-width,100%)) - var(--80der0-margin-left-tablet,var(--80der0-margin-left,0px)) - var(--80der0-margin-right-tablet,var(--80der0-margin-right,0px))); aspect-ratio: var(--80der0-imageRatio-tablet, var(--80der0-imageRatio, auto)); img { object-fit: var(--80der0-objFit-tablet, var(--80der0-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--80der0-width-mobile,var(--80der0-width,100%)) - var(--80der0-margin-left-mobile,var(--80der0-margin-left,0px)) - var(--80der0-margin-right-mobile,var(--80der0-margin-right,0px))); aspect-ratio: var(--80der0-imageRatio-mobile, var(--80der0-imageRatio, auto)); img { object-fit: var(--80der0-objFit-mobile, var(--80der0-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-2hycyu"] { --2hycyu-padding-top: 0px; --2hycyu-padding-top-tablet: 0px; --2hycyu-padding-top-mobile: 0px; --2hycyu-padding-right: 96px; --2hycyu-padding-right-tablet: 0px; --2hycyu-padding-right-mobile: 0px; --2hycyu-padding-bottom: 0px; --2hycyu-padding-bottom-tablet: 0px; --2hycyu-padding-bottom-mobile: 0px; --2hycyu-padding-left: 96px; --2hycyu-padding-left-tablet: 0px; --2hycyu-padding-left-mobile: 0px; --2hycyu-direction: column; --2hycyu-direction-tablet: column; --2hycyu-direction-mobile: column; --2hycyu-justify-content: center; --2hycyu-justify-content-tablet: center; --2hycyu-justify-content-mobile: center; --2hycyu-gap: 24px; --2hycyu-gap-tablet: 24px; --2hycyu-gap-mobile: 16px; --2hycyu-align-items-tablet: stretch; --2hycyu-align-items-mobile: stretch; }[data-bnode="beae-2hycyu"] { padding-top: var(--2hycyu-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--2hycyu-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--2hycyu-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--2hycyu-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--2hycyu-padding-top-tablet, var(--2hycyu-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--2hycyu-padding-right-tablet, var(--2hycyu-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--2hycyu-padding-bottom-tablet, var(--2hycyu-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--2hycyu-padding-left-tablet, var(--2hycyu-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--2hycyu-padding-top-mobile, var(--2hycyu-padding-top-tablet, var(--2hycyu-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--2hycyu-padding-right-mobile, var(--2hycyu-padding-right-tablet, var(--2hycyu-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--2hycyu-padding-bottom-mobile, var(--2hycyu-padding-bottom-tablet, var(--2hycyu-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--2hycyu-padding-left-mobile, var(--2hycyu-padding-left-tablet, var(--2hycyu-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--2hycyu-padding-left, var(--beae-slot-padding-x, 0px)) - var(--2hycyu-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(--2hycyu-background-imageRatio, auto); background: var(--2hycyu-background-color,transparent); border-style: var(--2hycyu-borderStyle,solid); border-color: var(--2hycyu-borderColor,#000000); border-width: var(--2hycyu-borderWidth-tl,0px) var(--2hycyu-borderWidth-tr,0px) var(--2hycyu-borderWidth-br,0px) var(--2hycyu-borderWidth-bl,0px); border-radius: var(--2hycyu-borderRadius-tl,0px) var(--2hycyu-borderRadius-tr,0px) var(--2hycyu-borderRadius-br,0px) var(--2hycyu-borderRadius-bl,0px); box-shadow: if(style(--2hycyu-enableShadow: true): var(--2hycyu-shadowHorizontal,0) var(--2hycyu-shadowVertical,0) var(--2hycyu-shadowBlur,0) 1px var(--2hycyu-shadowColor,#000000); else: none); max-width: var(--2hycyu-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--2hycyu-background-imageRatio-tablet, var(--2hycyu-background-imageRatio, auto)); border-width: var(--2hycyu-borderWidth-tl-tablet,0px) var(--2hycyu-borderWidth-tr-tablet,0px) var(--2hycyu-borderWidth-br-tablet,0px) var(--2hycyu-borderWidth-bl-tablet,0px); border-radius: var(--2hycyu-borderRadius-tl-tablet,0px) var(--2hycyu-borderRadius-tr-tablet,0px) var(--2hycyu-borderRadius-br-tablet,0px) var(--2hycyu-borderRadius-bl-tablet,0px); max-width: var(--2hycyu-max-width-tablet, var(--2hycyu-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--2hycyu-background-imageRatio-mobile, var(--2hycyu-background-imageRatio, auto)); border-width: var(--2hycyu-borderWidth-tl-mobile,0px) var(--2hycyu-borderWidth-tr-mobile,0px) var(--2hycyu-borderWidth-br-mobile,0px) var(--2hycyu-borderWidth-bl-mobile,0px); border-radius: var(--2hycyu-borderRadius-tl-mobile,0px) var(--2hycyu-borderRadius-tr-mobile,0px) var(--2hycyu-borderRadius-br-mobile,0px) var(--2hycyu-borderRadius-bl-mobile,0px); max-width: var(--2hycyu-max-width-mobile, var(--2hycyu-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--2hycyu-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--2hycyu-gap,var(--beae-card-gap)); padding-top: var(--2hycyu-padding-top,var(--beae-card-padding)); padding-right: var(--2hycyu-padding-right,var(--beae-card-padding)); padding-bottom: var(--2hycyu-padding-bottom,var(--beae-card-padding)); padding-left: var(--2hycyu-padding-left,var(--beae-card-padding)); border-width: var(--2hycyu-borderWidth,var(--beae-card-border-width)); border-width: var(--2hycyu-borderWidth-tl,var(--beae-card-border-width)) var(--2hycyu-borderWidth-tr,var(--beae-card-border-width)) var(--2hycyu-borderWidth-br,var(--beae-card-border-width)) var(--2hycyu-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--2hycyu-borderRadius-tl,var(--beae-card-border-radius)) var(--2hycyu-borderRadius-tr,var(--beae-card-border-radius)) var(--2hycyu-borderRadius-br,var(--beae-card-border-radius)) var(--2hycyu-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(--2hycyu-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--2hycyu-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--2hycyu-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--2hycyu-padding-left-tablet,var(--beae-card-padding)); border-width: var(--2hycyu-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--2hycyu-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--2hycyu-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--2hycyu-borderWidth-br-desktop,var(--beae-card-border-width)) var(--2hycyu-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--2hycyu-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--2hycyu-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--2hycyu-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--2hycyu-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--2hycyu-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--2hycyu-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--2hycyu-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--2hycyu-padding-left-mobile,var(--beae-card-padding)); border-width: var(--2hycyu-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--2hycyu-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--2hycyu-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--2hycyu-borderWidth-br-mobile,var(--beae-card-border-width)) var(--2hycyu-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--2hycyu-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--2hycyu-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--2hycyu-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--2hycyu-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--2hycyu-background-color,var(--beae-card-featured-background)); border-color: var(--2hycyu-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--2hycyu-enableShadow: true): var(--2hycyu-shadowHorizontal, var(--beae-card-shadow-x)) var(--2hycyu-shadowVertical, var(--beae-card-shadow-y)) var(--2hycyu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2hycyu-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--2hycyu-background-color,var(--beae-card-prod-background)); border-color: var(--2hycyu-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--2hycyu-enableShadow: true): var(--2hycyu-shadowHorizontal, var(--beae-card-shadow-x)) var(--2hycyu-shadowVertical, var(--beae-card-shadow-y)) var(--2hycyu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2hycyu-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--2hycyu-background-color,var(--beae-card-pricing-background)); border-color: var(--2hycyu-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--2hycyu-enableShadow: true): var(--2hycyu-shadowHorizontal, var(--beae-card-shadow-x)) var(--2hycyu-shadowVertical, var(--beae-card-shadow-y)) var(--2hycyu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2hycyu-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--2hycyu-background-color,var(--beae-card-cta-background)); border-color: var(--2hycyu-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--2hycyu-enableShadow: true): var(--2hycyu-shadowHorizontal, var(--beae-card-shadow-x)) var(--2hycyu-shadowVertical, var(--beae-card-shadow-y)) var(--2hycyu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2hycyu-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--2hycyu-background-color,var(--beae-card-media-background)); border-color: var(--2hycyu-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--2hycyu-enableShadow: true): var(--2hycyu-shadowHorizontal, var(--beae-card-shadow-x)) var(--2hycyu-shadowVertical, var(--beae-card-shadow-y)) var(--2hycyu-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--2hycyu-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-2hycyu"] { display: flex; flex-direction: var(--2hycyu-direction, column); flex-wrap: nowrap; justify-content: var(--2hycyu-justify-content); align-items: var(--2hycyu-align-items); gap: var(--2hycyu-gap, var(--2hycyu-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-2hycyu"] { flex-direction: var(--2hycyu-direction-tablet, column); justify-content: var(--2hycyu-justify-content-tablet, inherit); align-items: var(--2hycyu-align-items-tablet, inherit); gap: var(--2hycyu-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-2hycyu"] { gap: var(--2hycyu-gap-mobile, var(--2hycyu-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(--2hycyu-padding-right-mobile, 0px) - var(--2hycyu-padding-right-mobile, 0px)); } } }[data-bnode="beae-e8pdp9"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 28px; --beae-h2-color: #181818; --beae-h2-font-family: Bricolage Grotesque; --beae-h2-font-weight: 500; --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; --e8pdp9-typography: h2; --e8pdp9-typography-tablet: h2; --e8pdp9-typography-mobile: h2; }[data-bnode="beae-e8pdp9"] { margin-top: var(--e8pdp9-margin-top, 0px); margin-right: var(--e8pdp9-margin-right, 0px); margin-bottom: var(--e8pdp9-margin-bottom, 0px); margin-left: var(--e8pdp9-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--e8pdp9-margin-top-tablet, 0px); margin-right: var(--e8pdp9-margin-right-tablet, 0px); margin-bottom: var(--e8pdp9-margin-bottom-tablet, 0px); margin-left: var(--e8pdp9-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--e8pdp9-margin-top-mobile, 0px); margin-right: var(--e8pdp9-margin-right-mobile, 0px); margin-bottom: var(--e8pdp9-margin-bottom-mobile, 0px); margin-left: var(--e8pdp9-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--e8pdp9-highlightColor,var(--beae-p-color)); top: var(--e8pdp9-highlightTop, 100%); } }[data-bnode="beae-40p4r5"] { --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #5A5A5A; --beae-p-font-family: Figtree; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --40p4r5-typography: p; --40p4r5-typography-tablet: p; --40p4r5-typography-mobile: p; }[data-bnode="beae-40p4r5"] { margin-top: var(--40p4r5-margin-top, 0px); margin-right: var(--40p4r5-margin-right, 0px); margin-bottom: var(--40p4r5-margin-bottom, 0px); margin-left: var(--40p4r5-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--40p4r5-margin-top-tablet, 0px); margin-right: var(--40p4r5-margin-right-tablet, 0px); margin-bottom: var(--40p4r5-margin-bottom-tablet, 0px); margin-left: var(--40p4r5-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--40p4r5-margin-top-mobile, 0px); margin-right: var(--40p4r5-margin-right-mobile, 0px); margin-bottom: var(--40p4r5-margin-bottom-mobile, 0px); margin-left: var(--40p4r5-margin-left-mobile, 0px); } }[data-bnode="beae-rlymig"] { --rlymig-width: 1024px; --rlymig-width-tablet: 1024px; --rlymig-width-mobile: 1024px; --rlymig-height: fit-content; --rlymig-height-tablet: fit-content; --rlymig-height-mobile: fit-content; --rlymig-padding-top: 112px; --rlymig-padding-top-tablet: 80px; --rlymig-padding-top-mobile: 56px; --rlymig-padding-right: 30px; --rlymig-padding-right-tablet: 30px; --rlymig-padding-right-mobile: 16px; --rlymig-padding-bottom: 112px; --rlymig-padding-bottom-tablet: 80px; --rlymig-padding-bottom-mobile: 56px; --rlymig-padding-left: 30px; --rlymig-padding-left-tablet: 30px; --rlymig-padding-left-mobile: 16px; --rlymig-background-type: color; --rlymig-background-type-tablet: color; --rlymig-background-type-mobile: color; --rlymig-background-color: #FFFAF3; --rlymig-background-color-tablet: #FFFAF3; --rlymig-background-color-mobile: #FFFAF3; }[data-bnode="beae-rlymig"] { padding-top: var(--rlymig-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--rlymig-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--rlymig-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--rlymig-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rlymig-padding-top-tablet, var(--rlymig-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--rlymig-padding-right-tablet, var(--rlymig-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--rlymig-padding-bottom-tablet, var(--rlymig-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--rlymig-padding-left-tablet, var(--rlymig-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rlymig-padding-top-mobile, var(--rlymig-padding-top-tablet, var(--rlymig-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--rlymig-padding-right-mobile, var(--rlymig-padding-right-tablet, var(--rlymig-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--rlymig-padding-bottom-mobile, var(--rlymig-padding-bottom-tablet, var(--rlymig-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--rlymig-padding-left-mobile, var(--rlymig-padding-left-tablet, var(--rlymig-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--rlymig-padding-left, var(--beae-section-padding-x, 0px)) - var(--rlymig-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--rlymig-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--rlymig-height); width: 100%; max-width: var(--rlymig-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(--rlymig-height-tablet, auto); width: 100%; max-width: var(--rlymig-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--rlymig-height-mobile, auto); width: 100%; max-width: var(--rlymig-width-mobile, 100%); } } } }[data-bnode="beae-rlymig"] > .beae-section-container{ display: flex; flex-direction: var(--rlymig-direction, column); flex-wrap: nowrap; justify-content: var(--rlymig-justify-content); align-items: var(--rlymig-align-items); gap: var(--rlymig-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-rlymig"] > .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(--rlymig-padding-right-tablet, 0px) - var(--rlymig-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-rlymig"] > .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(--rlymig-padding-right-mobile, 0px) - var(--rlymig-padding-right-mobile, 0px)); } } }[data-bnode="beae-4clgtd"] { --4clgtd-listType: slider; --4clgtd-listType-tablet: slider; --4clgtd-listType-mobile: slider; --4clgtd-columns: 1; --4clgtd-columns-tablet: 1; --4clgtd-columns-mobile: 1; --4clgtd-gap: 32px; --4clgtd-gap-tablet: 32px; --4clgtd-gap-mobile: 24px; --4clgtd-itemGap: 20px; --4clgtd-itemGap-tablet: 20px; --4clgtd-itemGap-mobile: 20px; --4clgtd-stateNavigation: normal; --4clgtd-stateNavigation-tablet: normal; --4clgtd-stateNavigation-mobile: normal; --4clgtd-statePagination: active; --4clgtd-statePagination-tablet: active; --4clgtd-statePagination-mobile: active; --4clgtd-navType: false; --4clgtd-navType-tablet: false; --4clgtd-navType-mobile: false; --4clgtd-navColor: #333333; --4clgtd-navColor-tablet: #333333; --4clgtd-navColor-mobile: #333333; --4clgtd-navBg: #f5f5f5; --4clgtd-navBg-tablet: #f5f5f5; --4clgtd-navBg-mobile: #f5f5f5; --4clgtd-navColorHover: #333333; --4clgtd-navColorHover-tablet: #333333; --4clgtd-navColorHover-mobile: #333333; --4clgtd-navBgHover: #cccccc; --4clgtd-navBgHover-tablet: #cccccc; --4clgtd-navBgHover-mobile: #cccccc; --4clgtd-navColorActive: #333333; --4clgtd-navColorActive-tablet: #333333; --4clgtd-navColorActive-mobile: #333333; --4clgtd-navBgActive: #cccccc; --4clgtd-navBgActive-tablet: #cccccc; --4clgtd-navBgActive-mobile: #cccccc; --4clgtd-navIconSize: 20px; --4clgtd-navIconSize-tablet: 20px; --4clgtd-navIconSize-mobile: 20px; --4clgtd-navPadding: 12px; --4clgtd-navPadding-tablet: 12px; --4clgtd-navPadding-mobile: 12px; --4clgtd-pagiType: false; --4clgtd-pagiType-tablet: false; --4clgtd-pagiType-mobile: false; --4clgtd-pagiColor: #e6e6e6; --4clgtd-pagiColor-tablet: #e6e6e6; --4clgtd-pagiColor-mobile: #e6e6e6; --4clgtd-pagiBg: #e6e6e6; --4clgtd-pagiBg-tablet: #e6e6e6; --4clgtd-pagiBg-mobile: #e6e6e6; --4clgtd-pagiColorHover: #cccccc; --4clgtd-pagiColorHover-tablet: #cccccc; --4clgtd-pagiColorHover-mobile: #cccccc; --4clgtd-pagiBgHover: #cccccc; --4clgtd-pagiBgHover-tablet: #cccccc; --4clgtd-pagiBgHover-mobile: #cccccc; --4clgtd-pagiColorActive: #181818; --4clgtd-pagiColorActive-tablet: #181818; --4clgtd-pagiColorActive-mobile: #181818; --4clgtd-pagiBgActive: #181818; --4clgtd-pagiBgActive-tablet: #181818; --4clgtd-pagiBgActive-mobile: #181818; --4clgtd-thumbColumns: 3; --4clgtd-thumbColumns-tablet: 3; --4clgtd-thumbColumns-mobile: 3; --4clgtd-thumbGap: 8px; --4clgtd-thumbGap-tablet: 8px; --4clgtd-thumbGap-mobile: 8px; --4clgtd-columnsMobile-mobile: 1; } [data-bnode="beae-4clgtd"] [data-bnode="beae-bdllgn"] { --bdllgn-typography: p; --beae-p-text-align: center; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #5A5A5A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-4clgtd"] [data-bnode="beae-f2q870"] { --f2q870-direction: row; --f2q870-structure: auto; --f2q870-max-width: fit-content; } [data-bnode="beae-4clgtd"] [data-bnode="beae-xbmlwd"] { --xbmlwd-padding: 0px; --xbmlwd-size: 14px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-b699fi"] { --b699fi-padding: 0; --b699fi-iconColor: #F79E1B; --b699fi-size: 14px; --b699fi-backgroundColor: #FFFFFF00; --b699fi-enableShadow: false; --b699fi-margin-top: 0px; --b699fi-margin-right: 0px; --b699fi-margin-bottom: 0px; --b699fi-margin-left: 0px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-mc5qha"] { --mc5qha-iconColor: #F79E1B; --mc5qha-size: 14px; --mc5qha-backgroundColor: #FFFFFF00; --mc5qha-enableShadow: false; --mc5qha-margin-top: 0px; --mc5qha-margin-right: 0px; --mc5qha-margin-bottom: 0px; --mc5qha-margin-left: 0px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-ysw7om"] { --ysw7om-size: 14px; --ysw7om-iconColor: #F79E1B; --ysw7om-padding: 0px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-cmkpgq"] { --cmkpgq-padding: 0px; --cmkpgq-iconColor: #f79e1b; --cmkpgq-size: 14px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-350ks6"] { --350ks6-size: 14px; --350ks6-iconColor: #f79e1b; --350ks6-padding: 0px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-95c5dc"] { --95c5dc-size: 14; --95c5dc-iconColor: #F79E1B; --95c5dc-padding: 0; } [data-bnode="beae-4clgtd"] [data-bnode="beae-8solw1"] { --8solw1-padding: 0; --8solw1-iconColor: #F79E1B; --8solw1-size: 14px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-g7hb01"] { --g7hb01-iconColor: #F79E1B; --g7hb01-size: 14; --g7hb01-padding: 0; } [data-bnode="beae-4clgtd"] [data-bnode="beae-3pw0ke"] { --3pw0ke-iconColor: #F79E1B; --3pw0ke-size: 14px; --3pw0ke-padding: 0; --3pw0ke-backgroundColor: #FFFFFF00; --3pw0ke-enableShadow: false; --3pw0ke-margin-top: 0px; --3pw0ke-margin-right: 0px; --3pw0ke-margin-bottom: 0px; --3pw0ke-margin-left: 0px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-96pbi8"] { --96pbi8-padding: 0; --96pbi8-iconColor: #F79E1B; --96pbi8-size: 14px; } [data-bnode="beae-4clgtd"] [data-bnode="beae-yoam13"] { --yoam13-iconColor: #F79E1B; --yoam13-size: 14px; --yoam13-padding: 0; } [data-bnode="beae-4clgtd"] [data-bnode="beae-b0ntvz"] { --b0ntvz-iconColor: #F79E1B; --b0ntvz-size: 14px; --b0ntvz-padding: 0; } [data-bnode="beae-4clgtd"] [data-bnode="beae-b699fi"] { --b699fi-backgroundColor: #FFFFFF00; --b699fi-backgroundColor-tablet: #FFFFFF00; --b699fi-backgroundColor-mobile: #FFFFFF00; --b699fi-enableShadow: false; --b699fi-enableShadow-tablet: false; --b699fi-enableShadow-mobile: false; } [data-bnode="beae-4clgtd"] [data-bnode="beae-3pw0ke"] { --3pw0ke-backgroundColor: #FFFFFF00; --3pw0ke-backgroundColor-tablet: #FFFFFF00; --3pw0ke-backgroundColor-mobile: #FFFFFF00; --3pw0ke-enableShadow: false; --3pw0ke-enableShadow-tablet: false; --3pw0ke-enableShadow-mobile: false; } [data-bnode="beae-4clgtd"] [data-bnode="beae-96pbi8"] { --96pbi8-backgroundColor: #FFFFFF00; --96pbi8-backgroundColor-tablet: #FFFFFF00; --96pbi8-backgroundColor-mobile: #FFFFFF00; --96pbi8-enableShadow: false; --96pbi8-enableShadow-tablet: false; --96pbi8-enableShadow-mobile: false; } [data-bnode="beae-4clgtd"] [data-bnode="beae-yoam13"] { --yoam13-backgroundColor: #FFFFFF00; --yoam13-backgroundColor-tablet: #FFFFFF00; --yoam13-backgroundColor-mobile: #FFFFFF00; --yoam13-enableShadow: false; --yoam13-enableShadow-tablet: false; --yoam13-enableShadow-mobile: false; } [data-bnode="beae-4clgtd"] [data-bnode="beae-b0ntvz"] { --b0ntvz-backgroundColor: #FFFFFF00; --b0ntvz-backgroundColor-tablet: #FFFFFF00; --b0ntvz-backgroundColor-mobile: #FFFFFF00; --b0ntvz-enableShadow: false; --b0ntvz-enableShadow-tablet: false; --b0ntvz-enableShadow-mobile: false; } [data-bnode="beae-4clgtd"] [data-bnode="be-ctl-item"] { --be-ctl-item-padding-top: 0px; --be-ctl-item-padding-top-tablet: 0px; --be-ctl-item-padding-top-mobile: 0px; --be-ctl-item-padding-right: 0px; --be-ctl-item-padding-right-tablet: 0px; --be-ctl-item-padding-right-mobile: 0px; --be-ctl-item-padding-bottom: 0px; --be-ctl-item-padding-bottom-tablet: 0px; --be-ctl-item-padding-bottom-mobile: 0px; --be-ctl-item-padding-left: 0px; --be-ctl-item-padding-left-tablet: 0px; --be-ctl-item-padding-left-mobile: 0px; --be-ctl-item-gap: 20px; --be-ctl-item-gap-tablet: 20px; --be-ctl-item-gap-mobile: 20px; --be-ctl-item-max-width_custom: 1024px; --be-ctl-item-max-width_custom-tablet: 1024px; --be-ctl-item-max-width_custom-mobile: 1024px; --be-ctl-item-direction: column; --be-ctl-item-direction-tablet: column; --be-ctl-item-direction-mobile: column; --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: center; --be-ctl-item-justify-content-tablet: center; --be-ctl-item-justify-content-mobile: center; --be-ctl-item-background-type: color; --be-ctl-item-background-type-tablet: color; --be-ctl-item-background-type-mobile: color; --be-ctl-item-background-image: [object Object]; --be-ctl-item-background-image-tablet: [object Object]; --be-ctl-item-background-image-mobile: [object Object]; --be-ctl-item-background-color: #FFFFFF00; --be-ctl-item-background-color-tablet: #FFFFFF00; --be-ctl-item-background-color-mobile: #FFFFFF00; --be-ctl-item-borderRadius-tl: 0px; --be-ctl-item-borderRadius-tl-tablet: 0px; --be-ctl-item-borderRadius-tl-mobile: 0px; --be-ctl-item-borderRadius-tr: 0px; --be-ctl-item-borderRadius-tr-tablet: 0px; --be-ctl-item-borderRadius-tr-mobile: 0px; --be-ctl-item-borderRadius-bl: 0px; --be-ctl-item-borderRadius-bl-tablet: 0px; --be-ctl-item-borderRadius-bl-mobile: 0px; --be-ctl-item-borderRadius-br: 0px; --be-ctl-item-borderRadius-br-tablet: 0px; --be-ctl-item-borderRadius-br-mobile: 0px; --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: 0px; --be-ctl-item-borderWidth-br-tablet: 0px; --be-ctl-item-borderWidth-br-mobile: 0px; }[data-bnode="beae-4clgtd"] { margin-top: var(--4clgtd-margin-top, 0px); margin-right: var(--4clgtd-margin-right, 0px); margin-bottom: var(--4clgtd-margin-bottom, 0px); margin-left: var(--4clgtd-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--4clgtd-margin-top-tablet, 0px); margin-right: var(--4clgtd-margin-right-tablet, 0px); margin-bottom: var(--4clgtd-margin-bottom-tablet, 0px); margin-left: var(--4clgtd-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--4clgtd-margin-top-mobile, 0px); margin-right: var(--4clgtd-margin-right-mobile, 0px); margin-bottom: var(--4clgtd-margin-bottom-mobile, 0px); margin-left: var(--4clgtd-margin-left-mobile, 0px); } &.beae-content-list { &:hover { .beae-slider-nav-left, .beae-slider-nav-right { opacity: 1; } } @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: 32px; .beae-slider-item { flex: 0 0 calc( (100% - 32px * (var(--4clgtd-columns, 3) - 1)) / var(--4clgtd-columns, 3) ); &:last-child { margin-right: 32px; } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: 32px; .beae-slider-item { flex: 0 0 calc( (100% - (var(--4clgtd-columns) - 1) * 32px) / var(--4clgtd-columns) ); } } } } .beae-slider-controls { .beae-slider-pagination { width: 8px; height: 8px; background: var(--4clgtd-pagiBg, #e6e6e6); border-radius: 50%; cursor: pointer; &:hover{ background: var(--4clgtd-pagiBgHover, #e6e6e6); } } .beae-slider-pagination { &.active { background: var(--4clgtd-pagiBgActive, #181818); } } .beae-slider-pagination-wrapper { display: flex; gap: 8px; } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--4clgtd-itemGap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--4clgtd-itemGap-tablet, 20px) * (var(--4clgtd-columns-tablet, 3) - 1) ) / var(--4clgtd-columns-tablet, 3) ); &:last-child { margin-right: var(--4clgtd-itemGap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--4clgtd-itemGap-tablet, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--4clgtd-columns-tablet) - 1) * var(--4clgtd-itemGap-tablet, 20px) ) / var(--4clgtd-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: 16px; .beae-slider-item { flex: 0 0 calc( ( 100% - var(--4clgtd-itemGap-mobile, 20px) * (var(--4clgtd-columnsMobile-mobile, 1) - 1) ) / var(--4clgtd-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--4clgtd-itemGap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: 116px; .beae-slider-item { flex: 0 0 calc( ( 100% - (var(--4clgtd-columnsMobile-mobile) - 1) * var(--4clgtd-itemGap-mobile, 20px) ) / var(--4clgtd-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-pagination-wrp { position: absolute; bottom: -20px; width: 100%; left: 0; z-index: 10; } .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--4clgtd-navPadding, 12px); background: var(--4clgtd-navBg, #f5f5f5); color: var(--4clgtd-navColor, #333333); cursor: pointer; &:hover { background: var(--4clgtd-navBgHover, #cccccc); color: var(--4clgtd-navColorHover, #333333); } svg { width: var(--4clgtd-navIconSize, 20px); height: var(--4clgtd-navIconSize, 20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--4clgtd-pagiBg, #e6e6e6); &.active { background: var(--4clgtd-pagiBgActive, #181818); } &:not(.active):hover { background: var(--4clgtd-pagiBgHover, #cccccc); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--4clgtd-pagiColor, #e6e6e6); &.active { color: var(--4clgtd-pagiColorActive, #181818); } &:not(.active):hover { color: var(--4clgtd-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--4clgtd-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--4clgtd-pagiBg, #e6e6e6); &.active { background: var(--4clgtd-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--4clgtd-pagiBgHover, #cccccc); } } } & .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; } & { display: flex; flex-direction: column-reverse; gap: var(--4clgtd-gap); min-width: 0; @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--4clgtd-gap-tablet); } @media (max-width: 767px) { gap: var(--4clgtd-gap-mobile); } .beae-lb-thumbs { overflow: hidden; width: fit-content; margin-inline: auto; .beae-product-thumb-slide { overflow: hidden; .beae-slider-items { display: flex; width: 376px; height: 120px; gap: 32px; align-items: end; } .beae-slider-item { flex: 0 0 96px !important; width: 96px !important; aspect-ratio: 1/1; cursor: pointer; opacity: 0.5; transition: opacity, flex 0.6s ease; } .beae-slider-item.is-active { flex: 0 0 120px !important; width: 120px !important; opacity: 1 !important; } @media (min-width: 767.79px) and (max-width: 1180px) { .beae-slider-items { gap: 32px; } } @media (max-width: 767px) { .beae-slider-items { gap: 16px; width: 282px; } &.beae-product-thumb-slide { .beae-slider-item { flex: 0 0 72px !important; width: 72px !important; } .beae-slider-item.is-active { flex: 0 0 96px !important; width: 96px !important; } } } } .beae-lb-thumb { width: 100%; height: 100%; overflow: hidden; border-radius: var(--4clgtd-thumbRadius, 12px); transition: all 0.3s ease; img { width: 100%; height: 100%; object-fit: var(--4clgtd-thumbObjFit, cover); object-position: var(--4clgtd-thumbObjPosition, center); display: block; } } } } } [data-bnode="beae-4clgtd"] [data-bnode="beae-f2q870"] { padding-top: var(--f2q870-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--f2q870-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--f2q870-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--f2q870-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--f2q870-padding-top-tablet, var(--f2q870-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--f2q870-padding-right-tablet, var(--f2q870-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--f2q870-padding-bottom-tablet, var(--f2q870-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--f2q870-padding-left-tablet, var(--f2q870-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--f2q870-padding-top-mobile, var(--f2q870-padding-top-tablet, var(--f2q870-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--f2q870-padding-right-mobile, var(--f2q870-padding-right-tablet, var(--f2q870-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--f2q870-padding-bottom-mobile, var(--f2q870-padding-bottom-tablet, var(--f2q870-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--f2q870-padding-left-mobile, var(--f2q870-padding-left-tablet, var(--f2q870-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--f2q870-padding-left, var(--beae-slot-padding-x, 0px)) - var(--f2q870-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(--f2q870-background-imageRatio, auto); background: var(--f2q870-background-color,transparent); border-style: var(--f2q870-borderStyle,solid); border-color: var(--f2q870-borderColor,#000000); border-width: var(--f2q870-borderWidth-tl,0px) var(--f2q870-borderWidth-tr,0px) var(--f2q870-borderWidth-br,0px) var(--f2q870-borderWidth-bl,0px); border-radius: var(--f2q870-borderRadius-tl,0px) var(--f2q870-borderRadius-tr,0px) var(--f2q870-borderRadius-br,0px) var(--f2q870-borderRadius-bl,0px); box-shadow: if(style(--f2q870-enableShadow: true): var(--f2q870-shadowHorizontal,0) var(--f2q870-shadowVertical,0) var(--f2q870-shadowBlur,0) 1px var(--f2q870-shadowColor,#000000); else: none); max-width: var(--f2q870-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--f2q870-background-imageRatio-tablet, var(--f2q870-background-imageRatio, auto)); border-width: var(--f2q870-borderWidth-tl-tablet,0px) var(--f2q870-borderWidth-tr-tablet,0px) var(--f2q870-borderWidth-br-tablet,0px) var(--f2q870-borderWidth-bl-tablet,0px); border-radius: var(--f2q870-borderRadius-tl-tablet,0px) var(--f2q870-borderRadius-tr-tablet,0px) var(--f2q870-borderRadius-br-tablet,0px) var(--f2q870-borderRadius-bl-tablet,0px); max-width: var(--f2q870-max-width-tablet, var(--f2q870-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--f2q870-background-imageRatio-mobile, var(--f2q870-background-imageRatio, auto)); border-width: var(--f2q870-borderWidth-tl-mobile,0px) var(--f2q870-borderWidth-tr-mobile,0px) var(--f2q870-borderWidth-br-mobile,0px) var(--f2q870-borderWidth-bl-mobile,0px); border-radius: var(--f2q870-borderRadius-tl-mobile,0px) var(--f2q870-borderRadius-tr-mobile,0px) var(--f2q870-borderRadius-br-mobile,0px) var(--f2q870-borderRadius-bl-mobile,0px); max-width: var(--f2q870-max-width-mobile, var(--f2q870-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--f2q870-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--f2q870-gap,var(--beae-card-gap)); padding-top: var(--f2q870-padding-top,var(--beae-card-padding)); padding-right: var(--f2q870-padding-right,var(--beae-card-padding)); padding-bottom: var(--f2q870-padding-bottom,var(--beae-card-padding)); padding-left: var(--f2q870-padding-left,var(--beae-card-padding)); border-width: var(--f2q870-borderWidth,var(--beae-card-border-width)); border-width: var(--f2q870-borderWidth-tl,var(--beae-card-border-width)) var(--f2q870-borderWidth-tr,var(--beae-card-border-width)) var(--f2q870-borderWidth-br,var(--beae-card-border-width)) var(--f2q870-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--f2q870-borderRadius-tl,var(--beae-card-border-radius)) var(--f2q870-borderRadius-tr,var(--beae-card-border-radius)) var(--f2q870-borderRadius-br,var(--beae-card-border-radius)) var(--f2q870-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(--f2q870-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--f2q870-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--f2q870-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--f2q870-padding-left-tablet,var(--beae-card-padding)); border-width: var(--f2q870-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--f2q870-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--f2q870-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--f2q870-borderWidth-br-desktop,var(--beae-card-border-width)) var(--f2q870-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--f2q870-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--f2q870-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--f2q870-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--f2q870-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--f2q870-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--f2q870-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--f2q870-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--f2q870-padding-left-mobile,var(--beae-card-padding)); border-width: var(--f2q870-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--f2q870-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--f2q870-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--f2q870-borderWidth-br-mobile,var(--beae-card-border-width)) var(--f2q870-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--f2q870-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--f2q870-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--f2q870-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--f2q870-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--f2q870-background-color,var(--beae-card-featured-background)); border-color: var(--f2q870-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--f2q870-enableShadow: true): var(--f2q870-shadowHorizontal, var(--beae-card-shadow-x)) var(--f2q870-shadowVertical, var(--beae-card-shadow-y)) var(--f2q870-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f2q870-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--f2q870-background-color,var(--beae-card-prod-background)); border-color: var(--f2q870-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--f2q870-enableShadow: true): var(--f2q870-shadowHorizontal, var(--beae-card-shadow-x)) var(--f2q870-shadowVertical, var(--beae-card-shadow-y)) var(--f2q870-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f2q870-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--f2q870-background-color,var(--beae-card-pricing-background)); border-color: var(--f2q870-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--f2q870-enableShadow: true): var(--f2q870-shadowHorizontal, var(--beae-card-shadow-x)) var(--f2q870-shadowVertical, var(--beae-card-shadow-y)) var(--f2q870-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f2q870-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--f2q870-background-color,var(--beae-card-cta-background)); border-color: var(--f2q870-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--f2q870-enableShadow: true): var(--f2q870-shadowHorizontal, var(--beae-card-shadow-x)) var(--f2q870-shadowVertical, var(--beae-card-shadow-y)) var(--f2q870-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f2q870-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--f2q870-background-color,var(--beae-card-media-background)); border-color: var(--f2q870-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--f2q870-enableShadow: true): var(--f2q870-shadowHorizontal, var(--beae-card-shadow-x)) var(--f2q870-shadowVertical, var(--beae-card-shadow-y)) var(--f2q870-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--f2q870-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-4clgtd"] [data-bnode="beae-b699fi"] { margin-top: var(--b699fi-margin-top, 0px); margin-right: var(--b699fi-margin-right, 0px); margin-bottom: var(--b699fi-margin-bottom, 0px); margin-left: var(--b699fi-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b699fi-margin-top-tablet, 0px); margin-right: var(--b699fi-margin-right-tablet, 0px); margin-bottom: var(--b699fi-margin-bottom-tablet, 0px); margin-left: var(--b699fi-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b699fi-margin-top-mobile, 0px); margin-right: var(--b699fi-margin-right-mobile, 0px); margin-bottom: var(--b699fi-margin-bottom-mobile, 0px); margin-left: var(--b699fi-margin-left-mobile, 0px); } & { display: block; padding: var(--b699fi-padding, 4px); border-style: var(--b699fi-borderStyle,solid); border-color: var(--b699fi-borderColor,#000000); border-width: var(--b699fi-borderWidth-tl,0px) var(--b699fi-borderWidth-tr,0px) var(--b699fi-borderWidth-br,0px) var(--b699fi-borderWidth-bl,0px); border-radius: var(--b699fi-borderRadius-tl,0px) var(--b699fi-borderRadius-tr,0px) var(--b699fi-borderRadius-br,0px) var(--b699fi-borderRadius-bl,0px); box-shadow: if( style(--b699fi-enableShadow: true): var(--b699fi-shadowHorizontal, 0) var(--b699fi-shadowVertical, 0) var(--b699fi-shadowBlur, 0) 1px var(--b699fi-shadowColor, #000000); else: none ); color: var(--b699fi-iconColor,var(--beae-text-color)); background-color: var(--b699fi-backgroundColor); overflow: hidden; width: var(--b699fi-size, 28px); min-width: var(--b699fi-size, 28px); height: fit-content; max-width: var(--b699fi-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--b699fi-borderWidth-tl-tablet,0px) var(--b699fi-borderWidth-tr-tablet,0px) var(--b699fi-borderWidth-br-tablet,0px) var(--b699fi-borderWidth-bl-tablet,0px); border-radius: var(--b699fi-borderRadius-tl-tablet,0px) var(--b699fi-borderRadius-tr-tablet,0px) var(--b699fi-borderRadius-br-tablet,0px) var(--b699fi-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--b699fi-borderWidth-tl-mobile,0px) var(--b699fi-borderWidth-tr-mobile,0px) var(--b699fi-borderWidth-br-mobile,0px) var(--b699fi-borderWidth-bl-mobile,0px); border-radius: var(--b699fi-borderRadius-tl-mobile,0px) var(--b699fi-borderRadius-tr-mobile,0px) var(--b699fi-borderRadius-br-mobile,0px) var(--b699fi-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-4clgtd"] [data-bnode="beae-3pw0ke"] { margin-top: var(--3pw0ke-margin-top, 0px); margin-right: var(--3pw0ke-margin-right, 0px); margin-bottom: var(--3pw0ke-margin-bottom, 0px); margin-left: var(--3pw0ke-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--3pw0ke-margin-top-tablet, 0px); margin-right: var(--3pw0ke-margin-right-tablet, 0px); margin-bottom: var(--3pw0ke-margin-bottom-tablet, 0px); margin-left: var(--3pw0ke-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--3pw0ke-margin-top-mobile, 0px); margin-right: var(--3pw0ke-margin-right-mobile, 0px); margin-bottom: var(--3pw0ke-margin-bottom-mobile, 0px); margin-left: var(--3pw0ke-margin-left-mobile, 0px); } & { display: block; padding: var(--3pw0ke-padding, 4px); border-style: var(--3pw0ke-borderStyle,solid); border-color: var(--3pw0ke-borderColor,#000000); border-width: var(--3pw0ke-borderWidth-tl,0px) var(--3pw0ke-borderWidth-tr,0px) var(--3pw0ke-borderWidth-br,0px) var(--3pw0ke-borderWidth-bl,0px); border-radius: var(--3pw0ke-borderRadius-tl,0px) var(--3pw0ke-borderRadius-tr,0px) var(--3pw0ke-borderRadius-br,0px) var(--3pw0ke-borderRadius-bl,0px); box-shadow: if( style(--3pw0ke-enableShadow: true): var(--3pw0ke-shadowHorizontal, 0) var(--3pw0ke-shadowVertical, 0) var(--3pw0ke-shadowBlur, 0) 1px var(--3pw0ke-shadowColor, #000000); else: none ); color: var(--3pw0ke-iconColor,var(--beae-text-color)); background-color: var(--3pw0ke-backgroundColor); overflow: hidden; width: var(--3pw0ke-size, 28px); min-width: var(--3pw0ke-size, 28px); height: fit-content; max-width: var(--3pw0ke-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--3pw0ke-borderWidth-tl-tablet,0px) var(--3pw0ke-borderWidth-tr-tablet,0px) var(--3pw0ke-borderWidth-br-tablet,0px) var(--3pw0ke-borderWidth-bl-tablet,0px); border-radius: var(--3pw0ke-borderRadius-tl-tablet,0px) var(--3pw0ke-borderRadius-tr-tablet,0px) var(--3pw0ke-borderRadius-br-tablet,0px) var(--3pw0ke-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--3pw0ke-borderWidth-tl-mobile,0px) var(--3pw0ke-borderWidth-tr-mobile,0px) var(--3pw0ke-borderWidth-br-mobile,0px) var(--3pw0ke-borderWidth-bl-mobile,0px); border-radius: var(--3pw0ke-borderRadius-tl-mobile,0px) var(--3pw0ke-borderRadius-tr-mobile,0px) var(--3pw0ke-borderRadius-br-mobile,0px) var(--3pw0ke-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-4clgtd"] [data-bnode="beae-96pbi8"] { margin-top: var(--96pbi8-margin-top, 0px); margin-right: var(--96pbi8-margin-right, 0px); margin-bottom: var(--96pbi8-margin-bottom, 0px); margin-left: var(--96pbi8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--96pbi8-margin-top-tablet, 0px); margin-right: var(--96pbi8-margin-right-tablet, 0px); margin-bottom: var(--96pbi8-margin-bottom-tablet, 0px); margin-left: var(--96pbi8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--96pbi8-margin-top-mobile, 0px); margin-right: var(--96pbi8-margin-right-mobile, 0px); margin-bottom: var(--96pbi8-margin-bottom-mobile, 0px); margin-left: var(--96pbi8-margin-left-mobile, 0px); } & { display: block; padding: var(--96pbi8-padding, 4px); border-style: var(--96pbi8-borderStyle,solid); border-color: var(--96pbi8-borderColor,#000000); border-width: var(--96pbi8-borderWidth-tl,0px) var(--96pbi8-borderWidth-tr,0px) var(--96pbi8-borderWidth-br,0px) var(--96pbi8-borderWidth-bl,0px); border-radius: var(--96pbi8-borderRadius-tl,0px) var(--96pbi8-borderRadius-tr,0px) var(--96pbi8-borderRadius-br,0px) var(--96pbi8-borderRadius-bl,0px); box-shadow: if( style(--96pbi8-enableShadow: true): var(--96pbi8-shadowHorizontal, 0) var(--96pbi8-shadowVertical, 0) var(--96pbi8-shadowBlur, 0) 1px var(--96pbi8-shadowColor, #000000); else: none ); color: var(--96pbi8-iconColor,var(--beae-text-color)); background-color: var(--96pbi8-backgroundColor); overflow: hidden; width: var(--96pbi8-size, 28px); min-width: var(--96pbi8-size, 28px); height: fit-content; max-width: var(--96pbi8-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--96pbi8-borderWidth-tl-tablet,0px) var(--96pbi8-borderWidth-tr-tablet,0px) var(--96pbi8-borderWidth-br-tablet,0px) var(--96pbi8-borderWidth-bl-tablet,0px); border-radius: var(--96pbi8-borderRadius-tl-tablet,0px) var(--96pbi8-borderRadius-tr-tablet,0px) var(--96pbi8-borderRadius-br-tablet,0px) var(--96pbi8-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--96pbi8-borderWidth-tl-mobile,0px) var(--96pbi8-borderWidth-tr-mobile,0px) var(--96pbi8-borderWidth-br-mobile,0px) var(--96pbi8-borderWidth-bl-mobile,0px); border-radius: var(--96pbi8-borderRadius-tl-mobile,0px) var(--96pbi8-borderRadius-tr-mobile,0px) var(--96pbi8-borderRadius-br-mobile,0px) var(--96pbi8-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-4clgtd"] [data-bnode="beae-yoam13"] { margin-top: var(--yoam13-margin-top, 0px); margin-right: var(--yoam13-margin-right, 0px); margin-bottom: var(--yoam13-margin-bottom, 0px); margin-left: var(--yoam13-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--yoam13-margin-top-tablet, 0px); margin-right: var(--yoam13-margin-right-tablet, 0px); margin-bottom: var(--yoam13-margin-bottom-tablet, 0px); margin-left: var(--yoam13-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--yoam13-margin-top-mobile, 0px); margin-right: var(--yoam13-margin-right-mobile, 0px); margin-bottom: var(--yoam13-margin-bottom-mobile, 0px); margin-left: var(--yoam13-margin-left-mobile, 0px); } & { display: block; padding: var(--yoam13-padding, 4px); border-style: var(--yoam13-borderStyle,solid); border-color: var(--yoam13-borderColor,#000000); border-width: var(--yoam13-borderWidth-tl,0px) var(--yoam13-borderWidth-tr,0px) var(--yoam13-borderWidth-br,0px) var(--yoam13-borderWidth-bl,0px); border-radius: var(--yoam13-borderRadius-tl,0px) var(--yoam13-borderRadius-tr,0px) var(--yoam13-borderRadius-br,0px) var(--yoam13-borderRadius-bl,0px); box-shadow: if( style(--yoam13-enableShadow: true): var(--yoam13-shadowHorizontal, 0) var(--yoam13-shadowVertical, 0) var(--yoam13-shadowBlur, 0) 1px var(--yoam13-shadowColor, #000000); else: none ); color: var(--yoam13-iconColor,var(--beae-text-color)); background-color: var(--yoam13-backgroundColor); overflow: hidden; width: var(--yoam13-size, 28px); min-width: var(--yoam13-size, 28px); height: fit-content; max-width: var(--yoam13-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--yoam13-borderWidth-tl-tablet,0px) var(--yoam13-borderWidth-tr-tablet,0px) var(--yoam13-borderWidth-br-tablet,0px) var(--yoam13-borderWidth-bl-tablet,0px); border-radius: var(--yoam13-borderRadius-tl-tablet,0px) var(--yoam13-borderRadius-tr-tablet,0px) var(--yoam13-borderRadius-br-tablet,0px) var(--yoam13-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--yoam13-borderWidth-tl-mobile,0px) var(--yoam13-borderWidth-tr-mobile,0px) var(--yoam13-borderWidth-br-mobile,0px) var(--yoam13-borderWidth-bl-mobile,0px); border-radius: var(--yoam13-borderRadius-tl-mobile,0px) var(--yoam13-borderRadius-tr-mobile,0px) var(--yoam13-borderRadius-br-mobile,0px) var(--yoam13-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-4clgtd"] [data-bnode="beae-b0ntvz"] { margin-top: var(--b0ntvz-margin-top, 0px); margin-right: var(--b0ntvz-margin-right, 0px); margin-bottom: var(--b0ntvz-margin-bottom, 0px); margin-left: var(--b0ntvz-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b0ntvz-margin-top-tablet, 0px); margin-right: var(--b0ntvz-margin-right-tablet, 0px); margin-bottom: var(--b0ntvz-margin-bottom-tablet, 0px); margin-left: var(--b0ntvz-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b0ntvz-margin-top-mobile, 0px); margin-right: var(--b0ntvz-margin-right-mobile, 0px); margin-bottom: var(--b0ntvz-margin-bottom-mobile, 0px); margin-left: var(--b0ntvz-margin-left-mobile, 0px); } & { display: block; padding: var(--b0ntvz-padding, 4px); border-style: var(--b0ntvz-borderStyle,solid); border-color: var(--b0ntvz-borderColor,#000000); border-width: var(--b0ntvz-borderWidth-tl,0px) var(--b0ntvz-borderWidth-tr,0px) var(--b0ntvz-borderWidth-br,0px) var(--b0ntvz-borderWidth-bl,0px); border-radius: var(--b0ntvz-borderRadius-tl,0px) var(--b0ntvz-borderRadius-tr,0px) var(--b0ntvz-borderRadius-br,0px) var(--b0ntvz-borderRadius-bl,0px); box-shadow: if( style(--b0ntvz-enableShadow: true): var(--b0ntvz-shadowHorizontal, 0) var(--b0ntvz-shadowVertical, 0) var(--b0ntvz-shadowBlur, 0) 1px var(--b0ntvz-shadowColor, #000000); else: none ); color: var(--b0ntvz-iconColor,var(--beae-text-color)); background-color: var(--b0ntvz-backgroundColor); overflow: hidden; width: var(--b0ntvz-size, 28px); min-width: var(--b0ntvz-size, 28px); height: fit-content; max-width: var(--b0ntvz-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--b0ntvz-borderWidth-tl-tablet,0px) var(--b0ntvz-borderWidth-tr-tablet,0px) var(--b0ntvz-borderWidth-br-tablet,0px) var(--b0ntvz-borderWidth-bl-tablet,0px); border-radius: var(--b0ntvz-borderRadius-tl-tablet,0px) var(--b0ntvz-borderRadius-tr-tablet,0px) var(--b0ntvz-borderRadius-br-tablet,0px) var(--b0ntvz-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--b0ntvz-borderWidth-tl-mobile,0px) var(--b0ntvz-borderWidth-tr-mobile,0px) var(--b0ntvz-borderWidth-br-mobile,0px) var(--b0ntvz-borderWidth-bl-mobile,0px); border-radius: var(--b0ntvz-borderRadius-tl-mobile,0px) var(--b0ntvz-borderRadius-tr-mobile,0px) var(--b0ntvz-borderRadius-br-mobile,0px) var(--b0ntvz-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-4clgtd"] [data-bnode="beae-bdllgn"] { margin-top: var(--bdllgn-margin-top, 0px); margin-right: var(--bdllgn-margin-right, 0px); margin-bottom: var(--bdllgn-margin-bottom, 0px); margin-left: var(--bdllgn-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--bdllgn-margin-top-tablet, 0px); margin-right: var(--bdllgn-margin-right-tablet, 0px); margin-bottom: var(--bdllgn-margin-bottom-tablet, 0px); margin-left: var(--bdllgn-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--bdllgn-margin-top-mobile, 0px); margin-right: var(--bdllgn-margin-right-mobile, 0px); margin-bottom: var(--bdllgn-margin-bottom-mobile, 0px); margin-left: var(--bdllgn-margin-left-mobile, 0px); } } [data-bnode="beae-4clgtd"] [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-4clgtd"] [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-4clgtd"] [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-4clgtd"] [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-f2q870"] { display: flex; flex-direction: var(--f2q870-direction, column); flex-wrap: nowrap; justify-content: var(--f2q870-justify-content); align-items: var(--f2q870-align-items); gap: var(--f2q870-gap, var(--f2q870-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-f2q870"] { gap: var(--f2q870-gap-tablet, var(--beae-slot-gap-tablet)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(20.00% - var(--f2q870-padding-right-tablet, 0px) - var(--f2q870-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-f2q870"] { gap: var(--f2q870-gap-mobile, var(--beae-slot-gap-mobile)); &>.beae-slot { flex: 1 1 0; min-width: 0; max-height: max-content; } &>.beae-slot[data-bnode-index] { flex-basis: calc(20.00% - var(--f2q870-padding-right-mobile, 0px) - var(--f2q870-padding-right-mobile, 0px)); } } }[data-bnode="beae-rna4q0"] { --rna4q0-width: 1600px; --rna4q0-width-tablet: 1600px; --rna4q0-width-mobile: 1600px; --rna4q0-height: fit-content; --rna4q0-height-tablet: fit-content; --rna4q0-height-mobile: fit-content; --rna4q0-padding-top: 56px; --rna4q0-padding-top-tablet: 40px; --rna4q0-padding-top-mobile: 40px; --rna4q0-padding-right: 30px; --rna4q0-padding-right-tablet: 30px; --rna4q0-padding-right-mobile: 16px; --rna4q0-padding-bottom: 56px; --rna4q0-padding-bottom-tablet: 40px; --rna4q0-padding-bottom-mobile: 40px; --rna4q0-padding-left: 30px; --rna4q0-padding-left-tablet: 30px; --rna4q0-padding-left-mobile: 16px; }[data-bnode="beae-rna4q0"] { padding-top: var(--rna4q0-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--rna4q0-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--rna4q0-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--rna4q0-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--rna4q0-padding-top-tablet, var(--rna4q0-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--rna4q0-padding-right-tablet, var(--rna4q0-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--rna4q0-padding-bottom-tablet, var(--rna4q0-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--rna4q0-padding-left-tablet, var(--rna4q0-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--rna4q0-padding-top-mobile, var(--rna4q0-padding-top-tablet, var(--rna4q0-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--rna4q0-padding-right-mobile, var(--rna4q0-padding-right-tablet, var(--rna4q0-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--rna4q0-padding-bottom-mobile, var(--rna4q0-padding-bottom-tablet, var(--rna4q0-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--rna4q0-padding-left-mobile, var(--rna4q0-padding-left-tablet, var(--rna4q0-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--rna4q0-padding-left, var(--beae-section-padding-x, 0px)) - var(--rna4q0-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--rna4q0-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--rna4q0-height); width: 100%; max-width: var(--rna4q0-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(--rna4q0-height-tablet, auto); width: 100%; max-width: var(--rna4q0-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--rna4q0-height-mobile, auto); width: 100%; max-width: var(--rna4q0-width-mobile, 100%); } } } }[data-bnode="beae-rna4q0"] > .beae-section-container{ display: flex; flex-direction: var(--rna4q0-direction, column); flex-wrap: nowrap; justify-content: var(--rna4q0-justify-content); align-items: var(--rna4q0-align-items); gap: var(--rna4q0-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-rna4q0"] > .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(--rna4q0-padding-right-tablet, 0px) - var(--rna4q0-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-rna4q0"] > .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(--rna4q0-padding-right-mobile, 0px) - var(--rna4q0-padding-right-mobile, 0px)); } } }[data-bnode="beae-5yv4ft"] { --5yv4ft-direction: row; --5yv4ft-direction-tablet: column; --5yv4ft-direction-mobile: column; --5yv4ft-structure: columns; --5yv4ft-structure-tablet: columns; --5yv4ft-structure-mobile: columns; --5yv4ft-columns: 16.66,41.66,41.66; --5yv4ft-columns-tablet: 16.66,41.66,41.66; --5yv4ft-columns-mobile: 16.66,41.66,41.66; --5yv4ft-columnsPresetId: 16.66,41.66,41.66; --5yv4ft-columnsPresetId-tablet: 16.66,41.66,41.66; --5yv4ft-columnsPresetId-mobile: 16.66,41.66,41.66; --5yv4ft-background-type: color; --5yv4ft-background-type-tablet: color; --5yv4ft-background-type-mobile: color; --5yv4ft-background-color: #FFEBEB; --5yv4ft-background-color-tablet: #FFEBEB; --5yv4ft-background-color-mobile: #FFEBEB; --5yv4ft-align-items: center; --5yv4ft-align-items-tablet: center; --5yv4ft-align-items-mobile: center; --5yv4ft-gap: 32px; --5yv4ft-gap-tablet: 20px; --5yv4ft-gap-mobile: 20px; --5yv4ft-padding-top: 40px; --5yv4ft-padding-top-tablet: 40px; --5yv4ft-padding-top-mobile: 36px; --5yv4ft-padding-right: 56px; --5yv4ft-padding-right-tablet: 56px; --5yv4ft-padding-right-mobile: 24px; --5yv4ft-padding-bottom: 40px; --5yv4ft-padding-bottom-tablet: 40px; --5yv4ft-padding-bottom-mobile: 36px; --5yv4ft-padding-left: 56px; --5yv4ft-padding-left-tablet: 56px; --5yv4ft-padding-left-mobile: 24px; --5yv4ft-borderRadius-tl: 24px; --5yv4ft-borderRadius-tl-tablet: 24px; --5yv4ft-borderRadius-tl-mobile: 24px; --5yv4ft-borderRadius-tr: 24px; --5yv4ft-borderRadius-tr-tablet: 24px; --5yv4ft-borderRadius-tr-mobile: 24px; --5yv4ft-borderRadius-bl: 24px; --5yv4ft-borderRadius-bl-tablet: 24px; --5yv4ft-borderRadius-bl-mobile: 24px; --5yv4ft-borderRadius-br: 24px; --5yv4ft-borderRadius-br-tablet: 24px; --5yv4ft-borderRadius-br-mobile: 24px; }[data-bnode="beae-5yv4ft"] { padding-top: var(--5yv4ft-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--5yv4ft-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--5yv4ft-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--5yv4ft-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5yv4ft-padding-top-tablet, var(--5yv4ft-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--5yv4ft-padding-right-tablet, var(--5yv4ft-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--5yv4ft-padding-bottom-tablet, var(--5yv4ft-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--5yv4ft-padding-left-tablet, var(--5yv4ft-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5yv4ft-padding-top-mobile, var(--5yv4ft-padding-top-tablet, var(--5yv4ft-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--5yv4ft-padding-right-mobile, var(--5yv4ft-padding-right-tablet, var(--5yv4ft-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--5yv4ft-padding-bottom-mobile, var(--5yv4ft-padding-bottom-tablet, var(--5yv4ft-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--5yv4ft-padding-left-mobile, var(--5yv4ft-padding-left-tablet, var(--5yv4ft-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--5yv4ft-padding-left, var(--beae-slot-padding-x, 0px)) - var(--5yv4ft-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(--5yv4ft-background-imageRatio, auto); background: var(--5yv4ft-background-color,transparent); border-style: var(--5yv4ft-borderStyle,solid); border-color: var(--5yv4ft-borderColor,#000000); border-width: var(--5yv4ft-borderWidth-tl,0px) var(--5yv4ft-borderWidth-tr,0px) var(--5yv4ft-borderWidth-br,0px) var(--5yv4ft-borderWidth-bl,0px); border-radius: var(--5yv4ft-borderRadius-tl,0px) var(--5yv4ft-borderRadius-tr,0px) var(--5yv4ft-borderRadius-br,0px) var(--5yv4ft-borderRadius-bl,0px); box-shadow: if(style(--5yv4ft-enableShadow: true): var(--5yv4ft-shadowHorizontal,0) var(--5yv4ft-shadowVertical,0) var(--5yv4ft-shadowBlur,0) 1px var(--5yv4ft-shadowColor,#000000); else: none); max-width: var(--5yv4ft-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--5yv4ft-background-imageRatio-tablet, var(--5yv4ft-background-imageRatio, auto)); border-width: var(--5yv4ft-borderWidth-tl-tablet,0px) var(--5yv4ft-borderWidth-tr-tablet,0px) var(--5yv4ft-borderWidth-br-tablet,0px) var(--5yv4ft-borderWidth-bl-tablet,0px); border-radius: var(--5yv4ft-borderRadius-tl-tablet,0px) var(--5yv4ft-borderRadius-tr-tablet,0px) var(--5yv4ft-borderRadius-br-tablet,0px) var(--5yv4ft-borderRadius-bl-tablet,0px); max-width: var(--5yv4ft-max-width-tablet, var(--5yv4ft-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--5yv4ft-background-imageRatio-mobile, var(--5yv4ft-background-imageRatio, auto)); border-width: var(--5yv4ft-borderWidth-tl-mobile,0px) var(--5yv4ft-borderWidth-tr-mobile,0px) var(--5yv4ft-borderWidth-br-mobile,0px) var(--5yv4ft-borderWidth-bl-mobile,0px); border-radius: var(--5yv4ft-borderRadius-tl-mobile,0px) var(--5yv4ft-borderRadius-tr-mobile,0px) var(--5yv4ft-borderRadius-br-mobile,0px) var(--5yv4ft-borderRadius-bl-mobile,0px); max-width: var(--5yv4ft-max-width-mobile, var(--5yv4ft-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--5yv4ft-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--5yv4ft-gap,var(--beae-card-gap)); padding-top: var(--5yv4ft-padding-top,var(--beae-card-padding)); padding-right: var(--5yv4ft-padding-right,var(--beae-card-padding)); padding-bottom: var(--5yv4ft-padding-bottom,var(--beae-card-padding)); padding-left: var(--5yv4ft-padding-left,var(--beae-card-padding)); border-width: var(--5yv4ft-borderWidth,var(--beae-card-border-width)); border-width: var(--5yv4ft-borderWidth-tl,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-tr,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-br,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--5yv4ft-borderRadius-tl,var(--beae-card-border-radius)) var(--5yv4ft-borderRadius-tr,var(--beae-card-border-radius)) var(--5yv4ft-borderRadius-br,var(--beae-card-border-radius)) var(--5yv4ft-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(--5yv4ft-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--5yv4ft-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--5yv4ft-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--5yv4ft-padding-left-tablet,var(--beae-card-padding)); border-width: var(--5yv4ft-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--5yv4ft-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-br-desktop,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--5yv4ft-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--5yv4ft-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--5yv4ft-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--5yv4ft-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--5yv4ft-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--5yv4ft-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--5yv4ft-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--5yv4ft-padding-left-mobile,var(--beae-card-padding)); border-width: var(--5yv4ft-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--5yv4ft-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-br-mobile,var(--beae-card-border-width)) var(--5yv4ft-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--5yv4ft-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--5yv4ft-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--5yv4ft-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--5yv4ft-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--5yv4ft-background-color,var(--beae-card-featured-background)); border-color: var(--5yv4ft-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--5yv4ft-enableShadow: true): var(--5yv4ft-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yv4ft-shadowVertical, var(--beae-card-shadow-y)) var(--5yv4ft-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yv4ft-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--5yv4ft-background-color,var(--beae-card-prod-background)); border-color: var(--5yv4ft-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--5yv4ft-enableShadow: true): var(--5yv4ft-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yv4ft-shadowVertical, var(--beae-card-shadow-y)) var(--5yv4ft-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yv4ft-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--5yv4ft-background-color,var(--beae-card-pricing-background)); border-color: var(--5yv4ft-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--5yv4ft-enableShadow: true): var(--5yv4ft-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yv4ft-shadowVertical, var(--beae-card-shadow-y)) var(--5yv4ft-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yv4ft-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--5yv4ft-background-color,var(--beae-card-cta-background)); border-color: var(--5yv4ft-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--5yv4ft-enableShadow: true): var(--5yv4ft-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yv4ft-shadowVertical, var(--beae-card-shadow-y)) var(--5yv4ft-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yv4ft-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--5yv4ft-background-color,var(--beae-card-media-background)); border-color: var(--5yv4ft-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--5yv4ft-enableShadow: true): var(--5yv4ft-shadowHorizontal, var(--beae-card-shadow-x)) var(--5yv4ft-shadowVertical, var(--beae-card-shadow-y)) var(--5yv4ft-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--5yv4ft-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-5yv4ft"] { display: flex; flex-direction: var(--5yv4ft-direction, column); flex-wrap: nowrap; justify-content: var(--5yv4ft-justify-content); align-items: var(--5yv4ft-align-items); gap: var(--5yv4ft-gap, var(--5yv4ft-gap, var(--beae-slot-gap))); &>.beae-slot { flex: 1 1 0; min-width: 0; } &>.beae-slot[data-bnode-index="1"] { flex-basis: calc(16.66% - var(--5yv4ft-padding-right, 0px) - var(--5yv4ft-padding-right, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(41.66% - var(--5yv4ft-padding-right, 0px) - var(--5yv4ft-padding-right, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(41.66% - var(--5yv4ft-padding-right, 0px) - var(--5yv4ft-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-5yv4ft"] { flex-direction: var(--5yv4ft-direction-tablet, column); gap: var(--5yv4ft-gap-tablet, var(--5yv4ft-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-5yv4ft"] { flex-direction: var(--5yv4ft-direction-mobile, column); gap: var(--5yv4ft-gap-mobile, var(--5yv4ft-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-tjtt3b"] { --tjtt3b-max-width: 96px; --tjtt3b-max-width-tablet: 96px; --tjtt3b-max-width-mobile: 96px; --tjtt3b-max-width_custom: 96px; --tjtt3b-max-width_custom-tablet: 96px; --tjtt3b-max-width_custom-mobile: 96px; --tjtt3b-background-type: image; --tjtt3b-background-type-tablet: image; --tjtt3b-background-type-mobile: image; --tjtt3b-background-image: [object Object]; --tjtt3b-background-image-tablet: [object Object]; --tjtt3b-background-image-mobile: [object Object]; --tjtt3b-background-imageRatio: 1/1; --tjtt3b-background-imageRatio-tablet: 1/1; --tjtt3b-background-imageRatio-mobile: 1/1; --tjtt3b-direction: column; --tjtt3b-direction-tablet: column; --tjtt3b-direction-mobile: column; --tjtt3b-justify-content: center; --tjtt3b-justify-content-tablet: center; --tjtt3b-justify-content-mobile: center; }[data-bnode="beae-tjtt3b"] { padding-top: var(--tjtt3b-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--tjtt3b-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--tjtt3b-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--tjtt3b-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--tjtt3b-padding-top-tablet, var(--tjtt3b-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--tjtt3b-padding-right-tablet, var(--tjtt3b-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--tjtt3b-padding-bottom-tablet, var(--tjtt3b-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--tjtt3b-padding-left-tablet, var(--tjtt3b-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--tjtt3b-padding-top-mobile, var(--tjtt3b-padding-top-tablet, var(--tjtt3b-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--tjtt3b-padding-right-mobile, var(--tjtt3b-padding-right-tablet, var(--tjtt3b-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--tjtt3b-padding-bottom-mobile, var(--tjtt3b-padding-bottom-tablet, var(--tjtt3b-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--tjtt3b-padding-left-mobile, var(--tjtt3b-padding-left-tablet, var(--tjtt3b-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--tjtt3b-padding-left, var(--beae-slot-padding-x, 0px)) - var(--tjtt3b-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(--tjtt3b-background-imageRatio, auto); background: var(--tjtt3b-background-color,transparent); border-style: var(--tjtt3b-borderStyle,solid); border-color: var(--tjtt3b-borderColor,#000000); border-width: var(--tjtt3b-borderWidth-tl,0px) var(--tjtt3b-borderWidth-tr,0px) var(--tjtt3b-borderWidth-br,0px) var(--tjtt3b-borderWidth-bl,0px); border-radius: var(--tjtt3b-borderRadius-tl,0px) var(--tjtt3b-borderRadius-tr,0px) var(--tjtt3b-borderRadius-br,0px) var(--tjtt3b-borderRadius-bl,0px); box-shadow: if(style(--tjtt3b-enableShadow: true): var(--tjtt3b-shadowHorizontal,0) var(--tjtt3b-shadowVertical,0) var(--tjtt3b-shadowBlur,0) 1px var(--tjtt3b-shadowColor,#000000); else: none); max-width: var(--tjtt3b-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--tjtt3b-background-imageRatio-tablet, var(--tjtt3b-background-imageRatio, auto)); border-width: var(--tjtt3b-borderWidth-tl-tablet,0px) var(--tjtt3b-borderWidth-tr-tablet,0px) var(--tjtt3b-borderWidth-br-tablet,0px) var(--tjtt3b-borderWidth-bl-tablet,0px); border-radius: var(--tjtt3b-borderRadius-tl-tablet,0px) var(--tjtt3b-borderRadius-tr-tablet,0px) var(--tjtt3b-borderRadius-br-tablet,0px) var(--tjtt3b-borderRadius-bl-tablet,0px); max-width: var(--tjtt3b-max-width-tablet, var(--tjtt3b-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--tjtt3b-background-imageRatio-mobile, var(--tjtt3b-background-imageRatio, auto)); border-width: var(--tjtt3b-borderWidth-tl-mobile,0px) var(--tjtt3b-borderWidth-tr-mobile,0px) var(--tjtt3b-borderWidth-br-mobile,0px) var(--tjtt3b-borderWidth-bl-mobile,0px); border-radius: var(--tjtt3b-borderRadius-tl-mobile,0px) var(--tjtt3b-borderRadius-tr-mobile,0px) var(--tjtt3b-borderRadius-br-mobile,0px) var(--tjtt3b-borderRadius-bl-mobile,0px); max-width: var(--tjtt3b-max-width-mobile, var(--tjtt3b-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--tjtt3b-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--tjtt3b-gap,var(--beae-card-gap)); padding-top: var(--tjtt3b-padding-top,var(--beae-card-padding)); padding-right: var(--tjtt3b-padding-right,var(--beae-card-padding)); padding-bottom: var(--tjtt3b-padding-bottom,var(--beae-card-padding)); padding-left: var(--tjtt3b-padding-left,var(--beae-card-padding)); border-width: var(--tjtt3b-borderWidth,var(--beae-card-border-width)); border-width: var(--tjtt3b-borderWidth-tl,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-tr,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-br,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--tjtt3b-borderRadius-tl,var(--beae-card-border-radius)) var(--tjtt3b-borderRadius-tr,var(--beae-card-border-radius)) var(--tjtt3b-borderRadius-br,var(--beae-card-border-radius)) var(--tjtt3b-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(--tjtt3b-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--tjtt3b-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--tjtt3b-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--tjtt3b-padding-left-tablet,var(--beae-card-padding)); border-width: var(--tjtt3b-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--tjtt3b-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-br-desktop,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--tjtt3b-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--tjtt3b-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--tjtt3b-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--tjtt3b-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--tjtt3b-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--tjtt3b-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--tjtt3b-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--tjtt3b-padding-left-mobile,var(--beae-card-padding)); border-width: var(--tjtt3b-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--tjtt3b-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-br-mobile,var(--beae-card-border-width)) var(--tjtt3b-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--tjtt3b-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--tjtt3b-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--tjtt3b-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--tjtt3b-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--tjtt3b-background-color,var(--beae-card-featured-background)); border-color: var(--tjtt3b-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--tjtt3b-enableShadow: true): var(--tjtt3b-shadowHorizontal, var(--beae-card-shadow-x)) var(--tjtt3b-shadowVertical, var(--beae-card-shadow-y)) var(--tjtt3b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tjtt3b-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--tjtt3b-background-color,var(--beae-card-prod-background)); border-color: var(--tjtt3b-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--tjtt3b-enableShadow: true): var(--tjtt3b-shadowHorizontal, var(--beae-card-shadow-x)) var(--tjtt3b-shadowVertical, var(--beae-card-shadow-y)) var(--tjtt3b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tjtt3b-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--tjtt3b-background-color,var(--beae-card-pricing-background)); border-color: var(--tjtt3b-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--tjtt3b-enableShadow: true): var(--tjtt3b-shadowHorizontal, var(--beae-card-shadow-x)) var(--tjtt3b-shadowVertical, var(--beae-card-shadow-y)) var(--tjtt3b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tjtt3b-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--tjtt3b-background-color,var(--beae-card-cta-background)); border-color: var(--tjtt3b-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--tjtt3b-enableShadow: true): var(--tjtt3b-shadowHorizontal, var(--beae-card-shadow-x)) var(--tjtt3b-shadowVertical, var(--beae-card-shadow-y)) var(--tjtt3b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tjtt3b-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--tjtt3b-background-color,var(--beae-card-media-background)); border-color: var(--tjtt3b-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--tjtt3b-enableShadow: true): var(--tjtt3b-shadowHorizontal, var(--beae-card-shadow-x)) var(--tjtt3b-shadowVertical, var(--beae-card-shadow-y)) var(--tjtt3b-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--tjtt3b-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-tjtt3b"] { display: flex; flex-direction: var(--tjtt3b-direction, column); flex-wrap: nowrap; justify-content: var(--tjtt3b-justify-content); align-items: var(--tjtt3b-align-items); gap: var(--tjtt3b-gap, var(--tjtt3b-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-tjtt3b"] { gap: var(--tjtt3b-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(--tjtt3b-padding-right-tablet, 0px) - var(--tjtt3b-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-tjtt3b"] { gap: var(--tjtt3b-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(--tjtt3b-padding-right-mobile, 0px) - var(--tjtt3b-padding-right-mobile, 0px)); } } }[data-bnode="beae-s6qg52"] { --beae-h3-font-size: 26px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #ffffff; --beae-h3-font-family: Bricolage Grotesque; --beae-h3-font-weight: 500; --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; --s6qg52-typography: h3; --s6qg52-typography-tablet: h3; --s6qg52-typography-mobile: h3; --beae-h3-text-align: center; }[data-bnode="beae-s6qg52"] { margin-top: var(--s6qg52-margin-top, 0px); margin-right: var(--s6qg52-margin-right, 0px); margin-bottom: var(--s6qg52-margin-bottom, 0px); margin-left: var(--s6qg52-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--s6qg52-margin-top-tablet, 0px); margin-right: var(--s6qg52-margin-right-tablet, 0px); margin-bottom: var(--s6qg52-margin-bottom-tablet, 0px); margin-left: var(--s6qg52-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--s6qg52-margin-top-mobile, 0px); margin-right: var(--s6qg52-margin-right-mobile, 0px); margin-bottom: var(--s6qg52-margin-bottom-mobile, 0px); margin-left: var(--s6qg52-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--s6qg52-highlightColor,var(--beae-p-color)); top: var(--s6qg52-highlightTop, 100%); } }[data-bnode="beae-q36qs6"] { --q36qs6-direction: column; --q36qs6-direction-tablet: column; --q36qs6-direction-mobile: column; --q36qs6-align-items: flex-start; --q36qs6-align-items-tablet: center; --q36qs6-align-items-mobile: center; --q36qs6-gap: 8px; --q36qs6-gap-tablet: 8px; --q36qs6-gap-mobile: 8px; }[data-bnode="beae-q36qs6"] { padding-top: var(--q36qs6-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--q36qs6-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--q36qs6-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--q36qs6-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--q36qs6-padding-top-tablet, var(--q36qs6-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--q36qs6-padding-right-tablet, var(--q36qs6-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--q36qs6-padding-bottom-tablet, var(--q36qs6-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--q36qs6-padding-left-tablet, var(--q36qs6-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--q36qs6-padding-top-mobile, var(--q36qs6-padding-top-tablet, var(--q36qs6-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--q36qs6-padding-right-mobile, var(--q36qs6-padding-right-tablet, var(--q36qs6-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--q36qs6-padding-bottom-mobile, var(--q36qs6-padding-bottom-tablet, var(--q36qs6-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--q36qs6-padding-left-mobile, var(--q36qs6-padding-left-tablet, var(--q36qs6-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--q36qs6-padding-left, var(--beae-slot-padding-x, 0px)) - var(--q36qs6-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(--q36qs6-background-imageRatio, auto); background: var(--q36qs6-background-color,transparent); border-style: var(--q36qs6-borderStyle,solid); border-color: var(--q36qs6-borderColor,#000000); border-width: var(--q36qs6-borderWidth-tl,0px) var(--q36qs6-borderWidth-tr,0px) var(--q36qs6-borderWidth-br,0px) var(--q36qs6-borderWidth-bl,0px); border-radius: var(--q36qs6-borderRadius-tl,0px) var(--q36qs6-borderRadius-tr,0px) var(--q36qs6-borderRadius-br,0px) var(--q36qs6-borderRadius-bl,0px); box-shadow: if(style(--q36qs6-enableShadow: true): var(--q36qs6-shadowHorizontal,0) var(--q36qs6-shadowVertical,0) var(--q36qs6-shadowBlur,0) 1px var(--q36qs6-shadowColor,#000000); else: none); max-width: var(--q36qs6-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--q36qs6-background-imageRatio-tablet, var(--q36qs6-background-imageRatio, auto)); border-width: var(--q36qs6-borderWidth-tl-tablet,0px) var(--q36qs6-borderWidth-tr-tablet,0px) var(--q36qs6-borderWidth-br-tablet,0px) var(--q36qs6-borderWidth-bl-tablet,0px); border-radius: var(--q36qs6-borderRadius-tl-tablet,0px) var(--q36qs6-borderRadius-tr-tablet,0px) var(--q36qs6-borderRadius-br-tablet,0px) var(--q36qs6-borderRadius-bl-tablet,0px); max-width: var(--q36qs6-max-width-tablet, var(--q36qs6-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--q36qs6-background-imageRatio-mobile, var(--q36qs6-background-imageRatio, auto)); border-width: var(--q36qs6-borderWidth-tl-mobile,0px) var(--q36qs6-borderWidth-tr-mobile,0px) var(--q36qs6-borderWidth-br-mobile,0px) var(--q36qs6-borderWidth-bl-mobile,0px); border-radius: var(--q36qs6-borderRadius-tl-mobile,0px) var(--q36qs6-borderRadius-tr-mobile,0px) var(--q36qs6-borderRadius-br-mobile,0px) var(--q36qs6-borderRadius-bl-mobile,0px); max-width: var(--q36qs6-max-width-mobile, var(--q36qs6-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--q36qs6-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--q36qs6-gap,var(--beae-card-gap)); padding-top: var(--q36qs6-padding-top,var(--beae-card-padding)); padding-right: var(--q36qs6-padding-right,var(--beae-card-padding)); padding-bottom: var(--q36qs6-padding-bottom,var(--beae-card-padding)); padding-left: var(--q36qs6-padding-left,var(--beae-card-padding)); border-width: var(--q36qs6-borderWidth,var(--beae-card-border-width)); border-width: var(--q36qs6-borderWidth-tl,var(--beae-card-border-width)) var(--q36qs6-borderWidth-tr,var(--beae-card-border-width)) var(--q36qs6-borderWidth-br,var(--beae-card-border-width)) var(--q36qs6-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--q36qs6-borderRadius-tl,var(--beae-card-border-radius)) var(--q36qs6-borderRadius-tr,var(--beae-card-border-radius)) var(--q36qs6-borderRadius-br,var(--beae-card-border-radius)) var(--q36qs6-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(--q36qs6-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--q36qs6-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--q36qs6-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--q36qs6-padding-left-tablet,var(--beae-card-padding)); border-width: var(--q36qs6-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--q36qs6-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--q36qs6-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--q36qs6-borderWidth-br-desktop,var(--beae-card-border-width)) var(--q36qs6-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--q36qs6-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--q36qs6-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--q36qs6-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--q36qs6-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--q36qs6-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--q36qs6-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--q36qs6-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--q36qs6-padding-left-mobile,var(--beae-card-padding)); border-width: var(--q36qs6-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--q36qs6-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--q36qs6-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--q36qs6-borderWidth-br-mobile,var(--beae-card-border-width)) var(--q36qs6-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--q36qs6-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--q36qs6-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--q36qs6-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--q36qs6-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--q36qs6-background-color,var(--beae-card-featured-background)); border-color: var(--q36qs6-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--q36qs6-enableShadow: true): var(--q36qs6-shadowHorizontal, var(--beae-card-shadow-x)) var(--q36qs6-shadowVertical, var(--beae-card-shadow-y)) var(--q36qs6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q36qs6-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--q36qs6-background-color,var(--beae-card-prod-background)); border-color: var(--q36qs6-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--q36qs6-enableShadow: true): var(--q36qs6-shadowHorizontal, var(--beae-card-shadow-x)) var(--q36qs6-shadowVertical, var(--beae-card-shadow-y)) var(--q36qs6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q36qs6-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--q36qs6-background-color,var(--beae-card-pricing-background)); border-color: var(--q36qs6-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--q36qs6-enableShadow: true): var(--q36qs6-shadowHorizontal, var(--beae-card-shadow-x)) var(--q36qs6-shadowVertical, var(--beae-card-shadow-y)) var(--q36qs6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q36qs6-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--q36qs6-background-color,var(--beae-card-cta-background)); border-color: var(--q36qs6-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--q36qs6-enableShadow: true): var(--q36qs6-shadowHorizontal, var(--beae-card-shadow-x)) var(--q36qs6-shadowVertical, var(--beae-card-shadow-y)) var(--q36qs6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q36qs6-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--q36qs6-background-color,var(--beae-card-media-background)); border-color: var(--q36qs6-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--q36qs6-enableShadow: true): var(--q36qs6-shadowHorizontal, var(--beae-card-shadow-x)) var(--q36qs6-shadowVertical, var(--beae-card-shadow-y)) var(--q36qs6-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--q36qs6-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-q36qs6"] { display: flex; flex-direction: var(--q36qs6-direction, column); flex-wrap: nowrap; justify-content: var(--q36qs6-justify-content); align-items: var(--q36qs6-align-items); gap: var(--q36qs6-gap, var(--q36qs6-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-q36qs6"] { align-items: var(--q36qs6-align-items-tablet, inherit); gap: var(--q36qs6-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(--q36qs6-padding-right-tablet, 0px) - var(--q36qs6-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-q36qs6"] { flex-direction: var(--q36qs6-direction-mobile, column); align-items: var(--q36qs6-align-items-mobile, inherit); gap: var(--q36qs6-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-xiaf2a"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 28px; --beae-h2-color: #181818; --beae-h2-font-family: Bricolage Grotesque; --beae-h2-font-weight: 500; --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; --xiaf2a-typography: h2; --xiaf2a-typography-tablet: h2; --xiaf2a-typography-mobile: h2; }[data-bnode="beae-xiaf2a"] { margin-top: var(--xiaf2a-margin-top, 0px); margin-right: var(--xiaf2a-margin-right, 0px); margin-bottom: var(--xiaf2a-margin-bottom, 0px); margin-left: var(--xiaf2a-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xiaf2a-margin-top-tablet, 0px); margin-right: var(--xiaf2a-margin-right-tablet, 0px); margin-bottom: var(--xiaf2a-margin-bottom-tablet, 0px); margin-left: var(--xiaf2a-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xiaf2a-margin-top-mobile, 0px); margin-right: var(--xiaf2a-margin-right-mobile, 0px); margin-bottom: var(--xiaf2a-margin-bottom-mobile, 0px); margin-left: var(--xiaf2a-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--xiaf2a-highlightColor,var(--beae-p-color)); top: var(--xiaf2a-highlightTop, 100%); } }[data-bnode="beae-fquq50"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #5A5A5A; --beae-p2-font-family: Figtree; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --fquq50-typography: p2; --fquq50-typography-tablet: p2; --fquq50-typography-mobile: p2; --beae-p2-text-align-mobile: center; }[data-bnode="beae-fquq50"] { margin-top: var(--fquq50-margin-top, 0px); margin-right: var(--fquq50-margin-right, 0px); margin-bottom: var(--fquq50-margin-bottom, 0px); margin-left: var(--fquq50-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--fquq50-margin-top-tablet, 0px); margin-right: var(--fquq50-margin-right-tablet, 0px); margin-bottom: var(--fquq50-margin-bottom-tablet, 0px); margin-left: var(--fquq50-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--fquq50-margin-top-mobile, 0px); margin-right: var(--fquq50-margin-right-mobile, 0px); margin-bottom: var(--fquq50-margin-bottom-mobile, 0px); margin-left: var(--fquq50-margin-left-mobile, 0px); } }[data-bnode="beae-km3ewi"] { --km3ewi-direction: column; --km3ewi-direction-tablet: column; --km3ewi-direction-mobile: column; --km3ewi-justify-content: center; --km3ewi-justify-content-tablet: center; --km3ewi-justify-content-mobile: center; --km3ewi-max-width-tablet: 50%; --km3ewi-align-items: flex-end; --km3ewi-align-items-tablet: flex-end; --km3ewi-align-items-mobile: stretch; --km3ewi-borderWidth-tl: 0px; --km3ewi-borderWidth-tl-tablet: 0px; --km3ewi-borderWidth-tl-mobile: 0px; --km3ewi-borderWidth-tr: 0px; --km3ewi-borderWidth-tr-tablet: 0px; --km3ewi-borderWidth-tr-mobile: 0px; --km3ewi-borderWidth-bl: 0px; --km3ewi-borderWidth-bl-tablet: 0px; --km3ewi-borderWidth-bl-mobile: 0px; --km3ewi-borderWidth-br: 0px; --km3ewi-borderWidth-br-tablet: 0px; --km3ewi-borderWidth-br-mobile: 0px; --km3ewi-max-width_custom-tablet: 50%; --km3ewi-max-width_custom-mobile: 50%; }[data-bnode="beae-km3ewi"] { padding-top: var(--km3ewi-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--km3ewi-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--km3ewi-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--km3ewi-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--km3ewi-padding-top-tablet, var(--km3ewi-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--km3ewi-padding-right-tablet, var(--km3ewi-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--km3ewi-padding-bottom-tablet, var(--km3ewi-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--km3ewi-padding-left-tablet, var(--km3ewi-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--km3ewi-padding-top-mobile, var(--km3ewi-padding-top-tablet, var(--km3ewi-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--km3ewi-padding-right-mobile, var(--km3ewi-padding-right-tablet, var(--km3ewi-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--km3ewi-padding-bottom-mobile, var(--km3ewi-padding-bottom-tablet, var(--km3ewi-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--km3ewi-padding-left-mobile, var(--km3ewi-padding-left-tablet, var(--km3ewi-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--km3ewi-padding-left, var(--beae-slot-padding-x, 0px)) - var(--km3ewi-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(--km3ewi-background-imageRatio, auto); background: var(--km3ewi-background-color,transparent); border-style: var(--km3ewi-borderStyle,solid); border-color: var(--km3ewi-borderColor,#000000); border-width: var(--km3ewi-borderWidth-tl,0px) var(--km3ewi-borderWidth-tr,0px) var(--km3ewi-borderWidth-br,0px) var(--km3ewi-borderWidth-bl,0px); border-radius: var(--km3ewi-borderRadius-tl,0px) var(--km3ewi-borderRadius-tr,0px) var(--km3ewi-borderRadius-br,0px) var(--km3ewi-borderRadius-bl,0px); box-shadow: if(style(--km3ewi-enableShadow: true): var(--km3ewi-shadowHorizontal,0) var(--km3ewi-shadowVertical,0) var(--km3ewi-shadowBlur,0) 1px var(--km3ewi-shadowColor,#000000); else: none); max-width: var(--km3ewi-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--km3ewi-background-imageRatio-tablet, var(--km3ewi-background-imageRatio, auto)); border-width: var(--km3ewi-borderWidth-tl-tablet,0px) var(--km3ewi-borderWidth-tr-tablet,0px) var(--km3ewi-borderWidth-br-tablet,0px) var(--km3ewi-borderWidth-bl-tablet,0px); border-radius: var(--km3ewi-borderRadius-tl-tablet,0px) var(--km3ewi-borderRadius-tr-tablet,0px) var(--km3ewi-borderRadius-br-tablet,0px) var(--km3ewi-borderRadius-bl-tablet,0px); max-width: var(--km3ewi-max-width-tablet, var(--km3ewi-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--km3ewi-background-imageRatio-mobile, var(--km3ewi-background-imageRatio, auto)); border-width: var(--km3ewi-borderWidth-tl-mobile,0px) var(--km3ewi-borderWidth-tr-mobile,0px) var(--km3ewi-borderWidth-br-mobile,0px) var(--km3ewi-borderWidth-bl-mobile,0px); border-radius: var(--km3ewi-borderRadius-tl-mobile,0px) var(--km3ewi-borderRadius-tr-mobile,0px) var(--km3ewi-borderRadius-br-mobile,0px) var(--km3ewi-borderRadius-bl-mobile,0px); max-width: var(--km3ewi-max-width-mobile, var(--km3ewi-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--km3ewi-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--km3ewi-gap,var(--beae-card-gap)); padding-top: var(--km3ewi-padding-top,var(--beae-card-padding)); padding-right: var(--km3ewi-padding-right,var(--beae-card-padding)); padding-bottom: var(--km3ewi-padding-bottom,var(--beae-card-padding)); padding-left: var(--km3ewi-padding-left,var(--beae-card-padding)); border-width: var(--km3ewi-borderWidth,var(--beae-card-border-width)); border-width: var(--km3ewi-borderWidth-tl,var(--beae-card-border-width)) var(--km3ewi-borderWidth-tr,var(--beae-card-border-width)) var(--km3ewi-borderWidth-br,var(--beae-card-border-width)) var(--km3ewi-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--km3ewi-borderRadius-tl,var(--beae-card-border-radius)) var(--km3ewi-borderRadius-tr,var(--beae-card-border-radius)) var(--km3ewi-borderRadius-br,var(--beae-card-border-radius)) var(--km3ewi-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(--km3ewi-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--km3ewi-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--km3ewi-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--km3ewi-padding-left-tablet,var(--beae-card-padding)); border-width: var(--km3ewi-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--km3ewi-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--km3ewi-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--km3ewi-borderWidth-br-desktop,var(--beae-card-border-width)) var(--km3ewi-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--km3ewi-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--km3ewi-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--km3ewi-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--km3ewi-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--km3ewi-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--km3ewi-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--km3ewi-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--km3ewi-padding-left-mobile,var(--beae-card-padding)); border-width: var(--km3ewi-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--km3ewi-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--km3ewi-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--km3ewi-borderWidth-br-mobile,var(--beae-card-border-width)) var(--km3ewi-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--km3ewi-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--km3ewi-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--km3ewi-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--km3ewi-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--km3ewi-background-color,var(--beae-card-featured-background)); border-color: var(--km3ewi-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--km3ewi-enableShadow: true): var(--km3ewi-shadowHorizontal, var(--beae-card-shadow-x)) var(--km3ewi-shadowVertical, var(--beae-card-shadow-y)) var(--km3ewi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--km3ewi-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--km3ewi-background-color,var(--beae-card-prod-background)); border-color: var(--km3ewi-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--km3ewi-enableShadow: true): var(--km3ewi-shadowHorizontal, var(--beae-card-shadow-x)) var(--km3ewi-shadowVertical, var(--beae-card-shadow-y)) var(--km3ewi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--km3ewi-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--km3ewi-background-color,var(--beae-card-pricing-background)); border-color: var(--km3ewi-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--km3ewi-enableShadow: true): var(--km3ewi-shadowHorizontal, var(--beae-card-shadow-x)) var(--km3ewi-shadowVertical, var(--beae-card-shadow-y)) var(--km3ewi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--km3ewi-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--km3ewi-background-color,var(--beae-card-cta-background)); border-color: var(--km3ewi-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--km3ewi-enableShadow: true): var(--km3ewi-shadowHorizontal, var(--beae-card-shadow-x)) var(--km3ewi-shadowVertical, var(--beae-card-shadow-y)) var(--km3ewi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--km3ewi-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--km3ewi-background-color,var(--beae-card-media-background)); border-color: var(--km3ewi-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--km3ewi-enableShadow: true): var(--km3ewi-shadowHorizontal, var(--beae-card-shadow-x)) var(--km3ewi-shadowVertical, var(--beae-card-shadow-y)) var(--km3ewi-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--km3ewi-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-km3ewi"] { display: flex; flex-direction: var(--km3ewi-direction, column); flex-wrap: nowrap; justify-content: var(--km3ewi-justify-content); align-items: var(--km3ewi-align-items); gap: var(--km3ewi-gap, var(--km3ewi-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-km3ewi"] { gap: var(--km3ewi-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(--km3ewi-padding-right-tablet, 0px) - var(--km3ewi-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-km3ewi"] { align-items: var(--km3ewi-align-items-mobile, inherit); gap: var(--km3ewi-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(--km3ewi-padding-right-mobile, 0px) - var(--km3ewi-padding-right-mobile, 0px)); } } }[data-bnode="beae-o8nb2f"] { --o8nb2f-timer: label; --o8nb2f-timer-tablet: label; --o8nb2f-timer-mobile: label; --o8nb2f-typographyNumber: h2; --o8nb2f-typographyNumber-tablet: h2; --o8nb2f-typographyNumber-mobile: h2; --beae-p-color: #181818; --beae-p-text-align: center; --o8nb2f-paddingX: 20px; --o8nb2f-paddingX-tablet: 20px; --o8nb2f-paddingX-mobile: 0px; --o8nb2f-paddingY: 0px; --o8nb2f-paddingY-tablet: 0px; --o8nb2f-paddingY-mobile: 0px; --o8nb2f-background-type: color; --o8nb2f-background-type-tablet: color; --o8nb2f-background-type-mobile: color; --o8nb2f-background-color: #EDEDED00; --o8nb2f-background-color-tablet: #EDEDED00; --o8nb2f-background-color-mobile: #EDEDED00; --o8nb2f-gap: 24px; --o8nb2f-gap-tablet: 0px; --o8nb2f-gap-mobile: 0px; --beae-h2-text-align: center; --beae-h2-line-height: 1.2; --beae-h2-font-size: 42px; --beae-h2-color: #181818; --beae-p-font-size: 14px; --beae-h2-font-weight: 500; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 28px; --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; --o8nb2f-enableShadow: false; --o8nb2f-enableShadow-tablet: false; --o8nb2f-enableShadow-mobile: false; --o8nb2f-shadowHorizontal: 0; --o8nb2f-shadowHorizontal-tablet: 0; --o8nb2f-shadowHorizontal-mobile: 0; --o8nb2f-borderWidth-tl: 0px; --o8nb2f-borderWidth-tl-tablet: 0px; --o8nb2f-borderWidth-tl-mobile: 0px; --o8nb2f-borderWidth-tr: 0px; --o8nb2f-borderWidth-tr-tablet: 0px; --o8nb2f-borderWidth-tr-mobile: 0px; --o8nb2f-borderWidth-bl: 0px; --o8nb2f-borderWidth-bl-tablet: 0px; --o8nb2f-borderWidth-bl-mobile: 0px; --o8nb2f-borderWidth-br: 0px; --o8nb2f-borderWidth-br-tablet: 0px; --o8nb2f-borderWidth-br-mobile: 0px; --o8nb2f-borderRadius-tl: 0px; --o8nb2f-borderRadius-tl-tablet: 0px; --o8nb2f-borderRadius-tl-mobile: 0px; --o8nb2f-borderRadius-tr: 0px; --o8nb2f-borderRadius-tr-tablet: 0px; --o8nb2f-borderRadius-tr-mobile: 0px; --o8nb2f-borderRadius-bl: 0px; --o8nb2f-borderRadius-bl-tablet: 0px; --o8nb2f-borderRadius-bl-mobile: 0px; --o8nb2f-borderRadius-br: 0px; --o8nb2f-borderRadius-br-tablet: 0px; --o8nb2f-borderRadius-br-mobile: 0px; --o8nb2f-margin-top-tablet: 12px; --o8nb2f-margin-top-mobile: 8px; --o8nb2f-margin-right-tablet: 0px; --o8nb2f-margin-right-mobile: 1px; --o8nb2f-margin-bottom-tablet: 0px; --o8nb2f-margin-bottom-mobile: 0px; --o8nb2f-margin-left-tablet: 0px; --o8nb2f-margin-left-mobile: 0px; }[data-bnode="beae-o8nb2f"] { margin-top: var(--o8nb2f-margin-top, 0px); margin-right: var(--o8nb2f-margin-right, 0px); margin-bottom: var(--o8nb2f-margin-bottom, 0px); margin-left: var(--o8nb2f-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--o8nb2f-margin-top-tablet, 0px); margin-right: var(--o8nb2f-margin-right-tablet, 0px); margin-bottom: var(--o8nb2f-margin-bottom-tablet, 0px); margin-left: var(--o8nb2f-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--o8nb2f-margin-top-mobile, 0px); margin-right: var(--o8nb2f-margin-right-mobile, 0px); margin-bottom: var(--o8nb2f-margin-bottom-mobile, 0px); margin-left: var(--o8nb2f-margin-left-mobile, 0px); } &.beae-countdown-wrapper { width: auto; width: auto; display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--o8nb2f-gap, 10px); border-style: var(--o8nb2f-borderStyle,solid); border-color: var(--o8nb2f-borderColor,#000000); border-width: var(--o8nb2f-borderWidth-tl,0px) var(--o8nb2f-borderWidth-tr,0px) var(--o8nb2f-borderWidth-br,0px) var(--o8nb2f-borderWidth-bl,0px); border-radius: var(--o8nb2f-borderRadius-tl,0px) var(--o8nb2f-borderRadius-tr,0px) var(--o8nb2f-borderRadius-br,0px) var(--o8nb2f-borderRadius-bl,0px); &.time-out[data-action-time-out="hide"] { display: none; } .beae-separator-hidden { display: none; } .beae-separator-show { display: flex; } .beae-countdown-item { position: relative; flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; border-radius: var(--o8nb2f-borderRadius); border: var(--o8nb2f-borderWidth) var(--o8nb2f-borderStyle) var(--o8nb2f-borderColor, #000000); box-shadow: if( style(--o8nb2f-enableShadow: true): var(--o8nb2f-shadowHorizontal, 0) var(--o8nb2f-shadowVertical, 0) var(--o8nb2f-shadowBlur, 0) 1px var(--o8nb2f-shadowColor, #000000) ; else: none ); overflow: hidden; background: var(--o8nb2f-background-color); padding-inline: var(--o8nb2f-paddingX); padding-block: var(--o8nb2f-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; } } } } @media (min-width: 768px) and (max-width: 1180px) { &.beae-countdown-wrapper { gap: var(--o8nb2f-gap-tablet, 10px); .beae-countdown-item { padding-inline: var(--o8nb2f-paddingX-tablet); padding-block: var(--o8nb2f-paddingY-tablet); } } } @media (max-width: 767px) { &.beae-countdown-wrapper { gap: var(--o8nb2f-gap-mobile, 10px); .beae-countdown-item { padding-inline: var(--o8nb2f-paddingX-mobile); padding-block: var(--o8nb2f-paddingY-mobile); } } } }[data-bnode="beae-5w6262"] { --5w6262-width: 100%; --5w6262-width-tablet: 100%; --5w6262-width-mobile: 100%; --5w6262-height: fit-content; --5w6262-height-tablet: fit-content; --5w6262-height-mobile: fit-content; --5w6262-padding-top: 96px; --5w6262-padding-top-tablet: 64px; --5w6262-padding-top-mobile: 32px; --5w6262-padding-bottom: 96px; --5w6262-padding-bottom-tablet: 64px; --5w6262-padding-bottom-mobile: 32px; --5w6262-padding-right: 30px; --5w6262-padding-right-tablet: 30px; --5w6262-padding-right-mobile: 16px; --5w6262-padding-left: 30px; --5w6262-padding-left-tablet: 30px; --5w6262-padding-left-mobile: 16px; --5w6262-direction: column; --5w6262-direction-tablet: column; --5w6262-direction-mobile: column; }[data-bnode="beae-5w6262"] { padding-top: var(--5w6262-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--5w6262-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--5w6262-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--5w6262-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--5w6262-padding-top-tablet, var(--5w6262-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--5w6262-padding-right-tablet, var(--5w6262-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--5w6262-padding-bottom-tablet, var(--5w6262-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--5w6262-padding-left-tablet, var(--5w6262-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--5w6262-padding-top-mobile, var(--5w6262-padding-top-tablet, var(--5w6262-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--5w6262-padding-right-mobile, var(--5w6262-padding-right-tablet, var(--5w6262-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--5w6262-padding-bottom-mobile, var(--5w6262-padding-bottom-tablet, var(--5w6262-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--5w6262-padding-left-mobile, var(--5w6262-padding-left-tablet, var(--5w6262-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--5w6262-padding-left, var(--beae-section-padding-x, 0px)) - var(--5w6262-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(--5w6262-background-color); max-width: 100%; overflow: clip; position: relative; .beae-section-container { height: var(--5w6262-height); width: 100%; max-width: var(--5w6262-width, 1280px); margin: 0 auto; > * { position: relative; z-index: 1; } > .beae-bg-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; img{ width: 100%; height: 100%; } } > .beae-video-background{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); z-index: 0; object-fit: cover; background: #000000; } } } @media (min-width: 767.79px) and (max-width: 1180px) { &.beae-section { background: var(--5w6262-background-color-tablet, var(--5w6262-background-color)); & .beae-section-container { height: var(--5w6262-height-tablet, auto); width: 100%; max-width: var(--5w6262-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { background: var(--5w6262-background-color-mobile, var(--5w6262-background-color-tablet, var(--5w6262-background-color))); & .beae-section-container { height: var(--5w6262-height-mobile, auto); width: 100%; max-width: var(--5w6262-width-mobile, 100%); } } } }[data-bnode="beae-5w6262"] > .beae-section-container{ display: flex; flex-direction: var(--5w6262-direction, column); flex-wrap: nowrap; justify-content: var(--5w6262-justify-content); align-items: var(--5w6262-align-items); gap: var(--5w6262-gap, var(--beae-grid-gap, 4px)); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-5w6262"] > .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(--5w6262-padding-right-tablet, 0px) - var(--5w6262-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-5w6262"] > .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(--5w6262-padding-right-mobile, 0px) - var(--5w6262-padding-right-mobile, 0px)); } } }[data-bnode="beae-z7e8vy"] { --z7e8vy-direction: row; --z7e8vy-direction-tablet: row; --z7e8vy-direction-mobile: column; --z7e8vy-structure: columns; --z7e8vy-structure-tablet: columns; --z7e8vy-structure-mobile: columns; --z7e8vy-gap: 0px; --z7e8vy-gap-tablet: 0; --z7e8vy-gap-mobile: 32px; --z7e8vy-columns: 50.00,50.00; --z7e8vy-columns-tablet: 50.00,50.00; --z7e8vy-columns-mobile: 50.00,50.00; --z7e8vy-columnsPresetId: 50.00,50.00; --z7e8vy-columnsPresetId-tablet: 50.00,50.00; --z7e8vy-columnsPresetId-mobile: 50.00,50.00; --z7e8vy-padding-top: 0px; --z7e8vy-padding-top-tablet: 0px; --z7e8vy-padding-top-mobile: 0px; --z7e8vy-padding-right: 0px; --z7e8vy-padding-right-tablet: 0px; --z7e8vy-padding-right-mobile: 0px; --z7e8vy-padding-bottom: 0px; --z7e8vy-padding-bottom-tablet: 0px; --z7e8vy-padding-bottom-mobile: 0px; --z7e8vy-padding-left: 0px; --z7e8vy-padding-left-tablet: 0px; --z7e8vy-padding-left-mobile: 0px; }[data-bnode="beae-z7e8vy"] { padding-top: var(--z7e8vy-padding-top, 0px); padding-right: var(--z7e8vy-padding-right, 0px); padding-bottom: var(--z7e8vy-padding-bottom, 0px); padding-left: var(--z7e8vy-padding-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--z7e8vy-padding-top-tablet, var(--z7e8vy-padding-top, 0px)); padding-right: var(--z7e8vy-padding-right-tablet, var(--z7e8vy-padding-right, 0px)); padding-bottom: var(--z7e8vy-padding-bottom-tablet, var(--z7e8vy-padding-bottom, 0px)); padding-left: var(--z7e8vy-padding-left-tablet, var(--z7e8vy-padding-left, 0px)); } @media (max-width: 767px) { padding-top: var(--z7e8vy-padding-top-mobile, var(--z7e8vy-padding-top-tablet, var(--z7e8vy-padding-top, 0px))); padding-right: var(--z7e8vy-padding-right-mobile, var(--z7e8vy-padding-right-tablet, var(--z7e8vy-padding-right, 0px))); padding-bottom: var(--z7e8vy-padding-bottom-mobile, var(--z7e8vy-padding-bottom-tablet, var(--z7e8vy-padding-bottom, 0px))); padding-left: var(--z7e8vy-padding-left-mobile, var(--z7e8vy-padding-left-tablet, var(--z7e8vy-padding-left, 0px))); } width: calc( 100% - var(--z7e8vy-padding-left, 0px) - var(--z7e8vy-padding-right, 0px) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-slot { position: relative; overflow: clip; background: var(--z7e8vy-background-color); border-style: var(--z7e8vy-borderStyle, solid); border-color: var(--z7e8vy-borderColor, #000000); border-width: var(--z7e8vy-borderWidth-tl, 0px) var(--z7e8vy-borderWidth-tr, 0px) var(--z7e8vy-borderWidth-br, 0px) var(--z7e8vy-borderWidth-bl, 0px); border-radius: var(--z7e8vy-borderRadius-tl, 0px) var(--z7e8vy-borderRadius-tr, 0px) var(--z7e8vy-borderRadius-br, 0px) var(--z7e8vy-borderRadius-bl, 0px); box-shadow: if( style(--z7e8vy-enableShadow: true): var(--z7e8vy-shadowHorizontal, 0) var(--z7e8vy-shadowVertical, 0) var(--z7e8vy-shadowBlur, 0) 1px var(--z7e8vy-shadowColor, #000000) ; else: none ); max-width: var(--z7e8vy-max-width, 100%); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--z7e8vy-borderWidth-tl-tablet, 0px) var(--z7e8vy-borderWidth-tr-tablet, 0px) var(--z7e8vy-borderWidth-br-tablet, 0px) var(--z7e8vy-borderWidth-bl-tablet, 0px); border-radius: var(--z7e8vy-borderRadius-tl-tablet, 0px) var(--z7e8vy-borderRadius-tr-tablet, 0px) var(--z7e8vy-borderRadius-br-tablet, 0px) var(--z7e8vy-borderRadius-bl-tablet, 0px); max-width: var(--z7e8vy-max-width-tablet, var(--z7e8vy-max-width, 100%)); } @media (max-width: 767px) { border-width: var(--z7e8vy-borderWidth-tl-mobile, 0px) var(--z7e8vy-borderWidth-tr-mobile, 0px) var(--z7e8vy-borderWidth-br-mobile, 0px) var(--z7e8vy-borderWidth-bl-mobile, 0px); border-radius: var(--z7e8vy-borderRadius-tl-mobile, 0px) var(--z7e8vy-borderRadius-tr-mobile, 0px) var(--z7e8vy-borderRadius-br-mobile, 0px) var(--z7e8vy-borderRadius-bl-mobile, 0px); max-width: var(--z7e8vy-max-width-mobile, var(--z7e8vy-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; } } @media(min-width: 767px){ .beae-virtual-slot { position: sticky; top: 0; z-index: 2; } } } }[data-bnode="beae-z7e8vy"] { display: flex; flex-direction: var(--z7e8vy-direction, column); flex-wrap: nowrap; justify-content: var(--z7e8vy-justify-content); align-items: var(--z7e8vy-align-items); gap: var(--z7e8vy-gap, var(--z7e8vy-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(--z7e8vy-padding-right, 0px) - var(--z7e8vy-padding-right, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(50.00% - var(--z7e8vy-padding-right, 0px) - var(--z7e8vy-padding-right, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--z7e8vy-padding-right, 0px) - var(--z7e8vy-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-z7e8vy"] { flex-direction: var(--z7e8vy-direction-tablet, column); gap: var(--z7e8vy-gap-tablet, var(--z7e8vy-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(--z7e8vy-padding-right-tablet, 0px) - var(--z7e8vy-padding-right-tablet, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(50.00% - var(--z7e8vy-padding-right-tablet, 0px) - var(--z7e8vy-padding-right-tablet, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--z7e8vy-padding-right-tablet, 0px) - var(--z7e8vy-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-z7e8vy"] { flex-direction: var(--z7e8vy-direction-mobile, column); gap: var(--z7e8vy-gap-mobile, var(--z7e8vy-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-xgx033"] { --xgx033-aspectRatioMedia: 1/1; --xgx033-aspectRatioMedia-tablet: 1/1; --xgx033-aspectRatioMedia-mobile: 1/1; --xgx033-aspectRatioThumbs: 1/1; --xgx033-aspectRatioThumbs-tablet: 1/1; --xgx033-aspectRatioThumbs-mobile: 1/1; --xgx033-positionThumb: bottom; --xgx033-positionThumb-tablet: bottom; --xgx033-positionThumb-mobile: bottom; --xgx033-borderRadiusMedia: 0px; --xgx033-borderRadiusMedia-tablet: 0px; --xgx033-borderRadiusMedia-mobile: 0px; --xgx033-borderRadiusThumbs: 0px; --xgx033-borderRadiusThumbs-tablet: 0px; --xgx033-borderRadiusThumbs-mobile: 0px; --xgx033-widthItemThumbs: 100px; --xgx033-widthItemThumbs-tablet: 80px; --xgx033-widthItemThumbs-mobile: 64px; --xgx033-media: main; --xgx033-media-tablet: main; --xgx033-media-mobile: main; --xgx033-borderRadiusMain: 24px; --xgx033-borderRadiusMain-tablet: 16px; --xgx033-borderRadiusMain-mobile: 16px; --xgx033-enableShadowMain: false; --xgx033-enableShadowMain-tablet: false; --xgx033-enableShadowMain-mobile: false; --xgx033-borderStyleThumbs: none; --xgx033-borderStyleThumbs-tablet: none; --xgx033-borderStyleThumbs-mobile: none; --xgx033-borderWidthThumbs: 1px; --xgx033-borderWidthThumbs-tablet: 1px; --xgx033-borderWidthThumbs-mobile: 1px; --xgx033-borderColorThumbs: #000000; --xgx033-borderColorThumbs-tablet: #000000; --xgx033-borderColorThumbs-mobile: #000000; --xgx033-aspectRatioMain: 1/1; --xgx033-aspectRatioMain-tablet: 1/1; --xgx033-aspectRatioMain-mobile: 1/1; --xgx033-enableShadowThumbs: false; --xgx033-enableShadowThumbs-tablet: false; --xgx033-enableShadowThumbs-mobile: false; --xgx033-shadowBlurThumbs: 0px; --xgx033-shadowBlurThumbs-tablet: 0px; --xgx033-shadowBlurThumbs-mobile: 0px; --xgx033-shadowVerticalThumbs: 0px; --xgx033-shadowVerticalThumbs-tablet: 0px; --xgx033-shadowVerticalThumbs-mobile: 0px; --xgx033-shadowHorizontalThumbs: 0px; --xgx033-shadowHorizontalThumbs-tablet: 0px; --xgx033-shadowHorizontalThumbs-mobile: 0px; --xgx033-borderStyleMain: none; --xgx033-borderStyleMain-tablet: none; --xgx033-borderStyleMain-mobile: none; --xgx033-borderWidthMain: 1px; --xgx033-borderWidthMain-tablet: 1px; --xgx033-borderWidthMain-mobile: 1px; --xgx033-shadowBlurMain: 0px; --xgx033-shadowBlurMain-tablet: 0px; --xgx033-shadowBlurMain-mobile: 0px; --xgx033-shadowVerticalMain: 0px; --xgx033-shadowVerticalMain-tablet: 0px; --xgx033-shadowVerticalMain-mobile: 0px; --xgx033-shadowHorizontalMain: 0px; --xgx033-shadowHorizontalMain-tablet: 0px; --xgx033-shadowHorizontalMain-mobile: 0px; --xgx033-effect: slide; --xgx033-effect-tablet: slide; --xgx033-effect-mobile: slide; --xgx033-gap: 16px; --xgx033-gap-tablet: 16px; --xgx033-gap-mobile: 16px; --xgx033-borderColorMain: #000000; --xgx033-borderColorMain-tablet: #000000; --xgx033-borderColorMain-mobile: #000000; --xgx033-imageRatioMain: 1/1; --xgx033-imageRatioMain-tablet: 1/1; --xgx033-imageRatioMain-mobile: 1/1; --xgx033-objFit: cover; --xgx033-objFit-tablet: cover; --xgx033-objFit-mobile: cover; --xgx033-imageRatioThumbs: 1/1; --xgx033-imageRatioThumbs-tablet: 1/1; --xgx033-imageRatioThumbs-mobile: 1/1; --xgx033-enableShadow: false; --xgx033-enableShadow-tablet: false; --xgx033-enableShadow-mobile: false; }[data-bnode="beae-xgx033"] { margin-top: var(--xgx033-margin-top, 0px); margin-right: var(--xgx033-margin-right, 0px); margin-bottom: var(--xgx033-margin-bottom, 0px); margin-left: var(--xgx033-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--xgx033-margin-top-tablet, 0px); margin-right: var(--xgx033-margin-right-tablet, 0px); margin-bottom: var(--xgx033-margin-bottom-tablet, 0px); margin-left: var(--xgx033-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--xgx033-margin-top-mobile, 0px); margin-right: var(--xgx033-margin-right-mobile, 0px); margin-bottom: var(--xgx033-margin-bottom-mobile, 0px); margin-left: var(--xgx033-margin-left-mobile, 0px); } & { @media (min-width: 768px){ position: sticky; top: 0; z-index: 10; } .beae-media-product { display: flex; gap: var(--xgx033-gap, 16px); width: 100%; .beae-main-slider-wrap { width: 100%; height: fit-content; } } .beae-slider-pagination-wrapper { margin-top: -36px; width: 100% !important; margin-inline: 16px; } .beae-slider-pagination { /* border-radius: 4px !important; height: 4px !important; */ z-index: 9; &.active { background-color: #181818 !important; } } .beae-product-media-main[data-effect="fade"] { position: relative; border-radius: var(--xgx033-borderRadiusMain); box-shadow: if(style(--xgx033-enableShadowMain: true): var(--xgx033-shadowHorizontalMain, 0) var(--xgx033-shadowVerticalMain, 0) var(--xgx033-shadowBlurMain, 0) 1px var(--xgx033-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-product-media-main[data-effect="fade"]::before { content: ""; position: absolute; inset: 0; border: var(--xgx033-borderWidthMain) var(--xgx033-borderStyleMain) var(--xgx033-borderColorMain, #000000); z-index: 1; } .beae-product-media-main[data-effect="slide"] { overflow: hidden; .beae-slider-item { position: relative; border-radius: var(--xgx033-borderRadiusMain); box-shadow: if(style(--xgx033-enableShadowMain: true): var(--xgx033-shadowHorizontalMain, 0) var(--xgx033-shadowVerticalMain, 0) var(--xgx033-shadowBlurMain, 0) 1px var(--xgx033-shadowColorMain, #000000); else: none); overflow: hidden; } .beae-slider-item::before { content: ""; position: absolute; inset: 0; border: var(--xgx033-borderWidthMain) var(--xgx033-borderStyleMain) var(--xgx033-borderColorMain, #000000); z-index: 1; } } .beae-product-picture { display: block; height: auto; aspect-ratio: var(--xgx033-imageRatioMain); overflow: hidden; .beae-product-image { width: 100%; height: 100%; object-fit: var(--xgx033-objFit, cover); object-position: var(--beae-image-position, 0% 50%); vertical-align: middle; } } .beae-product-thumb-slide { .beae-slider-items { gap: 16px; } .beae-slider-item { flex: 1 0 var(--xgx033-widthItemThumbs, 100px) !important; max-width: var(--xgx033-widthItemThumbs, 100px); } .beae-slider-item.is-active .beae-thumb-image { box-shadow: if(style(--xgx033-enableShadowThumbs: true): var(--xgx033-shadowHorizontalThumbs, 0) var(--xgx033-shadowVerticalThumbs, 0) var(--xgx033-shadowBlurThumbs, 0) 1px var(--xgx033-shadowColorThumbs, #000000); else: none); } .beae-slider-item.is-active .beae-thumb-image::after { content: ""; position: absolute; inset: 0; border: var(--xgx033-borderWidthThumbs) var(--xgx033-borderStyleThumbs) var(--xgx033-borderColorThumbs, #000000); border-radius: inherit; z-index: 1; } } .beae-thumb-image { position: relative; width: 100%; max-width: 100%; height: auto; aspect-ratio: var(--xgx033-imageRatioThumbs); border-radius: var(--xgx033-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 { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs='left'] { flex-direction: row-reverse; } } } } @media (min-width: 768px) and (max-width: 1180px) { & { .beae-product-media-main[data-effect="fade"], .beae-product-media-main[data-effect="slide"] .beae-slider-item { border-radius: var(--xgx033-borderRadiusMain-tablet); } .beae-media-product { gap: var(--xgx033-gap-tablet, 16px); &[data-position-thumbs-tablet='bottom'] { flex-direction: column; .beae-thumb-wrapper { max-width: 100%; width: 100%; overflow: hidden; } } &:not([data-position-thumbs-tablet='bottom']) { .beae-main-slider-wrap { flex: 1; min-width: 0; } .beae-thumb-wrapper { width: fit-content; height: 100%; overflow: hidden; } .beae-product-thumb-slide { height: 100%; } .beae-product-thumb-slide .beae-slider-items { flex-direction: column; } .beae-product-thumb-slide .beae-slider-item { flex: 1 0 0 !important; } } &[data-position-thumbs-tablet='left'] { flex-direction: row-reverse; } } .beae-product-thumb-slide { .beae-slider-items { gap: 8px; } .beae-slider-item { flex: 1 0 var(--xgx033-widthItemThumbs-tablet, 80px) !important; max-width: var(--xgx033-widthItemThumbs-tablet, 80px); } } .beae-product-picture { aspect-ratio: var(--xgx033-imageRatioMain-tablet); border-radius: var(--xgx033-borderRadiusMedia-tablet); .beae-product-image { object-fit: var(--xgx033-objFit-tablet, var(--xgx033-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--xgx033-imageRatioThumbs-tablet); border-radius: var(--xgx033-borderRadiusThumbs-tablet); } } } @media (max-width: 767px) { .beae-product-media-main[data-effect="fade"], .beae-product-media-main[data-effect="slide"] .beae-slider-item { border-radius: var(--xgx033-borderRadiusMain-mobile); } & { .beae-media-product { gap: var(--xgx033-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(--xgx033-widthItemThumbs-mobile, 64px) !important; max-width: var(--xgx033-widthItemThumbs-mobile, 64px); } } .beae-product-picture { aspect-ratio: var(--xgx033-imageRatioMain-mobile); border-radius: var(--xgx033-borderRadiusMedia-mobile); .beae-product-image { object-fit: var(--xgx033-objFit-mobile, var(--xgx033-objFit, cover)); } } .beae-thumb-image { aspect-ratio: var(--xgx033-imageRatioThumbs-mobile); border-radius: var(--xgx033-borderRadiusThumbs-mobile); } } } & .beae-main-slider-wrap { @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--xgx033-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--xgx033-gap, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--xgx033-gap, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--xgx033-gap, 20px)) / 1); } } } } @media (min-width: 768px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--xgx033-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--xgx033-gap-tablet, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--xgx033-gap-tablet, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--xgx033-gap-tablet, 20px)) / 1); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--xgx033-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - var(--xgx033-gap-mobile, 20px) * (1 - 1)) / 1); } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--xgx033-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc((100% - (1 - 1) * var(--xgx033-gap-mobile, 20px)) / 1); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--xgx033-navPadding, 12px); background: var(--xgx033-navBg, #F5F5F5); color: var(--xgx033-navColor, #333333); cursor: pointer; z-index: 10; &:hover { background: var(--xgx033-navBgHover, #CCCCCC); color: var(--xgx033-navColorHover, #333333); } svg { width: var(--xgx033-navIconSize, 20px); height: var(--xgx033-navIconSize, 20px); } } } }[data-bnode="beae-dzt3x1"] { --dzt3x1-direction: column; --dzt3x1-direction-tablet: column; --dzt3x1-direction-mobile: column; --dzt3x1-align-items: flex-start; --dzt3x1-align-items-tablet: flex-start; --dzt3x1-align-items-mobile: flex-start; --dzt3x1-gap: 12px; --dzt3x1-gap-tablet: 12px; --dzt3x1-gap-mobile: 12px; --dzt3x1-padding-top: 0px; --dzt3x1-padding-top-tablet: 0px; --dzt3x1-padding-top-mobile: 0px; --dzt3x1-padding-right: 0px; --dzt3x1-padding-right-tablet: 0px; --dzt3x1-padding-right-mobile: 0px; --dzt3x1-padding-bottom: 0px; --dzt3x1-padding-bottom-tablet: 0px; --dzt3x1-padding-bottom-mobile: 0px; --dzt3x1-padding-left: 80px; --dzt3x1-padding-left-tablet: 32px; --dzt3x1-padding-left-mobile: 0px; --dzt3x1-justify-content: center; --dzt3x1-justify-content-tablet: center; --dzt3x1-justify-content-mobile: center; }[data-bnode="beae-dzt3x1"] { padding-top: var(--dzt3x1-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--dzt3x1-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--dzt3x1-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--dzt3x1-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--dzt3x1-padding-top-tablet, var(--dzt3x1-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--dzt3x1-padding-right-tablet, var(--dzt3x1-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--dzt3x1-padding-bottom-tablet, var(--dzt3x1-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--dzt3x1-padding-left-tablet, var(--dzt3x1-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--dzt3x1-padding-top-mobile, var(--dzt3x1-padding-top-tablet, var(--dzt3x1-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--dzt3x1-padding-right-mobile, var(--dzt3x1-padding-right-tablet, var(--dzt3x1-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--dzt3x1-padding-bottom-mobile, var(--dzt3x1-padding-bottom-tablet, var(--dzt3x1-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--dzt3x1-padding-left-mobile, var(--dzt3x1-padding-left-tablet, var(--dzt3x1-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--dzt3x1-padding-left, var(--beae-slot-padding-x, 0px)) - var(--dzt3x1-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(--dzt3x1-background-imageRatio, auto); background: var(--dzt3x1-background-color,transparent); border-style: var(--dzt3x1-borderStyle,solid); border-color: var(--dzt3x1-borderColor,#000000); border-width: var(--dzt3x1-borderWidth-tl,0px) var(--dzt3x1-borderWidth-tr,0px) var(--dzt3x1-borderWidth-br,0px) var(--dzt3x1-borderWidth-bl,0px); border-radius: var(--dzt3x1-borderRadius-tl,0px) var(--dzt3x1-borderRadius-tr,0px) var(--dzt3x1-borderRadius-br,0px) var(--dzt3x1-borderRadius-bl,0px); box-shadow: if(style(--dzt3x1-enableShadow: true): var(--dzt3x1-shadowHorizontal,0) var(--dzt3x1-shadowVertical,0) var(--dzt3x1-shadowBlur,0) 1px var(--dzt3x1-shadowColor,#000000); else: none); max-width: var(--dzt3x1-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--dzt3x1-background-imageRatio-tablet, var(--dzt3x1-background-imageRatio, auto)); border-width: var(--dzt3x1-borderWidth-tl-tablet,0px) var(--dzt3x1-borderWidth-tr-tablet,0px) var(--dzt3x1-borderWidth-br-tablet,0px) var(--dzt3x1-borderWidth-bl-tablet,0px); border-radius: var(--dzt3x1-borderRadius-tl-tablet,0px) var(--dzt3x1-borderRadius-tr-tablet,0px) var(--dzt3x1-borderRadius-br-tablet,0px) var(--dzt3x1-borderRadius-bl-tablet,0px); max-width: var(--dzt3x1-max-width-tablet, var(--dzt3x1-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--dzt3x1-background-imageRatio-mobile, var(--dzt3x1-background-imageRatio, auto)); border-width: var(--dzt3x1-borderWidth-tl-mobile,0px) var(--dzt3x1-borderWidth-tr-mobile,0px) var(--dzt3x1-borderWidth-br-mobile,0px) var(--dzt3x1-borderWidth-bl-mobile,0px); border-radius: var(--dzt3x1-borderRadius-tl-mobile,0px) var(--dzt3x1-borderRadius-tr-mobile,0px) var(--dzt3x1-borderRadius-br-mobile,0px) var(--dzt3x1-borderRadius-bl-mobile,0px); max-width: var(--dzt3x1-max-width-mobile, var(--dzt3x1-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--dzt3x1-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--dzt3x1-gap,var(--beae-card-gap)); padding-top: var(--dzt3x1-padding-top,var(--beae-card-padding)); padding-right: var(--dzt3x1-padding-right,var(--beae-card-padding)); padding-bottom: var(--dzt3x1-padding-bottom,var(--beae-card-padding)); padding-left: var(--dzt3x1-padding-left,var(--beae-card-padding)); border-width: var(--dzt3x1-borderWidth,var(--beae-card-border-width)); border-width: var(--dzt3x1-borderWidth-tl,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-tr,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-br,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--dzt3x1-borderRadius-tl,var(--beae-card-border-radius)) var(--dzt3x1-borderRadius-tr,var(--beae-card-border-radius)) var(--dzt3x1-borderRadius-br,var(--beae-card-border-radius)) var(--dzt3x1-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(--dzt3x1-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--dzt3x1-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--dzt3x1-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--dzt3x1-padding-left-tablet,var(--beae-card-padding)); border-width: var(--dzt3x1-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--dzt3x1-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-br-desktop,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--dzt3x1-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--dzt3x1-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--dzt3x1-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--dzt3x1-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--dzt3x1-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--dzt3x1-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--dzt3x1-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--dzt3x1-padding-left-mobile,var(--beae-card-padding)); border-width: var(--dzt3x1-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--dzt3x1-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-br-mobile,var(--beae-card-border-width)) var(--dzt3x1-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--dzt3x1-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--dzt3x1-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--dzt3x1-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--dzt3x1-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--dzt3x1-background-color,var(--beae-card-featured-background)); border-color: var(--dzt3x1-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--dzt3x1-enableShadow: true): var(--dzt3x1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dzt3x1-shadowVertical, var(--beae-card-shadow-y)) var(--dzt3x1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dzt3x1-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--dzt3x1-background-color,var(--beae-card-prod-background)); border-color: var(--dzt3x1-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--dzt3x1-enableShadow: true): var(--dzt3x1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dzt3x1-shadowVertical, var(--beae-card-shadow-y)) var(--dzt3x1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dzt3x1-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--dzt3x1-background-color,var(--beae-card-pricing-background)); border-color: var(--dzt3x1-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--dzt3x1-enableShadow: true): var(--dzt3x1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dzt3x1-shadowVertical, var(--beae-card-shadow-y)) var(--dzt3x1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dzt3x1-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--dzt3x1-background-color,var(--beae-card-cta-background)); border-color: var(--dzt3x1-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--dzt3x1-enableShadow: true): var(--dzt3x1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dzt3x1-shadowVertical, var(--beae-card-shadow-y)) var(--dzt3x1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dzt3x1-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--dzt3x1-background-color,var(--beae-card-media-background)); border-color: var(--dzt3x1-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--dzt3x1-enableShadow: true): var(--dzt3x1-shadowHorizontal, var(--beae-card-shadow-x)) var(--dzt3x1-shadowVertical, var(--beae-card-shadow-y)) var(--dzt3x1-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--dzt3x1-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-dzt3x1"] { display: flex; flex-direction: var(--dzt3x1-direction, column); flex-wrap: nowrap; justify-content: var(--dzt3x1-justify-content); align-items: var(--dzt3x1-align-items); gap: var(--dzt3x1-gap, var(--dzt3x1-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-dzt3x1"] { gap: var(--dzt3x1-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(11.11% - var(--dzt3x1-padding-right-tablet, 0px) - var(--dzt3x1-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-dzt3x1"] { gap: var(--dzt3x1-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(11.11% - var(--dzt3x1-padding-right-mobile, 0px) - var(--dzt3x1-padding-right-mobile, 0px)); } } }[data-bnode="beae-reaxg7"] { --reaxg7-direction: row; --reaxg7-direction-tablet: row; --reaxg7-direction-mobile: row; --reaxg7-structure: auto; --reaxg7-structure-tablet: auto; --reaxg7-structure-mobile: auto; --reaxg7-gap: 8px; --reaxg7-gap-tablet: 8px; --reaxg7-gap-mobile: 8px; --reaxg7-justify-content: flex-start; --reaxg7-justify-content-tablet: flex-start; --reaxg7-justify-content-mobile: flex-start; --reaxg7-align-items: center; --reaxg7-align-items-tablet: center; --reaxg7-align-items-mobile: center; }[data-bnode="beae-reaxg7"] { padding-top: var(--reaxg7-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--reaxg7-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--reaxg7-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--reaxg7-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--reaxg7-padding-top-tablet, var(--reaxg7-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--reaxg7-padding-right-tablet, var(--reaxg7-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--reaxg7-padding-bottom-tablet, var(--reaxg7-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--reaxg7-padding-left-tablet, var(--reaxg7-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--reaxg7-padding-top-mobile, var(--reaxg7-padding-top-tablet, var(--reaxg7-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--reaxg7-padding-right-mobile, var(--reaxg7-padding-right-tablet, var(--reaxg7-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--reaxg7-padding-bottom-mobile, var(--reaxg7-padding-bottom-tablet, var(--reaxg7-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--reaxg7-padding-left-mobile, var(--reaxg7-padding-left-tablet, var(--reaxg7-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--reaxg7-padding-left, var(--beae-slot-padding-x, 0px)) - var(--reaxg7-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(--reaxg7-background-imageRatio, auto); background: var(--reaxg7-background-color,transparent); border-style: var(--reaxg7-borderStyle,solid); border-color: var(--reaxg7-borderColor,#000000); border-width: var(--reaxg7-borderWidth-tl,0px) var(--reaxg7-borderWidth-tr,0px) var(--reaxg7-borderWidth-br,0px) var(--reaxg7-borderWidth-bl,0px); border-radius: var(--reaxg7-borderRadius-tl,0px) var(--reaxg7-borderRadius-tr,0px) var(--reaxg7-borderRadius-br,0px) var(--reaxg7-borderRadius-bl,0px); box-shadow: if(style(--reaxg7-enableShadow: true): var(--reaxg7-shadowHorizontal,0) var(--reaxg7-shadowVertical,0) var(--reaxg7-shadowBlur,0) 1px var(--reaxg7-shadowColor,#000000); else: none); max-width: var(--reaxg7-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--reaxg7-background-imageRatio-tablet, var(--reaxg7-background-imageRatio, auto)); border-width: var(--reaxg7-borderWidth-tl-tablet,0px) var(--reaxg7-borderWidth-tr-tablet,0px) var(--reaxg7-borderWidth-br-tablet,0px) var(--reaxg7-borderWidth-bl-tablet,0px); border-radius: var(--reaxg7-borderRadius-tl-tablet,0px) var(--reaxg7-borderRadius-tr-tablet,0px) var(--reaxg7-borderRadius-br-tablet,0px) var(--reaxg7-borderRadius-bl-tablet,0px); max-width: var(--reaxg7-max-width-tablet, var(--reaxg7-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--reaxg7-background-imageRatio-mobile, var(--reaxg7-background-imageRatio, auto)); border-width: var(--reaxg7-borderWidth-tl-mobile,0px) var(--reaxg7-borderWidth-tr-mobile,0px) var(--reaxg7-borderWidth-br-mobile,0px) var(--reaxg7-borderWidth-bl-mobile,0px); border-radius: var(--reaxg7-borderRadius-tl-mobile,0px) var(--reaxg7-borderRadius-tr-mobile,0px) var(--reaxg7-borderRadius-br-mobile,0px) var(--reaxg7-borderRadius-bl-mobile,0px); max-width: var(--reaxg7-max-width-mobile, var(--reaxg7-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--reaxg7-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--reaxg7-gap,var(--beae-card-gap)); padding-top: var(--reaxg7-padding-top,var(--beae-card-padding)); padding-right: var(--reaxg7-padding-right,var(--beae-card-padding)); padding-bottom: var(--reaxg7-padding-bottom,var(--beae-card-padding)); padding-left: var(--reaxg7-padding-left,var(--beae-card-padding)); border-width: var(--reaxg7-borderWidth,var(--beae-card-border-width)); border-width: var(--reaxg7-borderWidth-tl,var(--beae-card-border-width)) var(--reaxg7-borderWidth-tr,var(--beae-card-border-width)) var(--reaxg7-borderWidth-br,var(--beae-card-border-width)) var(--reaxg7-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--reaxg7-borderRadius-tl,var(--beae-card-border-radius)) var(--reaxg7-borderRadius-tr,var(--beae-card-border-radius)) var(--reaxg7-borderRadius-br,var(--beae-card-border-radius)) var(--reaxg7-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(--reaxg7-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--reaxg7-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--reaxg7-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--reaxg7-padding-left-tablet,var(--beae-card-padding)); border-width: var(--reaxg7-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--reaxg7-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--reaxg7-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--reaxg7-borderWidth-br-desktop,var(--beae-card-border-width)) var(--reaxg7-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--reaxg7-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--reaxg7-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--reaxg7-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--reaxg7-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--reaxg7-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--reaxg7-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--reaxg7-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--reaxg7-padding-left-mobile,var(--beae-card-padding)); border-width: var(--reaxg7-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--reaxg7-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--reaxg7-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--reaxg7-borderWidth-br-mobile,var(--beae-card-border-width)) var(--reaxg7-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--reaxg7-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--reaxg7-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--reaxg7-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--reaxg7-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--reaxg7-background-color,var(--beae-card-featured-background)); border-color: var(--reaxg7-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--reaxg7-enableShadow: true): var(--reaxg7-shadowHorizontal, var(--beae-card-shadow-x)) var(--reaxg7-shadowVertical, var(--beae-card-shadow-y)) var(--reaxg7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--reaxg7-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--reaxg7-background-color,var(--beae-card-prod-background)); border-color: var(--reaxg7-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--reaxg7-enableShadow: true): var(--reaxg7-shadowHorizontal, var(--beae-card-shadow-x)) var(--reaxg7-shadowVertical, var(--beae-card-shadow-y)) var(--reaxg7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--reaxg7-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--reaxg7-background-color,var(--beae-card-pricing-background)); border-color: var(--reaxg7-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--reaxg7-enableShadow: true): var(--reaxg7-shadowHorizontal, var(--beae-card-shadow-x)) var(--reaxg7-shadowVertical, var(--beae-card-shadow-y)) var(--reaxg7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--reaxg7-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--reaxg7-background-color,var(--beae-card-cta-background)); border-color: var(--reaxg7-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--reaxg7-enableShadow: true): var(--reaxg7-shadowHorizontal, var(--beae-card-shadow-x)) var(--reaxg7-shadowVertical, var(--beae-card-shadow-y)) var(--reaxg7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--reaxg7-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--reaxg7-background-color,var(--beae-card-media-background)); border-color: var(--reaxg7-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--reaxg7-enableShadow: true): var(--reaxg7-shadowHorizontal, var(--beae-card-shadow-x)) var(--reaxg7-shadowVertical, var(--beae-card-shadow-y)) var(--reaxg7-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--reaxg7-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-reaxg7"] { display: flex; flex-direction: var(--reaxg7-direction, column); flex-wrap: nowrap; justify-content: var(--reaxg7-justify-content); align-items: var(--reaxg7-align-items); gap: var(--reaxg7-gap, var(--reaxg7-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-reaxg7"] { gap: var(--reaxg7-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(--reaxg7-padding-right-tablet, 0px) - var(--reaxg7-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-reaxg7"] { gap: var(--reaxg7-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(--reaxg7-padding-right-mobile, 0px) - var(--reaxg7-padding-right-mobile, 0px)); } } }[data-bnode="beae-k6npzh"] { margin-top: var(--k6npzh-margin-top, 0px); margin-right: var(--k6npzh-margin-right, 0px); margin-bottom: var(--k6npzh-margin-bottom, 0px); margin-left: var(--k6npzh-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--k6npzh-margin-top-tablet, 0px); margin-right: var(--k6npzh-margin-right-tablet, 0px); margin-bottom: var(--k6npzh-margin-bottom-tablet, 0px); margin-left: var(--k6npzh-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--k6npzh-margin-top-mobile, 0px); margin-right: var(--k6npzh-margin-right-mobile, 0px); margin-bottom: var(--k6npzh-margin-bottom-mobile, 0px); margin-left: var(--k6npzh-margin-left-mobile, 0px); } }[data-bnode="beae-9b0ed2"] { --9b0ed2-typography: h2; --9b0ed2-typography-tablet: h2; --9b0ed2-typography-mobile: h2; --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 28px; --beae-h2-color: #181818; --beae-h2-font-weight: 500; --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; }[data-bnode="beae-9b0ed2"] { margin-top: var(--9b0ed2-margin-top, 0px); margin-right: var(--9b0ed2-margin-right, 0px); margin-bottom: var(--9b0ed2-margin-bottom, 0px); margin-left: var(--9b0ed2-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9b0ed2-margin-top-tablet, 0px); margin-right: var(--9b0ed2-margin-right-tablet, 0px); margin-bottom: var(--9b0ed2-margin-bottom-tablet, 0px); margin-left: var(--9b0ed2-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9b0ed2-margin-top-mobile, 0px); margin-right: var(--9b0ed2-margin-right-mobile, 0px); margin-bottom: var(--9b0ed2-margin-bottom-mobile, 0px); margin-left: var(--9b0ed2-margin-left-mobile, 0px); } }[data-bnode="beae-68ztim"] { --68ztim-typography: p; --68ztim-typography-tablet: p; --68ztim-typography-mobile: p; --68ztim-priceType: salePrice; --68ztim-priceType-tablet: salePrice; --68ztim-priceType-mobile: salePrice; --68ztim-salePriceColor: #D82727; --68ztim-salePriceColor-tablet: #D82727; --68ztim-salePriceColor-mobile: #D82727; --beae-p-font-size: 20px; --beae-p-color: #D82727; --beae-p-font-weight: 400; --beae-p-font-size-tablet: 20px; --beae-p-font-size-mobile: 20px; --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; --68ztim-decoration: line-through; --68ztim-decoration-tablet: line-through; --68ztim-decoration-mobile: line-through; --68ztim-comparePriceColor: #808080; --68ztim-comparePriceColor-tablet: #808080; --68ztim-comparePriceColor-mobile: #808080; }[data-bnode="beae-68ztim"] { margin-top: var(--68ztim-margin-top, 0px); margin-right: var(--68ztim-margin-right, 0px); margin-bottom: var(--68ztim-margin-bottom, 0px); margin-left: var(--68ztim-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--68ztim-margin-top-tablet, 0px); margin-right: var(--68ztim-margin-right-tablet, 0px); margin-bottom: var(--68ztim-margin-bottom-tablet, 0px); margin-left: var(--68ztim-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--68ztim-margin-top-mobile, 0px); margin-right: var(--68ztim-margin-right-mobile, 0px); margin-bottom: var(--68ztim-margin-bottom-mobile, 0px); margin-left: var(--68ztim-margin-left-mobile, 0px); } &.beae-product-price-unsupported{ background: antiquewhite; padding: 0px 10px; font-weight: 500; } .beae-product-price-compare{ color: var(--68ztim-comparePriceColor); text-decoration: var(--68ztim-decoration,none); font-size: calc(var(--68ztim-scale, 1) * 1em); display: inline-block; margin-left:7px; } &.beae-on-sale .beae-price-sale{ color: var(--68ztim-salePriceColor,var(--beae-other-sale-price-color)); } }[data-bnode="beae-9jpfce"] { --9jpfce-columns: 3; --9jpfce-columns-tablet: 2; --9jpfce-columns-mobile: 2; --9jpfce-gap: 8px; --9jpfce-gap-tablet: 8px; --9jpfce-gap-mobile: 8px; --9jpfce-navType: false; --9jpfce-navType-tablet: false; --9jpfce-navType-mobile: false; --9jpfce-pagiType: false; --9jpfce-pagiType-tablet: false; --9jpfce-pagiType-mobile: false; --9jpfce-listType: grid; --9jpfce-listType-tablet: grid; --9jpfce-listType-mobile: grid; --9jpfce-stateNavigation: normal; --9jpfce-stateNavigation-tablet: normal; --9jpfce-stateNavigation-mobile: normal; --9jpfce-statePagination: normal; --9jpfce-statePagination-tablet: normal; --9jpfce-statePagination-mobile: normal; --9jpfce-stateNavigtion: normal; --9jpfce-stateNavigtion-tablet: normal; --9jpfce-stateNavigtion-mobile: normal; --9jpfce-margin-top: 8px; --9jpfce-margin-top-tablet: 8px; --9jpfce-margin-top-mobile: 8px; --9jpfce-margin-right: 0px; --9jpfce-margin-right-tablet: 0px; --9jpfce-margin-right-mobile: 0px; --9jpfce-margin-bottom: 8px; --9jpfce-margin-bottom-tablet: 8px; --9jpfce-margin-bottom-mobile: 8px; --9jpfce-margin-left: 0px; --9jpfce-margin-left-tablet: 0px; --9jpfce-margin-left-mobile: 0px; } [data-bnode="beae-9jpfce"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-9jpfce"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-9jpfce"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-9jpfce"] [data-bnode="beae-tt7bmy"] { --tt7bmy-width: 20px; --tt7bmy-imageRatio: 1/1; --tt7bmy-objFit: cover; --tt7bmy-borderColor: #000000; --tt7bmy-shadowColor: #000000; --tt7bmy-borderStyle: none; --tt7bmy-enableShadow: false; } [data-bnode="beae-9jpfce"] [data-bnode="beae-7eqblu"] { --7eqblu-typography: h3; --beae-h3-font-size: 26px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #181818; --beae-h3-font-weight: 500; --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; } [data-bnode="beae-9jpfce"] [data-bnode="beae-lhyqd0"] { --lhyqd0-typography: p; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #181818; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-9jpfce"] [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-borderStyle: solid; --be-ctl-item-borderStyle-tablet: solid; --be-ctl-item-borderStyle-mobile: solid; --be-ctl-item-borderWidth-tl: 1px; --be-ctl-item-borderWidth-tl-tablet: 1px; --be-ctl-item-borderWidth-tl-mobile: 1px; --be-ctl-item-borderWidth-tr: 1px; --be-ctl-item-borderWidth-tr-tablet: 1px; --be-ctl-item-borderWidth-tr-mobile: 1px; --be-ctl-item-borderWidth-bl: 1px; --be-ctl-item-borderWidth-bl-tablet: 1px; --be-ctl-item-borderWidth-bl-mobile: 1px; --be-ctl-item-borderWidth-br: 1px; --be-ctl-item-borderWidth-br-tablet: 1px; --be-ctl-item-borderWidth-br-mobile: 1px; --be-ctl-item-borderColor: #CCCCCC; --be-ctl-item-borderColor-tablet: #CCCCCC; --be-ctl-item-borderColor-mobile: #CCCCCC; --be-ctl-item-borderRadius-tl: 999px; --be-ctl-item-borderRadius-tl-tablet: 999px; --be-ctl-item-borderRadius-tl-mobile: 999px; --be-ctl-item-borderRadius-tr: 999px; --be-ctl-item-borderRadius-tr-tablet: 999px; --be-ctl-item-borderRadius-tr-mobile: 999px; --be-ctl-item-borderRadius-bl: 999px; --be-ctl-item-borderRadius-bl-tablet: 999px; --be-ctl-item-borderRadius-bl-mobile: 999px; --be-ctl-item-borderRadius-br: 999px; --be-ctl-item-borderRadius-br-tablet: 999px; --be-ctl-item-borderRadius-br-mobile: 999px; --be-ctl-item-align-items: center; --be-ctl-item-align-items-tablet: center; --be-ctl-item-align-items-mobile: center; --be-ctl-item-padding-top: 12px; --be-ctl-item-padding-top-tablet: 12px; --be-ctl-item-padding-top-mobile: 8px; --be-ctl-item-padding-right: 16px; --be-ctl-item-padding-right-tablet: 16px; --be-ctl-item-padding-right-mobile: 12px; --be-ctl-item-padding-bottom: 12px; --be-ctl-item-padding-bottom-tablet: 12px; --be-ctl-item-padding-bottom-mobile: 8px; --be-ctl-item-padding-left: 16px; --be-ctl-item-padding-left-tablet: 16px; --be-ctl-item-padding-left-mobile: 12px; }[data-bnode="beae-9jpfce"] { margin-top: var(--9jpfce-margin-top, 0px); margin-right: var(--9jpfce-margin-right, 0px); margin-bottom: var(--9jpfce-margin-bottom, 0px); margin-left: var(--9jpfce-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--9jpfce-margin-top-tablet, 0px); margin-right: var(--9jpfce-margin-right-tablet, 0px); margin-bottom: var(--9jpfce-margin-bottom-tablet, 0px); margin-left: var(--9jpfce-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--9jpfce-margin-top-mobile, 0px); margin-right: var(--9jpfce-margin-right-mobile, 0px); margin-bottom: var(--9jpfce-margin-bottom-mobile, 0px); margin-left: var(--9jpfce-margin-left-mobile, 0px); } &.beae-content-list { @media (min-width: 1180px) { & .beae-slider-wrapper[data-desktop-layout="slider"] { .beae-slider-items { gap: var(--9jpfce-gap, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--9jpfce-gap, 20px) * (var(--9jpfce-columns, 3) - 1) + 1px ) / var(--9jpfce-columns, 3) ); &:last-child { margin-right: var(--9jpfce-gap, 20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--9jpfce-gap, 20px); .beae-slider-item { /* flex: 0 0 calc( (100% - (var(--9jpfce-columns) - 1) * var(--9jpfce-gap,20px)) / var(--9jpfce-columns) ); */ } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"] { .beae-slider-items { gap: var(--9jpfce-gap-tablet, 20px); .beae-slider-item { /* flex: 0 0 calc((100% - var(--9jpfce-gap-tablet,20px) * (var(--9jpfce-columns-tablet, 3) - 1)) / var(--9jpfce-columns-tablet, 3)); */ &:last-child { margin-right: var(--9jpfce-gap-tablet, 20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--9jpfce-gap-tablet, 20px); .beae-slider-item { /* flex: 0 0 calc( (100% - (var(--9jpfce-columns-tablet) - 1) * var(--9jpfce-gap-tablet,20px)) / var(--9jpfce-columns-tablet) ); */ } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"] { .beae-slider-items { gap: var(--9jpfce-gap-mobile, 20px); .beae-slider-item { flex: 0 0 calc( ( 100% - var(--9jpfce-gap-mobile, 20px) * (var(--9jpfce-columnsMobile-mobile, 1) - 1) ) / var(--9jpfce-columnsMobile-mobile, 1) ); &:last-child { margin-right: var(--9jpfce-gap-mobile, 20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"] { .beae-slider-items { flex-wrap: wrap; gap: var(--9jpfce-gap-mobile, 20px); .beae-slider-item { /* flex: 0 0 calc( (100% - (var(--9jpfce-columnsMobile-mobile) - 1) * var(--9jpfce-gap-mobile,20px)) / var(--9jpfce-columnsMobile-mobile) ); */ } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--9jpfce-navPadding, 12px); background: var(--9jpfce-navBg, #f5f5f5); color: var(--9jpfce-navColor, #333333); cursor: pointer; &:hover { background: var(--9jpfce-navBgHover, #cccccc); color: var(--9jpfce-navColorHover, #333333); } svg { width: var(--9jpfce-navIconSize, 20px); height: var(--9jpfce-navIconSize, 20px); } } &.beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--9jpfce-pagiBg, #e6e6e6); &.active { background: var(--9jpfce-pagiBgActive, #181818); } &:not(.active):hover { background: var(--9jpfce-pagiBgHover, #cccccc); } } &.beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--9jpfce-pagiColor, #e6e6e6); &.active { color: var(--9jpfce-pagiColorActive, #181818); } &:not(.active):hover { color: var(--9jpfce-pagiColorHover, #181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--9jpfce-pagiColor, #e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--9jpfce-pagiBg, #e6e6e6); &.active { background: var(--9jpfce-pagiBgActive, #181818); opacity: 1; } &:not(.active):hover { background: var(--9jpfce-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; } .beae-slider-items { flex-wrap: wrap; } .beae-slider-item { flex: unset !important; } } [data-bnode="beae-9jpfce"] [data-bnode="beae-tt7bmy"] { margin-top: var(--tt7bmy-margin-top, 0px); margin-right: var(--tt7bmy-margin-right, 0px); margin-bottom: var(--tt7bmy-margin-bottom, 0px); margin-left: var(--tt7bmy-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--tt7bmy-margin-top-tablet, 0px); margin-right: var(--tt7bmy-margin-right-tablet, 0px); margin-bottom: var(--tt7bmy-margin-bottom-tablet, 0px); margin-left: var(--tt7bmy-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--tt7bmy-margin-top-mobile, 0px); margin-right: var(--tt7bmy-margin-right-mobile, 0px); margin-bottom: var(--tt7bmy-margin-bottom-mobile, 0px); margin-left: var(--tt7bmy-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--tt7bmy-width,100%) - var(--tt7bmy-margin-left,0px) - var(--tt7bmy-margin-right,0px)); min-height: min-content; border-style: var(--tt7bmy-borderStyle,solid); border-color: var(--tt7bmy-borderColor,#000000); border-width: var(--tt7bmy-borderWidth-tl,0px) var(--tt7bmy-borderWidth-tr,0px) var(--tt7bmy-borderWidth-br,0px) var(--tt7bmy-borderWidth-bl,0px); border-radius: var(--tt7bmy-borderRadius-tl,0px) var(--tt7bmy-borderRadius-tr,0px) var(--tt7bmy-borderRadius-br,0px) var(--tt7bmy-borderRadius-bl,0px); aspect-ratio: var(--tt7bmy-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--tt7bmy-borderWidth-tl-tablet, var(--tt7bmy-borderWidth-tl,0px)) var(--tt7bmy-borderWidth-tr-tablet, var(--tt7bmy-borderWidth-tr,0px)) var(--tt7bmy-borderWidth-br-tablet, var(--tt7bmy-borderWidth-br,0px)) var(--tt7bmy-borderWidth-bl-tablet, var(--tt7bmy-borderWidth-bl,0px)); border-radius: var(--tt7bmy-borderRadius-tl-tablet, var(--tt7bmy-borderRadius-tl,0px)) var(--tt7bmy-borderRadius-tr-tablet, var(--tt7bmy-borderRadius-tr,0px)) var(--tt7bmy-borderRadius-br-tablet, var(--tt7bmy-borderRadius-br,0px)) var(--tt7bmy-borderRadius-bl-tablet, var(--tt7bmy-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--tt7bmy-borderWidth-tl-mobile, var(--tt7bmy-borderWidth-tl,0px)) var(--tt7bmy-borderWidth-tr-mobile, var(--tt7bmy-borderWidth-tr,0px)) var(--tt7bmy-borderWidth-br-mobile, var(--tt7bmy-borderWidth-br,0px)) var(--tt7bmy-borderWidth-bl-mobile, var(--tt7bmy-borderWidth-bl,0px)); border-radius: var(--tt7bmy-borderRadius-tl-mobile, var(--tt7bmy-borderRadius-tl,0px)) var(--tt7bmy-borderRadius-tr-mobile, var(--tt7bmy-borderRadius-tr,0px)) var(--tt7bmy-borderRadius-br-mobile, var(--tt7bmy-borderRadius-br,0px)) var(--tt7bmy-borderRadius-bl-mobile, var(--tt7bmy-borderRadius-bl,0px)); } box-shadow: if( style(--tt7bmy-enableShadow: true): var(--tt7bmy-shadowHorizontal, 0) var(--tt7bmy-shadowVertical, 0) var(--tt7bmy-shadowBlur, 0) 1px var(--tt7bmy-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--tt7bmy-overlayColor-color, #000); opacity: var(--tt7bmy-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--tt7bmy-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--tt7bmy-width-tablet,var(--tt7bmy-width,100%)) - var(--tt7bmy-margin-left-tablet,var(--tt7bmy-margin-left,0px)) - var(--tt7bmy-margin-right-tablet,var(--tt7bmy-margin-right,0px))); aspect-ratio: var(--tt7bmy-imageRatio-tablet, var(--tt7bmy-imageRatio, auto)); img { object-fit: var(--tt7bmy-objFit-tablet, var(--tt7bmy-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--tt7bmy-width-mobile,var(--tt7bmy-width,100%)) - var(--tt7bmy-margin-left-mobile,var(--tt7bmy-margin-left,0px)) - var(--tt7bmy-margin-right-mobile,var(--tt7bmy-margin-right,0px))); aspect-ratio: var(--tt7bmy-imageRatio-mobile, var(--tt7bmy-imageRatio, auto)); img { object-fit: var(--tt7bmy-objFit-mobile, var(--tt7bmy-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } } [data-bnode="beae-9jpfce"] [data-bnode="beae-lhyqd0"] { margin-top: var(--lhyqd0-margin-top, 0px); margin-right: var(--lhyqd0-margin-right, 0px); margin-bottom: var(--lhyqd0-margin-bottom, 0px); margin-left: var(--lhyqd0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lhyqd0-margin-top-tablet, 0px); margin-right: var(--lhyqd0-margin-right-tablet, 0px); margin-bottom: var(--lhyqd0-margin-bottom-tablet, 0px); margin-left: var(--lhyqd0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lhyqd0-margin-top-mobile, 0px); margin-right: var(--lhyqd0-margin-right-mobile, 0px); margin-bottom: var(--lhyqd0-margin-bottom-mobile, 0px); margin-left: var(--lhyqd0-margin-left-mobile, 0px); } } [data-bnode="beae-9jpfce"] [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-9jpfce"] [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-9jpfce"] [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-9jpfce"] [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-wtu5ew"] { --wtu5ew-typography: p3; --wtu5ew-typography-tablet: p3; --wtu5ew-typography-mobile: p3; --wtu5ew-maxWidth: auto; --wtu5ew-maxWidth-tablet: auto; --wtu5ew-maxWidth-mobile: auto; --beae-p2-font-size: 16px; --beae-p3-font-size: 18px; --beae-p3-font-size-tablet: 18px; --beae-p3-font-size-mobile: 18px; --beae-p3-color: #5b5b5b; --beae-p3-font-weight: 400; --beae-p3-line-height: 1.8; --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; --wtu5ew-margin-top: 0px; --wtu5ew-margin-top-tablet: 0px; --wtu5ew-margin-top-mobile: 0px; --wtu5ew-margin-right: 0px; --wtu5ew-margin-right-tablet: 0px; --wtu5ew-margin-right-mobile: 0px; --wtu5ew-margin-bottom: 8px; --wtu5ew-margin-bottom-tablet: 8px; --wtu5ew-margin-bottom-mobile: 8px; --wtu5ew-margin-left: 0px; --wtu5ew-margin-left-tablet: 0px; --wtu5ew-margin-left-mobile: 0px; }[data-bnode="beae-wtu5ew"] { margin-top: var(--wtu5ew-margin-top, 0px); margin-right: var(--wtu5ew-margin-right, 0px); margin-bottom: var(--wtu5ew-margin-bottom, 0px); margin-left: var(--wtu5ew-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wtu5ew-margin-top-tablet, 0px); margin-right: var(--wtu5ew-margin-right-tablet, 0px); margin-bottom: var(--wtu5ew-margin-bottom-tablet, 0px); margin-left: var(--wtu5ew-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wtu5ew-margin-top-mobile, 0px); margin-right: var(--wtu5ew-margin-right-mobile, 0px); margin-bottom: var(--wtu5ew-margin-bottom-mobile, 0px); margin-left: var(--wtu5ew-margin-left-mobile, 0px); } & { & .beae-description { p:only-child { margin: 0; } } } }[data-bnode="beae-n8luc0"] { --n8luc0-variantType: options; --n8luc0-variantType-tablet: options; --n8luc0-variantType-mobile: options; --n8luc0-headerState: normal; --n8luc0-headerState-tablet: normal; --n8luc0-headerState-mobile: normal; --n8luc0-borderStyle: solid; --n8luc0-borderStyle-tablet: solid; --n8luc0-borderStyle-mobile: solid; --n8luc0-borderWidth: 1px; --n8luc0-borderWidth-tablet: 1px; --n8luc0-borderWidth-mobile: 1px; --n8luc0-borderRadius: 8px; --n8luc0-borderRadius-tablet: 8px; --n8luc0-borderRadius-mobile: 8px; --n8luc0-btnTypo: p; --n8luc0-btnTypo-tablet: p; --n8luc0-btnTypo-mobile: p; --beae-p2-font-size-tablet: 13px; --beae-p2-font-size-mobile: 13px; --beae-p2-line-height-tablet: 1.82; --beae-p2-line-height-mobile: 1.82; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p-font-size-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; --n8luc0-styleColor: true; --n8luc0-styleColor-tablet: true; --n8luc0-styleColor-mobile: true; --n8luc0-sizeColor: 40px; --n8luc0-sizeColor-tablet: 40px; --n8luc0-sizeColor-mobile: 40px; --n8luc0-margin-top: 20px; --n8luc0-margin-top-tablet: 20px; --n8luc0-margin-top-mobile: 20px; --n8luc0-margin-right: 0px; --n8luc0-margin-right-tablet: 0px; --n8luc0-margin-right-mobile: 0px; --n8luc0-margin-bottom: 20px; --n8luc0-margin-bottom-tablet: 20px; --n8luc0-margin-bottom-mobile: 20px; --n8luc0-margin-left: 0px; --n8luc0-margin-left-tablet: 0px; --n8luc0-margin-left-mobile: 0px; --beae--font-size: 16px; --beae--font-size-tablet: 16px; --beae--font-size-mobile: 16px; --beae--color: rgb(0, 0, 0); --beae--font-weight: 400; --beae--line-height: 1.5; --beae--line-height-tablet: 1.5; --beae--line-height-mobile: 1.5; --beae--letter-spacing: 0px; --beae--letter-spacing-tablet: 0px; --beae--letter-spacing-mobile: 0px; --beae--text-transform: none; --beae-p-font-size: 16px; --beae-p-color: #5b5b5b; --beae-p-font-weight: 400; --beae-p-line-height: 1.8; --beae-p-letter-spacing: 0px; --beae-p-text-transform: none; --n8luc0-paddingY: 12px; --n8luc0-paddingY-tablet: 12px; --n8luc0-paddingY-mobile: 12px; }[data-bnode="beae-n8luc0"] { margin-top: var(--n8luc0-margin-top, 0px); margin-right: var(--n8luc0-margin-right, 0px); margin-bottom: var(--n8luc0-margin-bottom, 0px); margin-left: var(--n8luc0-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--n8luc0-margin-top-tablet, 0px); margin-right: var(--n8luc0-margin-right-tablet, 0px); margin-bottom: var(--n8luc0-margin-bottom-tablet, 0px); margin-left: var(--n8luc0-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--n8luc0-margin-top-mobile, 0px); margin-right: var(--n8luc0-margin-right-mobile, 0px); margin-bottom: var(--n8luc0-margin-bottom-mobile, 0px); margin-left: var(--n8luc0-margin-left-mobile, 0px); } &.beae-variant-box { display: flex; flex-direction: column; gap: 12px; width: 100%; /* ===== OPTION ===== */ .beae-option { display: flex; flex-direction: row; align-items: center; gap: 20px; } /* ===== SWATCH WRAP ===== */ .beae-swatch { display: inline-block; > label { margin-right: 6px; margin-bottom: 6px; } } /* ===== RADIO ===== */ .beae-radio-wrap { display: inline-flex; align-items: center; cursor: pointer; margin: 0; position: relative; transition: all 0.2s; } .beae-radio { position: absolute; opacity: 0; pointer-events: none; } .beae-radio-lb { display: inline-block; padding-inline: var(--n8luc0-paddingX, 20px); padding-block: var(--n8luc0-paddingY, 12px); background-color: var(--n8luc0-tabBg, #f5f5f5); cursor: pointer; border-style: var(--n8luc0-borderStyle, none); border-color: var(--n8luc0-borderColor, #d1d1d1); border-width: var(--n8luc0-borderWidth, 0px); border-radius: var(--n8luc0-borderRadius, 0px); border-radius: if(style(--n8luc0-styleColor: true): 50%; else: var(--n8luc0-borderRadius, 0px)); box-shadow: if( style(--n8luc0-enableShadow: true): var(--n8luc0-shadowHorizontal, 0) var(--n8luc0-shadowVertical, 0) var(--n8luc0-shadowBlur, 0) var(--n8luc0-shadowColor, rgba(0, 0, 0, 0.1)) ; else: none ); transition: all 0.2s; } /* ===== HOVER ===== */ .beae-radio-wrap:hover .beae-radio-lb { background-color: var(--n8luc0-tabBgHover, #cccccc); color: var(--n8luc0-colorHover, #333333); border-color: var(--n8luc0-borderColorHover, var(--n8luc0-borderColor, #d1d1d1)); } /* ===== ACTIVE ===== */ .beae-radio:checked + .beae-radio-lb { background-color: var(--n8luc0-tabBgActive, #000); color: var(--n8luc0-colorActive, #fff); border-color: var(--n8luc0-borderColorActive, var(--n8luc0-borderColor, #d1d1d1)); } /* ===== DISABLED ===== */ .beae-variant-disabled { opacity: 0.3 !important; pointer-events: none !important; cursor: not-allowed !important; display: none !important; } .beae-variant-disabled::before { content: ""; position: absolute; inset: 0; mask-image: linear-gradient( to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px) ); mask-mode: alpha; background-color: color-mix(in srgb, #000 50%, #fff 50%); z-index: 2; pointer-events: none; border-radius: var(--n8luc0-borderRadius, 99px); } /* ===== COLOR SWATCH ===== */ /* .beae-swatch-color { width: var(--n8luc0-sizeColor, 40px); height: var(--n8luc0-sizeColor, 40px); padding: 0; border-radius: if(style(--n8luc0-styleColor: true): 50%; else: 0%); border: 2px solid transparent; background-color: #eee; background-clip: content-box; transition: all 0.2s; box-shadow: if( style(--n8luc0-enableShadow: true): var(--n8luc0-shadowHorizontal, 0) var(--n8luc0-shadowVertical, 0) var(--n8luc0-shadowBlur, 0) var(--n8luc0-shadowColor, rgba(0, 0, 0, 0.1)) ; else: none ); overflow: hidden; .beae-radio-lb { display: none; } &:hover { border-color: var(--n8luc0-borderColorHover, #000000); } &:has(.beae-radio:checked) { border-color: var(--n8luc0-borderColorActive, #000000); padding: 2px !important; } &.beae-variant-disabled { position: relative; &::after { content: ""; position: absolute; inset: 0; border-radius: var(--n8luc0-borderRadius, 4px); mask-image: linear-gradient( to bottom left, transparent calc(50% - 1px), black 50%, transparent calc(50% + 1px) ); mask-mode: alpha; background-color: #000; z-index: 2; pointer-events: none; } } } */ .beae-swatch-color-text { gap: 8px; margin-right: 24px !important; margin-bottom: 12px !important; &:has(.beae-radio:checked) { .beae-color-item { border-color: #181818; } .beae-color-circle{ border: 4px solid #fff; } } *{ cursor: pointer; color: #181818; } .beae-color-item { width: var(--n8luc0-sizeColor, 40px); height: var(--n8luc0-sizeColor, 40px); padding: 0; border-radius: if(style(--n8luc0-styleColor: true): 50%; else: 0%); border: 1px solid #CCCCCC; overflow: hidden; position: relative; } .beae-color-circle{ position: absolute; inset: 0; border-radius: if(style(--n8luc0-styleColor: true): 50%; else: 0%); } } /* ===== DROPDOWN ===== */ .beae-swatch-sel { display: inline-block; padding-inline: var(--n8luc0-paddingX, 20px); padding-block: var(--n8luc0-paddingY, 12px); background-color: var(--n8luc0-tabBg, #f5f5f5); cursor: pointer; border-style: var(--n8luc0-borderStyle, none); border-color: var(--n8luc0-borderColor, #d1d1d1); border-width: var(--n8luc0-borderWidth, 0px); border-radius: var(--n8luc0-borderRadius, 0px); box-shadow: if( style(--n8luc0-enableShadow: true): var(--n8luc0-shadowHorizontal, 0) var(--n8luc0-shadowVertical, 0) var(--n8luc0-shadowBlur, 0) var(--n8luc0-shadowColor, rgba(0, 0, 0, 0.1)) ; else: none ); transition: all 0.2s; } .beae-swatch-sel:hover { color: var(--n8luc0-colorHover, #333333); background-color: var(--n8luc0-tabBgHover, #cccccc); border-color: var(--n8luc0-borderColorHover, #000000); } .beae-swatch-sel:disabled { opacity: 0.5; cursor: not-allowed; } } }[data-bnode="beae-vg99ev"] { --vg99ev-direction: row; --vg99ev-direction-tablet: column; --vg99ev-direction-mobile: column; --vg99ev-structure: auto; --vg99ev-structure-tablet: auto; --vg99ev-structure-mobile: auto; --vg99ev-align-items: center; --vg99ev-align-items-tablet: center; --vg99ev-align-items-mobile: flex-start; --vg99ev-gap: 12px; --vg99ev-gap-tablet: 12px; --vg99ev-gap-mobile: 12px; }[data-bnode="beae-vg99ev"] { padding-top: var(--vg99ev-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--vg99ev-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--vg99ev-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--vg99ev-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--vg99ev-padding-top-tablet, var(--vg99ev-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--vg99ev-padding-right-tablet, var(--vg99ev-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--vg99ev-padding-bottom-tablet, var(--vg99ev-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--vg99ev-padding-left-tablet, var(--vg99ev-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--vg99ev-padding-top-mobile, var(--vg99ev-padding-top-tablet, var(--vg99ev-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--vg99ev-padding-right-mobile, var(--vg99ev-padding-right-tablet, var(--vg99ev-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--vg99ev-padding-bottom-mobile, var(--vg99ev-padding-bottom-tablet, var(--vg99ev-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--vg99ev-padding-left-mobile, var(--vg99ev-padding-left-tablet, var(--vg99ev-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--vg99ev-padding-left, var(--beae-slot-padding-x, 0px)) - var(--vg99ev-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(--vg99ev-background-imageRatio, auto); background: var(--vg99ev-background-color,transparent); border-style: var(--vg99ev-borderStyle,solid); border-color: var(--vg99ev-borderColor,#000000); border-width: var(--vg99ev-borderWidth-tl,0px) var(--vg99ev-borderWidth-tr,0px) var(--vg99ev-borderWidth-br,0px) var(--vg99ev-borderWidth-bl,0px); border-radius: var(--vg99ev-borderRadius-tl,0px) var(--vg99ev-borderRadius-tr,0px) var(--vg99ev-borderRadius-br,0px) var(--vg99ev-borderRadius-bl,0px); box-shadow: if(style(--vg99ev-enableShadow: true): var(--vg99ev-shadowHorizontal,0) var(--vg99ev-shadowVertical,0) var(--vg99ev-shadowBlur,0) 1px var(--vg99ev-shadowColor,#000000); else: none); max-width: var(--vg99ev-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--vg99ev-background-imageRatio-tablet, var(--vg99ev-background-imageRatio, auto)); border-width: var(--vg99ev-borderWidth-tl-tablet,0px) var(--vg99ev-borderWidth-tr-tablet,0px) var(--vg99ev-borderWidth-br-tablet,0px) var(--vg99ev-borderWidth-bl-tablet,0px); border-radius: var(--vg99ev-borderRadius-tl-tablet,0px) var(--vg99ev-borderRadius-tr-tablet,0px) var(--vg99ev-borderRadius-br-tablet,0px) var(--vg99ev-borderRadius-bl-tablet,0px); max-width: var(--vg99ev-max-width-tablet, var(--vg99ev-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--vg99ev-background-imageRatio-mobile, var(--vg99ev-background-imageRatio, auto)); border-width: var(--vg99ev-borderWidth-tl-mobile,0px) var(--vg99ev-borderWidth-tr-mobile,0px) var(--vg99ev-borderWidth-br-mobile,0px) var(--vg99ev-borderWidth-bl-mobile,0px); border-radius: var(--vg99ev-borderRadius-tl-mobile,0px) var(--vg99ev-borderRadius-tr-mobile,0px) var(--vg99ev-borderRadius-br-mobile,0px) var(--vg99ev-borderRadius-bl-mobile,0px); max-width: var(--vg99ev-max-width-mobile, var(--vg99ev-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--vg99ev-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--vg99ev-gap,var(--beae-card-gap)); padding-top: var(--vg99ev-padding-top,var(--beae-card-padding)); padding-right: var(--vg99ev-padding-right,var(--beae-card-padding)); padding-bottom: var(--vg99ev-padding-bottom,var(--beae-card-padding)); padding-left: var(--vg99ev-padding-left,var(--beae-card-padding)); border-width: var(--vg99ev-borderWidth,var(--beae-card-border-width)); border-width: var(--vg99ev-borderWidth-tl,var(--beae-card-border-width)) var(--vg99ev-borderWidth-tr,var(--beae-card-border-width)) var(--vg99ev-borderWidth-br,var(--beae-card-border-width)) var(--vg99ev-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--vg99ev-borderRadius-tl,var(--beae-card-border-radius)) var(--vg99ev-borderRadius-tr,var(--beae-card-border-radius)) var(--vg99ev-borderRadius-br,var(--beae-card-border-radius)) var(--vg99ev-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(--vg99ev-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--vg99ev-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--vg99ev-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--vg99ev-padding-left-tablet,var(--beae-card-padding)); border-width: var(--vg99ev-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--vg99ev-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--vg99ev-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--vg99ev-borderWidth-br-desktop,var(--beae-card-border-width)) var(--vg99ev-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--vg99ev-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--vg99ev-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--vg99ev-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--vg99ev-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--vg99ev-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--vg99ev-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--vg99ev-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--vg99ev-padding-left-mobile,var(--beae-card-padding)); border-width: var(--vg99ev-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--vg99ev-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--vg99ev-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--vg99ev-borderWidth-br-mobile,var(--beae-card-border-width)) var(--vg99ev-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--vg99ev-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--vg99ev-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--vg99ev-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--vg99ev-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--vg99ev-background-color,var(--beae-card-featured-background)); border-color: var(--vg99ev-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--vg99ev-enableShadow: true): var(--vg99ev-shadowHorizontal, var(--beae-card-shadow-x)) var(--vg99ev-shadowVertical, var(--beae-card-shadow-y)) var(--vg99ev-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vg99ev-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--vg99ev-background-color,var(--beae-card-prod-background)); border-color: var(--vg99ev-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--vg99ev-enableShadow: true): var(--vg99ev-shadowHorizontal, var(--beae-card-shadow-x)) var(--vg99ev-shadowVertical, var(--beae-card-shadow-y)) var(--vg99ev-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vg99ev-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--vg99ev-background-color,var(--beae-card-pricing-background)); border-color: var(--vg99ev-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--vg99ev-enableShadow: true): var(--vg99ev-shadowHorizontal, var(--beae-card-shadow-x)) var(--vg99ev-shadowVertical, var(--beae-card-shadow-y)) var(--vg99ev-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vg99ev-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--vg99ev-background-color,var(--beae-card-cta-background)); border-color: var(--vg99ev-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--vg99ev-enableShadow: true): var(--vg99ev-shadowHorizontal, var(--beae-card-shadow-x)) var(--vg99ev-shadowVertical, var(--beae-card-shadow-y)) var(--vg99ev-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vg99ev-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--vg99ev-background-color,var(--beae-card-media-background)); border-color: var(--vg99ev-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--vg99ev-enableShadow: true): var(--vg99ev-shadowHorizontal, var(--beae-card-shadow-x)) var(--vg99ev-shadowVertical, var(--beae-card-shadow-y)) var(--vg99ev-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--vg99ev-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-vg99ev"] { display: flex; flex-direction: var(--vg99ev-direction, column); flex-wrap: nowrap; justify-content: var(--vg99ev-justify-content); align-items: var(--vg99ev-align-items); gap: var(--vg99ev-gap, var(--vg99ev-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-vg99ev"] { flex-direction: var(--vg99ev-direction-tablet, column); gap: var(--vg99ev-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-vg99ev"] { flex-direction: var(--vg99ev-direction-mobile, column); align-items: var(--vg99ev-align-items-mobile, inherit); gap: var(--vg99ev-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-wrgnib"] { --wrgnib-width: 130px; --wrgnib-width-tablet: 130px; --wrgnib-width-mobile: 130px; --wrgnib-height: 45px; --wrgnib-height-tablet: 45px; --wrgnib-height-mobile: 45px; --wrgnib-borderStyle: solid; --wrgnib-borderStyle-tablet: solid; --wrgnib-borderStyle-mobile: solid; --wrgnib-borderWidth-tl: 1px; --wrgnib-borderWidth-tl-tablet: 1px; --wrgnib-borderWidth-tl-mobile: 1px; --wrgnib-borderWidth-tr: 1px; --wrgnib-borderWidth-tr-tablet: 1px; --wrgnib-borderWidth-tr-mobile: 1px; --wrgnib-borderWidth-bl: 1px; --wrgnib-borderWidth-bl-tablet: 1px; --wrgnib-borderWidth-bl-mobile: 1px; --wrgnib-borderWidth-br: 1px; --wrgnib-borderWidth-br-tablet: 1px; --wrgnib-borderWidth-br-mobile: 1px; --wrgnib-borderColor: #ccc; --wrgnib-borderColor-tablet: #ccc; --wrgnib-borderColor-mobile: #ccc; --wrgnib-borderRadius-tl: 888px; --wrgnib-borderRadius-tl-tablet: 888px; --wrgnib-borderRadius-tl-mobile: 888px; --wrgnib-borderRadius-tr: 888px; --wrgnib-borderRadius-tr-tablet: 888px; --wrgnib-borderRadius-tr-mobile: 888px; --wrgnib-borderRadius-bl: 888px; --wrgnib-borderRadius-bl-tablet: 888px; --wrgnib-borderRadius-bl-mobile: 888px; --wrgnib-borderRadius-br: 888px; --wrgnib-borderRadius-br-tablet: 888px; --wrgnib-borderRadius-br-mobile: 888px; --wrgnib-margin-top: 0px; --wrgnib-margin-top-tablet: 0px; --wrgnib-margin-top-mobile: 0px; --wrgnib-margin-right: 0px; --wrgnib-margin-right-tablet: 0px; --wrgnib-margin-right-mobile: 0px; --wrgnib-margin-bottom: 0px; --wrgnib-margin-bottom-tablet: 0px; --wrgnib-margin-bottom-mobile: 0px; --wrgnib-margin-left: 0px; --wrgnib-margin-left-tablet: 0px; --wrgnib-margin-left-mobile: 0px; --wrgnib-enableShadow: false; --wrgnib-enableShadow-tablet: false; --wrgnib-enableShadow-mobile: false; --wrgnib-btnWdith: 80px; --wrgnib-btnWdith-tablet: 80px; --wrgnib-btnWdith-mobile: 80px; --wrgnib-typography: p; --wrgnib-typography-tablet: p; --wrgnib-typography-mobile: p; --wrgnib-btnWidth: 46px; --wrgnib-btnWidth-tablet: 46px; --wrgnib-btnWidth-mobile: 46px; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #5A5A5A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; --wrgnib-btnBg: #ececec00; --wrgnib-btnBg-tablet: #ececec00; --wrgnib-btnBg-mobile: #ececec00; --wrgnib-inputWidth: 100px; --wrgnib-inputWidth-tablet: 100px; --wrgnib-inputWidth-mobile: 100px; }[data-bnode="beae-wrgnib"] { margin-top: var(--wrgnib-margin-top, 0px); margin-right: var(--wrgnib-margin-right, 0px); margin-bottom: var(--wrgnib-margin-bottom, 0px); margin-left: var(--wrgnib-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--wrgnib-margin-top-tablet, 0px); margin-right: var(--wrgnib-margin-right-tablet, 0px); margin-bottom: var(--wrgnib-margin-bottom-tablet, 0px); margin-left: var(--wrgnib-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--wrgnib-margin-top-mobile, 0px); margin-right: var(--wrgnib-margin-right-mobile, 0px); margin-bottom: var(--wrgnib-margin-bottom-mobile, 0px); margin-left: var(--wrgnib-margin-left-mobile, 0px); } &.beae-qty { display: flex; flex-direction: column; gap: 8px; .beae-qty-wrap { width: 100%; display: flex; align-items: stretch; width: fit-content; border-style: var(--wrgnib-borderStyle, solid); border-color: var(--wrgnib-borderColor, #000000); border-width: var(--wrgnib-borderWidth-tl, 0px) var(--wrgnib-borderWidth-tr, 0px) var(--wrgnib-borderWidth-br, 0px) var(--wrgnib-borderWidth-bl, 0px); border-radius: var(--wrgnib-borderRadius-tl, 0px) var(--wrgnib-borderRadius-tr, 0px) var(--wrgnib-borderRadius-br, 0px) var(--wrgnib-borderRadius-bl, 0px); box-shadow: var(--wrgnib-shadowHorizontal, 0) var(--wrgnib-shadowVertical, 0) var(--wrgnib-shadowBlur, 0) 0 var(--wrgnib-shadowColor, #000000); overflow: hidden; @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--wrgnib-borderWidth-tl-tablet, 0px) var(--wrgnib-borderWidth-tr-tablet, 0px) var(--wrgnib-borderWidth-br-tablet, 0px) var(--wrgnib-borderWidth-bl-tablet, 0px); border-radius: var(--wrgnib-borderRadius-tl-tablet, 0px) var(--wrgnib-borderRadius-tr-tablet, 0px) var(--wrgnib-borderRadius-br-tablet, 0px) var(--wrgnib-borderRadius-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--wrgnib-borderWidth-tl-mobile, 0px) var(--wrgnib-borderWidth-tr-mobile, 0px) var(--wrgnib-borderWidth-br-mobile, 0px) var(--wrgnib-borderWidth-bl-mobile, 0px); border-radius: var(--wrgnib-borderRadius-tl-mobile, 0px) var(--wrgnib-borderRadius-tr-mobile, 0px) var(--wrgnib-borderRadius-br-mobile, 0px) var(--wrgnib-borderRadius-bl-mobile, 0px); } } .beae-qty-btn { display: flex; align-items: center; justify-content: center; width: var(--wrgnib-btnWidth, 40px); height: var(--wrgnib-btnWidth, 40px); padding: 0; border: none; background: var(--wrgnib-btnBg, #f5f5f5); color: var(--wrgnib-btnColor, #333); cursor: pointer; transition: opacity 0.2s; } .beae-qty-input { flex: 1; min-width: 0; width: var(--wrgnib-inputWidth, 40px); text-align: center; border: none; color: var(--wrgnib-inputColor, #333); background: var(--wrgnib-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; } } @media (max-width: 768px) { &.beae-qty { width: 100%; .beae-qty-wrap{ width: 100%; } .beae-qty-input { width: fit-content; } } } }[data-bnode="beae-2p339e"] { --2p339e-width: fill; --2p339e-width-tablet: fill; --2p339e-width-mobile: fill; --beae-p-font-family: Figtree; --beae-btn-font-weight: 600; --beae-btn-font-size: 15px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 48px; --beae-btn-height-mobile: 48px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 24px; --beae-btn-padding-mobile: 24px; --beae-btn-border-radius: 9999px; --beae-btn-se-label-color: #1E1E1E; --beae-btn-se-background-color: #ECECEC00; --beae-btn-text-transform: capitalize; --2p339e-iconWidth: 20px; --2p339e-iconWidth-tablet: 20px; --2p339e-iconWidth-mobile: 20px; --2p339e-iconGap: 5px; --2p339e-iconGap-tablet: 5px; --2p339e-iconGap-mobile: 5px; --2p339e-button: se; --2p339e-button-tablet: se; --2p339e-button-mobile: se; --2p339e-transform: capitalize; --2p339e-transform-tablet: capitalize; --2p339e-transform-mobile: capitalize; --2p339e-margin-top: 0px; --2p339e-margin-top-tablet: 0px; --2p339e-margin-top-mobile: 0px; --2p339e-margin-right: 0px; --2p339e-margin-right-tablet: 0px; --2p339e-margin-right-mobile: 0px; --2p339e-margin-bottom: 0px; --2p339e-margin-bottom-tablet: 0px; --2p339e-margin-bottom-mobile: 0px; --2p339e-margin-left: 0px; --2p339e-margin-left-tablet: 0px; --2p339e-margin-left-mobile: 0px; --beae-btn-te-label-color: #121212; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #121212; }[data-bnode="beae-2p339e"] { margin-top: var(--2p339e-margin-top, 0px); margin-right: var(--2p339e-margin-right, 0px); margin-bottom: var(--2p339e-margin-bottom, 0px); margin-left: var(--2p339e-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2p339e-margin-top-tablet, 0px); margin-right: var(--2p339e-margin-right-tablet, 0px); margin-bottom: var(--2p339e-margin-bottom-tablet, 0px); margin-left: var(--2p339e-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2p339e-margin-top-mobile, 0px); margin-right: var(--2p339e-margin-right-mobile, 0px); margin-bottom: var(--2p339e-margin-bottom-mobile, 0px); margin-left: var(--2p339e-margin-left-mobile, 0px); } & { width: 100%; text-transform: var(--2p339e-transform); @media (min-width: 768px) and (max-width: 1180px) { height: var(--beae-btn-height-tablet); } } .beae-atc-btn { display: flex !important; width: 100%; align-items: center; justify-content: center; border-width: 1px; &[disabled="disabled"] { opacity: 0.5; } svg { width: var(--2p339e-iconWidth); min-width: var(--2p339e-iconWidth); height: 100%; margin-right: var(--2p339e-iconGap); } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; margin-left: var(--2p339e-iconGap); } } } }[data-bnode="beae-g574ai"] { --g574ai-direction: column; --g574ai-direction-tablet: column; --g574ai-direction-mobile: column; --g574ai-structure: auto; --g574ai-structure-tablet: auto; --g574ai-structure-mobile: auto; --g574ai-align-items: center; --g574ai-align-items-tablet: center; --g574ai-align-items-mobile: flex-start; --g574ai-gap: 16px; --g574ai-gap-tablet: 16px; --g574ai-gap-mobile: 16px; }[data-bnode="beae-g574ai"] { padding-top: var(--g574ai-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--g574ai-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--g574ai-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--g574ai-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--g574ai-padding-top-tablet, var(--g574ai-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--g574ai-padding-right-tablet, var(--g574ai-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--g574ai-padding-bottom-tablet, var(--g574ai-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--g574ai-padding-left-tablet, var(--g574ai-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--g574ai-padding-top-mobile, var(--g574ai-padding-top-tablet, var(--g574ai-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--g574ai-padding-right-mobile, var(--g574ai-padding-right-tablet, var(--g574ai-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--g574ai-padding-bottom-mobile, var(--g574ai-padding-bottom-tablet, var(--g574ai-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--g574ai-padding-left-mobile, var(--g574ai-padding-left-tablet, var(--g574ai-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--g574ai-padding-left, var(--beae-slot-padding-x, 0px)) - var(--g574ai-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(--g574ai-background-imageRatio, auto); background: var(--g574ai-background-color,transparent); border-style: var(--g574ai-borderStyle,solid); border-color: var(--g574ai-borderColor,#000000); border-width: var(--g574ai-borderWidth-tl,0px) var(--g574ai-borderWidth-tr,0px) var(--g574ai-borderWidth-br,0px) var(--g574ai-borderWidth-bl,0px); border-radius: var(--g574ai-borderRadius-tl,0px) var(--g574ai-borderRadius-tr,0px) var(--g574ai-borderRadius-br,0px) var(--g574ai-borderRadius-bl,0px); box-shadow: if(style(--g574ai-enableShadow: true): var(--g574ai-shadowHorizontal,0) var(--g574ai-shadowVertical,0) var(--g574ai-shadowBlur,0) 1px var(--g574ai-shadowColor,#000000); else: none); max-width: var(--g574ai-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--g574ai-background-imageRatio-tablet, var(--g574ai-background-imageRatio, auto)); border-width: var(--g574ai-borderWidth-tl-tablet,0px) var(--g574ai-borderWidth-tr-tablet,0px) var(--g574ai-borderWidth-br-tablet,0px) var(--g574ai-borderWidth-bl-tablet,0px); border-radius: var(--g574ai-borderRadius-tl-tablet,0px) var(--g574ai-borderRadius-tr-tablet,0px) var(--g574ai-borderRadius-br-tablet,0px) var(--g574ai-borderRadius-bl-tablet,0px); max-width: var(--g574ai-max-width-tablet, var(--g574ai-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--g574ai-background-imageRatio-mobile, var(--g574ai-background-imageRatio, auto)); border-width: var(--g574ai-borderWidth-tl-mobile,0px) var(--g574ai-borderWidth-tr-mobile,0px) var(--g574ai-borderWidth-br-mobile,0px) var(--g574ai-borderWidth-bl-mobile,0px); border-radius: var(--g574ai-borderRadius-tl-mobile,0px) var(--g574ai-borderRadius-tr-mobile,0px) var(--g574ai-borderRadius-br-mobile,0px) var(--g574ai-borderRadius-bl-mobile,0px); max-width: var(--g574ai-max-width-mobile, var(--g574ai-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--g574ai-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--g574ai-gap,var(--beae-card-gap)); padding-top: var(--g574ai-padding-top,var(--beae-card-padding)); padding-right: var(--g574ai-padding-right,var(--beae-card-padding)); padding-bottom: var(--g574ai-padding-bottom,var(--beae-card-padding)); padding-left: var(--g574ai-padding-left,var(--beae-card-padding)); border-width: var(--g574ai-borderWidth,var(--beae-card-border-width)); border-width: var(--g574ai-borderWidth-tl,var(--beae-card-border-width)) var(--g574ai-borderWidth-tr,var(--beae-card-border-width)) var(--g574ai-borderWidth-br,var(--beae-card-border-width)) var(--g574ai-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--g574ai-borderRadius-tl,var(--beae-card-border-radius)) var(--g574ai-borderRadius-tr,var(--beae-card-border-radius)) var(--g574ai-borderRadius-br,var(--beae-card-border-radius)) var(--g574ai-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(--g574ai-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--g574ai-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--g574ai-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--g574ai-padding-left-tablet,var(--beae-card-padding)); border-width: var(--g574ai-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--g574ai-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--g574ai-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--g574ai-borderWidth-br-desktop,var(--beae-card-border-width)) var(--g574ai-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--g574ai-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--g574ai-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--g574ai-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--g574ai-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--g574ai-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--g574ai-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--g574ai-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--g574ai-padding-left-mobile,var(--beae-card-padding)); border-width: var(--g574ai-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--g574ai-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--g574ai-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--g574ai-borderWidth-br-mobile,var(--beae-card-border-width)) var(--g574ai-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--g574ai-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--g574ai-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--g574ai-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--g574ai-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--g574ai-background-color,var(--beae-card-featured-background)); border-color: var(--g574ai-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--g574ai-enableShadow: true): var(--g574ai-shadowHorizontal, var(--beae-card-shadow-x)) var(--g574ai-shadowVertical, var(--beae-card-shadow-y)) var(--g574ai-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g574ai-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--g574ai-background-color,var(--beae-card-prod-background)); border-color: var(--g574ai-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--g574ai-enableShadow: true): var(--g574ai-shadowHorizontal, var(--beae-card-shadow-x)) var(--g574ai-shadowVertical, var(--beae-card-shadow-y)) var(--g574ai-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g574ai-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--g574ai-background-color,var(--beae-card-pricing-background)); border-color: var(--g574ai-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--g574ai-enableShadow: true): var(--g574ai-shadowHorizontal, var(--beae-card-shadow-x)) var(--g574ai-shadowVertical, var(--beae-card-shadow-y)) var(--g574ai-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g574ai-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--g574ai-background-color,var(--beae-card-cta-background)); border-color: var(--g574ai-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--g574ai-enableShadow: true): var(--g574ai-shadowHorizontal, var(--beae-card-shadow-x)) var(--g574ai-shadowVertical, var(--beae-card-shadow-y)) var(--g574ai-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g574ai-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--g574ai-background-color,var(--beae-card-media-background)); border-color: var(--g574ai-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--g574ai-enableShadow: true): var(--g574ai-shadowHorizontal, var(--beae-card-shadow-x)) var(--g574ai-shadowVertical, var(--beae-card-shadow-y)) var(--g574ai-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--g574ai-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-g574ai"] { display: flex; flex-direction: var(--g574ai-direction, column); flex-wrap: nowrap; justify-content: var(--g574ai-justify-content); align-items: var(--g574ai-align-items); gap: var(--g574ai-gap, var(--g574ai-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-g574ai"] { gap: var(--g574ai-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(--g574ai-padding-right-tablet, 0px) - var(--g574ai-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-g574ai"] { flex-direction: var(--g574ai-direction-mobile, column); align-items: var(--g574ai-align-items-mobile, inherit); gap: var(--g574ai-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-i611hb"] { --i611hb-iconWidth: 20px; --i611hb-iconWidth-tablet: 20px; --i611hb-iconWidth-mobile: 20px; --i611hb-iconGap: 5px; --i611hb-iconGap-tablet: 5px; --i611hb-iconGap-mobile: 5px; --i611hb-button: pr; --i611hb-button-tablet: pr; --i611hb-button-mobile: pr; --i611hb-width: 100%; --i611hb-width-tablet: 100%; --i611hb-width-mobile: 100%; --beae-btn-font-weight: 400; --beae-btn-font-size: 15px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 99px; --beae-btn-pr-label-color: #FFFFFF; --beae-btn-pr-background-color: #B31111; --i611hb-transform: none; --i611hb-transform-tablet: none; --i611hb-transform-mobile: none; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-i611hb"] { margin-top: var(--i611hb-margin-top, 0px); margin-right: var(--i611hb-margin-right, 0px); margin-bottom: var(--i611hb-margin-bottom, 0px); margin-left: var(--i611hb-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--i611hb-margin-top-tablet, 0px); margin-right: var(--i611hb-margin-right-tablet, 0px); margin-bottom: var(--i611hb-margin-bottom-tablet, 0px); margin-left: var(--i611hb-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--i611hb-margin-top-mobile, 0px); margin-right: var(--i611hb-margin-right-mobile, 0px); margin-bottom: var(--i611hb-margin-bottom-mobile, 0px); margin-left: var(--i611hb-margin-left-mobile, 0px); } &{ width: 100%; } &.beae-atc-btn { gap: var(--i611hb-iconGap); text-transform: var(--i611hb-transform); font-family: var(--beae-p-font-family); width: 100%; &.beae-btn-pr:hover { background-color: var(--i611hb-bgPrHover, var(--beae-btn-pr-background-hover)); color: var(--i611hb-labelPrHover, var(--beae-btn-pr-label-hover)); outline-color: var(--i611hb-borderPrHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-se:hover { background-color: var(--i611hb-bgSeHover, var(--beae-btn-se-background-hover)); color: var(--i611hb-labelSeHover, var(--beae-btn-se-label-hover)); outline-color: var(--i611hb-borderSeHover, var(--beae-btn-pr-border-hover)); } &.beae-btn-te:hover { color: var(--i611hb-labelTeHover, var(--beae-btn-te-label-hover)); } &:disabled { opacity: 0.5; pointer-events: none; } span { display: flex; } svg { width: var(--i611hb-iconWidth); min-width: var(--i611hb-iconWidth); height: 100%; } &[beae-btn-po="right"] { flex-direction: row-reverse; svg { margin-right: 0; } } @media (min-width: 768px) and (max-width: 1180px) { gap: var(--i611hb-iconGap-tablet); &:not(.beae-btn-te) { height: var(--beae-btn-height-tablet); } svg { width: var(--i611hb-iconWidth-tablet); min-width: var(--i611hb-iconWidth-tablet); } } @media (max-width: 767px) { gap: var(--i611hb-iconGap-mobile); &:not(.beae-btn-te) { height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } svg { width: var(--i611hb-iconWidth-mobile); min-width: var(--i611hb-iconWidth-mobile); } } } }[data-bnode="beae-p3bf17"] { --p3bf17-direction: column; --p3bf17-direction-tablet: column; --p3bf17-direction-mobile: column; --p3bf17-structure: auto; --p3bf17-structure-tablet: auto; --p3bf17-structure-mobile: auto; }[data-bnode="beae-p3bf17"] { padding-top: var(--p3bf17-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--p3bf17-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--p3bf17-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--p3bf17-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--p3bf17-padding-top-tablet, var(--p3bf17-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--p3bf17-padding-right-tablet, var(--p3bf17-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--p3bf17-padding-bottom-tablet, var(--p3bf17-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--p3bf17-padding-left-tablet, var(--p3bf17-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--p3bf17-padding-top-mobile, var(--p3bf17-padding-top-tablet, var(--p3bf17-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--p3bf17-padding-right-mobile, var(--p3bf17-padding-right-tablet, var(--p3bf17-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--p3bf17-padding-bottom-mobile, var(--p3bf17-padding-bottom-tablet, var(--p3bf17-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--p3bf17-padding-left-mobile, var(--p3bf17-padding-left-tablet, var(--p3bf17-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--p3bf17-padding-left, var(--beae-slot-padding-x, 0px)) - var(--p3bf17-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(--p3bf17-background-imageRatio, auto); background: var(--p3bf17-background-color,transparent); border-style: var(--p3bf17-borderStyle,solid); border-color: var(--p3bf17-borderColor,#000000); border-width: var(--p3bf17-borderWidth-tl,0px) var(--p3bf17-borderWidth-tr,0px) var(--p3bf17-borderWidth-br,0px) var(--p3bf17-borderWidth-bl,0px); border-radius: var(--p3bf17-borderRadius-tl,0px) var(--p3bf17-borderRadius-tr,0px) var(--p3bf17-borderRadius-br,0px) var(--p3bf17-borderRadius-bl,0px); box-shadow: if(style(--p3bf17-enableShadow: true): var(--p3bf17-shadowHorizontal,0) var(--p3bf17-shadowVertical,0) var(--p3bf17-shadowBlur,0) 1px var(--p3bf17-shadowColor,#000000); else: none); max-width: var(--p3bf17-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--p3bf17-background-imageRatio-tablet, var(--p3bf17-background-imageRatio, auto)); border-width: var(--p3bf17-borderWidth-tl-tablet,0px) var(--p3bf17-borderWidth-tr-tablet,0px) var(--p3bf17-borderWidth-br-tablet,0px) var(--p3bf17-borderWidth-bl-tablet,0px); border-radius: var(--p3bf17-borderRadius-tl-tablet,0px) var(--p3bf17-borderRadius-tr-tablet,0px) var(--p3bf17-borderRadius-br-tablet,0px) var(--p3bf17-borderRadius-bl-tablet,0px); max-width: var(--p3bf17-max-width-tablet, var(--p3bf17-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--p3bf17-background-imageRatio-mobile, var(--p3bf17-background-imageRatio, auto)); border-width: var(--p3bf17-borderWidth-tl-mobile,0px) var(--p3bf17-borderWidth-tr-mobile,0px) var(--p3bf17-borderWidth-br-mobile,0px) var(--p3bf17-borderWidth-bl-mobile,0px); border-radius: var(--p3bf17-borderRadius-tl-mobile,0px) var(--p3bf17-borderRadius-tr-mobile,0px) var(--p3bf17-borderRadius-br-mobile,0px) var(--p3bf17-borderRadius-bl-mobile,0px); max-width: var(--p3bf17-max-width-mobile, var(--p3bf17-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--p3bf17-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--p3bf17-gap,var(--beae-card-gap)); padding-top: var(--p3bf17-padding-top,var(--beae-card-padding)); padding-right: var(--p3bf17-padding-right,var(--beae-card-padding)); padding-bottom: var(--p3bf17-padding-bottom,var(--beae-card-padding)); padding-left: var(--p3bf17-padding-left,var(--beae-card-padding)); border-width: var(--p3bf17-borderWidth,var(--beae-card-border-width)); border-width: var(--p3bf17-borderWidth-tl,var(--beae-card-border-width)) var(--p3bf17-borderWidth-tr,var(--beae-card-border-width)) var(--p3bf17-borderWidth-br,var(--beae-card-border-width)) var(--p3bf17-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--p3bf17-borderRadius-tl,var(--beae-card-border-radius)) var(--p3bf17-borderRadius-tr,var(--beae-card-border-radius)) var(--p3bf17-borderRadius-br,var(--beae-card-border-radius)) var(--p3bf17-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(--p3bf17-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--p3bf17-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--p3bf17-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--p3bf17-padding-left-tablet,var(--beae-card-padding)); border-width: var(--p3bf17-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--p3bf17-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--p3bf17-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--p3bf17-borderWidth-br-desktop,var(--beae-card-border-width)) var(--p3bf17-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--p3bf17-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--p3bf17-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--p3bf17-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--p3bf17-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--p3bf17-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--p3bf17-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--p3bf17-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--p3bf17-padding-left-mobile,var(--beae-card-padding)); border-width: var(--p3bf17-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--p3bf17-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--p3bf17-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--p3bf17-borderWidth-br-mobile,var(--beae-card-border-width)) var(--p3bf17-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--p3bf17-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--p3bf17-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--p3bf17-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--p3bf17-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--p3bf17-background-color,var(--beae-card-featured-background)); border-color: var(--p3bf17-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--p3bf17-enableShadow: true): var(--p3bf17-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3bf17-shadowVertical, var(--beae-card-shadow-y)) var(--p3bf17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3bf17-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--p3bf17-background-color,var(--beae-card-prod-background)); border-color: var(--p3bf17-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--p3bf17-enableShadow: true): var(--p3bf17-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3bf17-shadowVertical, var(--beae-card-shadow-y)) var(--p3bf17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3bf17-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--p3bf17-background-color,var(--beae-card-pricing-background)); border-color: var(--p3bf17-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--p3bf17-enableShadow: true): var(--p3bf17-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3bf17-shadowVertical, var(--beae-card-shadow-y)) var(--p3bf17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3bf17-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--p3bf17-background-color,var(--beae-card-cta-background)); border-color: var(--p3bf17-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--p3bf17-enableShadow: true): var(--p3bf17-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3bf17-shadowVertical, var(--beae-card-shadow-y)) var(--p3bf17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3bf17-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--p3bf17-background-color,var(--beae-card-media-background)); border-color: var(--p3bf17-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--p3bf17-enableShadow: true): var(--p3bf17-shadowHorizontal, var(--beae-card-shadow-x)) var(--p3bf17-shadowVertical, var(--beae-card-shadow-y)) var(--p3bf17-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--p3bf17-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-p3bf17"] { display: flex; flex-direction: var(--p3bf17-direction, column); flex-wrap: nowrap; justify-content: var(--p3bf17-justify-content); align-items: var(--p3bf17-align-items); gap: var(--p3bf17-gap, var(--p3bf17-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-p3bf17"] { gap: var(--p3bf17-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(--p3bf17-padding-right-tablet, 0px) - var(--p3bf17-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-p3bf17"] { flex-direction: var(--p3bf17-direction-mobile, column); gap: var(--p3bf17-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-t7zmbs"] { --t7zmbs-columns: 1; --t7zmbs-columns-tablet: 1; --t7zmbs-columns-mobile: 1; --t7zmbs-gap: 12px; --t7zmbs-gap-tablet: 12px; --t7zmbs-gap-mobile: 12px; --t7zmbs-navType: true; --t7zmbs-navType-tablet: true; --t7zmbs-navType-mobile: true; --t7zmbs-pagiType: false; --t7zmbs-pagiType-tablet: false; --t7zmbs-pagiType-mobile: false; --t7zmbs-listType: grid; --t7zmbs-listType-tablet: grid; --t7zmbs-listType-mobile: grid; --t7zmbs-stateNavigation: normal; --t7zmbs-stateNavigation-tablet: normal; --t7zmbs-stateNavigation-mobile: normal; --t7zmbs-statePagination: normal; --t7zmbs-statePagination-tablet: normal; --t7zmbs-statePagination-mobile: normal; --t7zmbs-stateNavigtion: normal; --t7zmbs-stateNavigtion-tablet: normal; --t7zmbs-stateNavigtion-mobile: normal; --t7zmbs-margin-top: 0px; --t7zmbs-margin-top-tablet: 0px; --t7zmbs-margin-top-mobile: 0px; --t7zmbs-margin-right: 0px; --t7zmbs-margin-right-tablet: 0px; --t7zmbs-margin-right-mobile: 0px; --t7zmbs-margin-bottom: 0px; --t7zmbs-margin-bottom-tablet: 0px; --t7zmbs-margin-bottom-mobile: 0px; --t7zmbs-margin-left: 0px; --t7zmbs-margin-left-tablet: 0px; --t7zmbs-margin-left-mobile: 0px; --t7zmbs-columnsMobile-mobile: 1; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-contlt"] { --beae-h4-color: #A65959; --beae-h4-text-align: center; --beae-h4-font-weight: 700; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-contlp"] { --beae-p-text-align: justify; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-item2a"] { --item2a-direction: row; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-q9arza"] { --q9arza-width: 20px; --q9arza-imageRatio: 1/1; --q9arza-objFit: cover; --q9arza-borderColor: #000000; --q9arza-shadowColor: #000000; --q9arza-borderStyle: none; --q9arza-enableShadow: false; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-3pu5pu"] { --3pu5pu-typography: h6; --beae-h6-font-size: 14px; --beae-h6-font-size-tablet: 14px; --beae-h6-font-size-mobile: 14px; --beae-h6-color: #181818; --beae-h6-font-weight: 400; --beae-h6-line-height: 1.5; --beae-h6-line-height-tablet: 1.5; --beae-h6-line-height-mobile: 1.5; --beae-h6-letter-spacing: 0px; --beae-h6-letter-spacing-tablet: 0px; --beae-h6-letter-spacing-mobile: 0px; --beae-h6-text-transform: none; --beae-h3-font-size: 26px; --beae-h3-font-size-tablet: 26px; --beae-h3-font-size-mobile: 22px; --beae-h3-color: #181818; --beae-h3-font-weight: 500; --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; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-yrenbc"] { --yrenbc-typography: p; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-vgc5wm"] { --vgc5wm-iconWidth: 20px; --vgc5wm-iconGap: 5px; --vgc5wm-button: pr; --vgc5wm-width: fill; --beae-p-font-family: Assistant; --beae-btn-font-size: 15px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 45px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 30px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 0px; --beae-btn-pr-label-color: #ffffff; --beae-btn-pr-background-color: #121212; --vgc5wm-transform: none; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-2ygrsk"] { --2ygrsk-typography: p2; --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #181818; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --beae-p-font-size: 14px; --beae-p-font-size-tablet: 14px; --beae-p-font-size-mobile: 14px; --beae-p-color: #5A5A5A; --beae-p-font-weight: 400; --beae-p-line-height: 1.5; --beae-p-line-height-tablet: 1.5; --beae-p-line-height-mobile: 1.5; --beae-p-letter-spacing: 0px; --beae-p-letter-spacing-tablet: 0px; --beae-p-letter-spacing-mobile: 0px; --beae-p-text-transform: none; } [data-bnode="beae-t7zmbs"] [data-bnode="beae-b5lu2p"] { --b5lu2p-size: 24px; --b5lu2p-iconColor: #181818; --b5lu2p-backgroundColor: #FFFFFF00; --b5lu2p-padding: 3px; --b5lu2p-enableShadow: false; } [data-bnode="beae-t7zmbs"] [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-t7zmbs"] { margin-top: var(--t7zmbs-margin-top, 0px); margin-right: var(--t7zmbs-margin-right, 0px); margin-bottom: var(--t7zmbs-margin-bottom, 0px); margin-left: var(--t7zmbs-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--t7zmbs-margin-top-tablet, 0px); margin-right: var(--t7zmbs-margin-right-tablet, 0px); margin-bottom: var(--t7zmbs-margin-bottom-tablet, 0px); margin-left: var(--t7zmbs-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--t7zmbs-margin-top-mobile, 0px); margin-right: var(--t7zmbs-margin-right-mobile, 0px); margin-bottom: var(--t7zmbs-margin-bottom-mobile, 0px); margin-left: var(--t7zmbs-margin-left-mobile, 0px); } &.beae-content-list { display: table; padding: 20px 0; @media (min-width: 1024px) { & .beae-slider-wrapper[data-desktop-layout="slider"]{ .beae-slider-items { gap: var(--t7zmbs-gap,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--t7zmbs-gap,20px) * (var(--t7zmbs-columns, 3) - 1) + 1px) / var(--t7zmbs-columns, 3)); &:last-child{ margin-right: var(--t7zmbs-gap,20px); } } } } & .beae-slider-wrapper[data-desktop-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--t7zmbs-gap,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--t7zmbs-columns) - 1) * var(--t7zmbs-gap,20px)) / var(--t7zmbs-columns) ); } } } } @media (min-width: 767.79px) and (max-width: 1180px) { & .beae-slider-wrapper[data-tablet-layout="slider"]{ .beae-slider-items { gap:var(--t7zmbs-gap-tablet,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--t7zmbs-gap-tablet,20px) * (var(--t7zmbs-columns-tablet, 3) - 1)) / var(--t7zmbs-columns-tablet, 3)); &:last-child{ margin-right: var(--t7zmbs-gap-tablet,20px); } } } } & .beae-slider-wrapper[data-tablet-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--t7zmbs-gap-tablet,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--t7zmbs-columns-tablet) - 1) * var(--t7zmbs-gap-tablet,20px)) / var(--t7zmbs-columns-tablet) ); } } } } @media (max-width: 767px) { & .beae-slider-wrapper[data-mobile-layout="slider"]{ .beae-slider-items { gap:var(--t7zmbs-gap-mobile,20px); .beae-slider-item{ flex: 0 0 calc((100% - var(--t7zmbs-gap-mobile,20px) * (var(--t7zmbs-columnsMobile-mobile, 1) - 1)) / var(--t7zmbs-columnsMobile-mobile, 1)); &:last-child{ margin-right: var(--t7zmbs-gap-mobile,20px); } } } } & .beae-slider-wrapper[data-mobile-layout="grid"]{ .beae-slider-items { flex-wrap: wrap; gap:var(--t7zmbs-gap-mobile,20px); .beae-slider-item { flex: 0 0 calc( (100% - (var(--t7zmbs-columnsMobile-mobile) - 1) * var(--t7zmbs-gap-mobile,20px)) / var(--t7zmbs-columnsMobile-mobile) ); } } } } /* Navigation & Pagination */ .beae-slider-nav-left, .beae-slider-nav-right { padding: var(--t7zmbs-navPadding,12px); background:var(--t7zmbs-navBg,#F5F5F5); color: var(--t7zmbs-navColor,#333333); cursor: pointer; &:hover { background:var(--t7zmbs-navBgHover,#CCCCCC); color: var(--t7zmbs-navColorHover,#333333); } svg { width: var(--t7zmbs-navIconSize,20px); height: var(--t7zmbs-navIconSize,20px); } } & .beae-slider-wrapper[data-pagination="dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--t7zmbs-pagiBg,#E6E6E6); &.active { background:var(--t7zmbs-pagiBgActive,#181818); } &:not(.active):hover { background:var(--t7zmbs-pagiBgHover,#CCCCCC); } } & .beae-slider-wrapper[data-pagination="numbers"] + .beae-slider-controls .beae-slider-pagination { color: var(--t7zmbs-pagiColor,#e6e6e6); &.active { color:var(--t7zmbs-pagiColorActive,#181818); } &:not(.active):hover { color: var(--t7zmbs-pagiColorHover,#181818); } } & .beae-slider-wrapper[data-pagination="counter"] + .beae-slider-controls .beae-slider-pagination-total { color: var(--t7zmbs-pagiColor,#e6e6e6); } & .beae-slider-wrapper[data-pagination="dynamic-dots"] + .beae-slider-controls .beae-slider-pagination { background: var(--t7zmbs-pagiBg,#E6E6E6); &.active { background: var(--t7zmbs-pagiBgActive,#181818); opacity: 1; } &:not(.active):hover { background: var(--t7zmbs-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-t7zmbs"] [data-bnode="beae-b5lu2p"] { margin-top: var(--b5lu2p-margin-top, 0px); margin-right: var(--b5lu2p-margin-right, 0px); margin-bottom: var(--b5lu2p-margin-bottom, 0px); margin-left: var(--b5lu2p-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--b5lu2p-margin-top-tablet, 0px); margin-right: var(--b5lu2p-margin-right-tablet, 0px); margin-bottom: var(--b5lu2p-margin-bottom-tablet, 0px); margin-left: var(--b5lu2p-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--b5lu2p-margin-top-mobile, 0px); margin-right: var(--b5lu2p-margin-right-mobile, 0px); margin-bottom: var(--b5lu2p-margin-bottom-mobile, 0px); margin-left: var(--b5lu2p-margin-left-mobile, 0px); } & { display: block; padding: var(--b5lu2p-padding, 4px); border-style: var(--b5lu2p-borderStyle,solid); border-color: var(--b5lu2p-borderColor,#000000); border-width: var(--b5lu2p-borderWidth-tl,0px) var(--b5lu2p-borderWidth-tr,0px) var(--b5lu2p-borderWidth-br,0px) var(--b5lu2p-borderWidth-bl,0px); border-radius: var(--b5lu2p-borderRadius-tl,0px) var(--b5lu2p-borderRadius-tr,0px) var(--b5lu2p-borderRadius-br,0px) var(--b5lu2p-borderRadius-bl,0px); box-shadow: if( style(--b5lu2p-enableShadow: true): var(--b5lu2p-shadowHorizontal, 0) var(--b5lu2p-shadowVertical, 0) var(--b5lu2p-shadowBlur, 0) 1px var(--b5lu2p-shadowColor, #000000); else: none ); color: var(--b5lu2p-iconColor,var(--beae-text-color)); background-color: var(--b5lu2p-backgroundColor); overflow: hidden; width: var(--b5lu2p-size, 28px); min-width: var(--b5lu2p-size, 28px); height: fit-content; max-width: var(--b5lu2p-size, 28px); @media(min-width: 767.79px) and (max-width: 1180px){ border-width: var(--b5lu2p-borderWidth-tl-tablet,0px) var(--b5lu2p-borderWidth-tr-tablet,0px) var(--b5lu2p-borderWidth-br-tablet,0px) var(--b5lu2p-borderWidth-bl-tablet,0px); border-radius: var(--b5lu2p-borderRadius-tl-tablet,0px) var(--b5lu2p-borderRadius-tr-tablet,0px) var(--b5lu2p-borderRadius-br-tablet,0px) var(--b5lu2p-borderRadius-bl-tablet,0px); } @media(max-width: 767px){ border-width: var(--b5lu2p-borderWidth-tl-mobile,0px) var(--b5lu2p-borderWidth-tr-mobile,0px) var(--b5lu2p-borderWidth-br-mobile,0px) var(--b5lu2p-borderWidth-bl-mobile,0px); border-radius: var(--b5lu2p-borderRadius-tl-mobile,0px) var(--b5lu2p-borderRadius-tr-mobile,0px) var(--b5lu2p-borderRadius-br-mobile,0px) var(--b5lu2p-borderRadius-bl-mobile,0px); } svg { width: 100%; height: 100%; } } } [data-bnode="beae-t7zmbs"] [data-bnode="beae-2ygrsk"] { margin-top: var(--2ygrsk-margin-top, 0px); margin-right: var(--2ygrsk-margin-right, 0px); margin-bottom: var(--2ygrsk-margin-bottom, 0px); margin-left: var(--2ygrsk-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--2ygrsk-margin-top-tablet, 0px); margin-right: var(--2ygrsk-margin-right-tablet, 0px); margin-bottom: var(--2ygrsk-margin-bottom-tablet, 0px); margin-left: var(--2ygrsk-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--2ygrsk-margin-top-mobile, 0px); margin-right: var(--2ygrsk-margin-right-mobile, 0px); margin-bottom: var(--2ygrsk-margin-bottom-mobile, 0px); margin-left: var(--2ygrsk-margin-left-mobile, 0px); } } [data-bnode="beae-t7zmbs"] [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-t7zmbs"] [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-t7zmbs"] [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-t7zmbs"] [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-art6jr"] { --art6jr-width: 1600px; --art6jr-width-tablet: 1600px; --art6jr-width-mobile: 1600px; --art6jr-height: fit-content; --art6jr-height-tablet: fit-content; --art6jr-height-mobile: fit-content; --art6jr-padding-top: 112px; --art6jr-padding-top-tablet: 80px; --art6jr-padding-top-mobile: 56px; --art6jr-padding-bottom: 112px; --art6jr-padding-bottom-tablet: 80px; --art6jr-padding-bottom-mobile: 56px; --art6jr-padding-right: 30px; --art6jr-padding-right-tablet: 30px; --art6jr-padding-right-mobile: 16px; --art6jr-padding-left: 30px; --art6jr-padding-left-tablet: 30px; --art6jr-padding-left-mobile: 16px; --art6jr-background-type: color; --art6jr-background-type-tablet: color; --art6jr-background-type-mobile: color; --art6jr-background-color: #FFFAF3; --art6jr-background-color-tablet: #FFFAF3; --art6jr-background-color-mobile: #FFFAF3; --art6jr-direction: row; --art6jr-direction-tablet: row; --art6jr-direction-mobile: column; --art6jr-structure: columns; --art6jr-structure-tablet: columns; --art6jr-structure-mobile: columns; --art6jr-gap: 64px; --art6jr-gap-tablet: 32px; --art6jr-gap-mobile: 32px; --art6jr-columns: 66.66,33.33; --art6jr-columns-tablet: 50.00,50.00; --art6jr-columns-mobile: 50.00,50.00; --art6jr-columnsPresetId: 66.66,33.33; --art6jr-columnsPresetId-tablet: 50.00,50.00; --art6jr-columnsPresetId-mobile: 50.00,50.00; }[data-bnode="beae-art6jr"] { padding-top: var(--art6jr-padding-top, var(--beae-section-padding-y, 0px)); padding-right: var(--art6jr-padding-right, var(--beae-section-padding-x, 0px)); padding-bottom: var(--art6jr-padding-bottom, var(--beae-section-padding-y, 0px)); padding-left: var(--art6jr-padding-left, var(--beae-section-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--art6jr-padding-top-tablet, var(--art6jr-padding-top, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-right: var(--art6jr-padding-right-tablet, var(--art6jr-padding-right, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); padding-bottom: var(--art6jr-padding-bottom-tablet, var(--art6jr-padding-bottom, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))); padding-left: var(--art6jr-padding-left-tablet, var(--art6jr-padding-left, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--art6jr-padding-top-mobile, var(--art6jr-padding-top-tablet, var(--art6jr-padding-top, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-right: var(--art6jr-padding-right-mobile, var(--art6jr-padding-right-tablet, var(--art6jr-padding-right, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); padding-bottom: var(--art6jr-padding-bottom-mobile, var(--art6jr-padding-bottom-tablet, var(--art6jr-padding-bottom, var(--beae-section-padding-y-mobile, var(--beae-section-padding-y-tablet, var(--beae-section-padding-y, 0px)))))); padding-left: var(--art6jr-padding-left-mobile, var(--art6jr-padding-left-tablet, var(--art6jr-padding-left, var(--beae-section-padding-x-mobile, var(--beae-section-padding-x-tablet, var(--beae-section-padding-x, 0px)))))); } width: calc( 100% - var(--art6jr-padding-left, var(--beae-section-padding-x, 0px)) - var(--art6jr-padding-right, var(--beae-section-padding-x, 0px)) ); width: -webkit-fill-available; width: -moz-available; width: fill-available; &.beae-section { background: var(--art6jr-background-color, var(--beae-background-color)); max-width: 100%; overflow: hidden; position: relative; .beae-section-container { height: var(--art6jr-height); width: 100%; max-width: var(--art6jr-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(--art6jr-height-tablet, auto); width: 100%; max-width: var(--art6jr-width-tablet, 100%); } } } @media (max-width: 767px) { &.beae-section { & .beae-section-container { height: var(--art6jr-height-mobile, auto); width: 100%; max-width: var(--art6jr-width-mobile, 100%); } } } }[data-bnode="beae-art6jr"] > .beae-section-container{ display: flex; flex-direction: var(--art6jr-direction, column); flex-wrap: nowrap; justify-content: var(--art6jr-justify-content); align-items: var(--art6jr-align-items); gap: var(--art6jr-gap, var(--beae-grid-gap, 4px)); &>.beae-slot { flex: 1 1 0; min-width: 0; } &>.beae-slot[data-bnode-index="1"] { flex-basis: calc(66.66% - var(--art6jr-padding-right, 0px) - var(--art6jr-padding-right, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(33.33% - var(--art6jr-padding-right, 0px) - var(--art6jr-padding-right, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--art6jr-padding-right, 0px) - var(--art6jr-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-art6jr"] > .beae-section-container{ gap: var(--art6jr-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="1"] { flex-basis: calc(50.00% - var(--art6jr-padding-right-tablet, 0px) - var(--art6jr-padding-right-tablet, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(50.00% - var(--art6jr-padding-right-tablet, 0px) - var(--art6jr-padding-right-tablet, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--art6jr-padding-right-tablet, 0px) - var(--art6jr-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-art6jr"] > .beae-section-container{ flex-direction: var(--art6jr-direction-mobile, column); gap: var(--art6jr-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-o9tnjy"] { --o9tnjy-gap: 64px; --o9tnjy-gap-tablet: 32px; --o9tnjy-gap-mobile: 32px; --o9tnjy-direction: row; --o9tnjy-direction-tablet: column; --o9tnjy-direction-mobile: column; --o9tnjy-align-items: stretch; --o9tnjy-align-items-tablet: stretch; --o9tnjy-align-items-mobile: stretch; --o9tnjy-structure: columns; --o9tnjy-structure-tablet: auto; --o9tnjy-structure-mobile: auto; --o9tnjy-columns: 50.00,50.00; --o9tnjy-columns-tablet: 50.00,50.00; --o9tnjy-columns-mobile: 50.00,50.00; --o9tnjy-columnsPresetId: 50.00,50.00; --o9tnjy-columnsPresetId-tablet: 50.00,50.00; --o9tnjy-columnsPresetId-mobile: 50.00,50.00; }[data-bnode="beae-o9tnjy"] { padding-top: var(--o9tnjy-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--o9tnjy-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--o9tnjy-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--o9tnjy-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--o9tnjy-padding-top-tablet, var(--o9tnjy-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--o9tnjy-padding-right-tablet, var(--o9tnjy-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--o9tnjy-padding-bottom-tablet, var(--o9tnjy-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--o9tnjy-padding-left-tablet, var(--o9tnjy-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--o9tnjy-padding-top-mobile, var(--o9tnjy-padding-top-tablet, var(--o9tnjy-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--o9tnjy-padding-right-mobile, var(--o9tnjy-padding-right-tablet, var(--o9tnjy-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--o9tnjy-padding-bottom-mobile, var(--o9tnjy-padding-bottom-tablet, var(--o9tnjy-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--o9tnjy-padding-left-mobile, var(--o9tnjy-padding-left-tablet, var(--o9tnjy-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--o9tnjy-padding-left, var(--beae-slot-padding-x, 0px)) - var(--o9tnjy-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(--o9tnjy-background-imageRatio, auto); background: var(--o9tnjy-background-color,transparent); border-style: var(--o9tnjy-borderStyle,solid); border-color: var(--o9tnjy-borderColor,#000000); border-width: var(--o9tnjy-borderWidth-tl,0px) var(--o9tnjy-borderWidth-tr,0px) var(--o9tnjy-borderWidth-br,0px) var(--o9tnjy-borderWidth-bl,0px); border-radius: var(--o9tnjy-borderRadius-tl,0px) var(--o9tnjy-borderRadius-tr,0px) var(--o9tnjy-borderRadius-br,0px) var(--o9tnjy-borderRadius-bl,0px); box-shadow: if(style(--o9tnjy-enableShadow: true): var(--o9tnjy-shadowHorizontal,0) var(--o9tnjy-shadowVertical,0) var(--o9tnjy-shadowBlur,0) 1px var(--o9tnjy-shadowColor,#000000); else: none); max-width: var(--o9tnjy-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--o9tnjy-background-imageRatio-tablet, var(--o9tnjy-background-imageRatio, auto)); border-width: var(--o9tnjy-borderWidth-tl-tablet,0px) var(--o9tnjy-borderWidth-tr-tablet,0px) var(--o9tnjy-borderWidth-br-tablet,0px) var(--o9tnjy-borderWidth-bl-tablet,0px); border-radius: var(--o9tnjy-borderRadius-tl-tablet,0px) var(--o9tnjy-borderRadius-tr-tablet,0px) var(--o9tnjy-borderRadius-br-tablet,0px) var(--o9tnjy-borderRadius-bl-tablet,0px); max-width: var(--o9tnjy-max-width-tablet, var(--o9tnjy-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--o9tnjy-background-imageRatio-mobile, var(--o9tnjy-background-imageRatio, auto)); border-width: var(--o9tnjy-borderWidth-tl-mobile,0px) var(--o9tnjy-borderWidth-tr-mobile,0px) var(--o9tnjy-borderWidth-br-mobile,0px) var(--o9tnjy-borderWidth-bl-mobile,0px); border-radius: var(--o9tnjy-borderRadius-tl-mobile,0px) var(--o9tnjy-borderRadius-tr-mobile,0px) var(--o9tnjy-borderRadius-br-mobile,0px) var(--o9tnjy-borderRadius-bl-mobile,0px); max-width: var(--o9tnjy-max-width-mobile, var(--o9tnjy-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--o9tnjy-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--o9tnjy-gap,var(--beae-card-gap)); padding-top: var(--o9tnjy-padding-top,var(--beae-card-padding)); padding-right: var(--o9tnjy-padding-right,var(--beae-card-padding)); padding-bottom: var(--o9tnjy-padding-bottom,var(--beae-card-padding)); padding-left: var(--o9tnjy-padding-left,var(--beae-card-padding)); border-width: var(--o9tnjy-borderWidth,var(--beae-card-border-width)); border-width: var(--o9tnjy-borderWidth-tl,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-tr,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-br,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--o9tnjy-borderRadius-tl,var(--beae-card-border-radius)) var(--o9tnjy-borderRadius-tr,var(--beae-card-border-radius)) var(--o9tnjy-borderRadius-br,var(--beae-card-border-radius)) var(--o9tnjy-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(--o9tnjy-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--o9tnjy-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--o9tnjy-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--o9tnjy-padding-left-tablet,var(--beae-card-padding)); border-width: var(--o9tnjy-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--o9tnjy-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-br-desktop,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--o9tnjy-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--o9tnjy-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--o9tnjy-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--o9tnjy-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--o9tnjy-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--o9tnjy-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--o9tnjy-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--o9tnjy-padding-left-mobile,var(--beae-card-padding)); border-width: var(--o9tnjy-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--o9tnjy-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-br-mobile,var(--beae-card-border-width)) var(--o9tnjy-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--o9tnjy-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--o9tnjy-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--o9tnjy-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--o9tnjy-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--o9tnjy-background-color,var(--beae-card-featured-background)); border-color: var(--o9tnjy-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--o9tnjy-enableShadow: true): var(--o9tnjy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o9tnjy-shadowVertical, var(--beae-card-shadow-y)) var(--o9tnjy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o9tnjy-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--o9tnjy-background-color,var(--beae-card-prod-background)); border-color: var(--o9tnjy-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--o9tnjy-enableShadow: true): var(--o9tnjy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o9tnjy-shadowVertical, var(--beae-card-shadow-y)) var(--o9tnjy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o9tnjy-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--o9tnjy-background-color,var(--beae-card-pricing-background)); border-color: var(--o9tnjy-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--o9tnjy-enableShadow: true): var(--o9tnjy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o9tnjy-shadowVertical, var(--beae-card-shadow-y)) var(--o9tnjy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o9tnjy-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--o9tnjy-background-color,var(--beae-card-cta-background)); border-color: var(--o9tnjy-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--o9tnjy-enableShadow: true): var(--o9tnjy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o9tnjy-shadowVertical, var(--beae-card-shadow-y)) var(--o9tnjy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o9tnjy-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--o9tnjy-background-color,var(--beae-card-media-background)); border-color: var(--o9tnjy-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--o9tnjy-enableShadow: true): var(--o9tnjy-shadowHorizontal, var(--beae-card-shadow-x)) var(--o9tnjy-shadowVertical, var(--beae-card-shadow-y)) var(--o9tnjy-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--o9tnjy-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-o9tnjy"] { display: flex; flex-direction: var(--o9tnjy-direction, column); flex-wrap: nowrap; justify-content: var(--o9tnjy-justify-content); align-items: var(--o9tnjy-align-items); gap: var(--o9tnjy-gap, var(--o9tnjy-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(--o9tnjy-padding-right, 0px) - var(--o9tnjy-padding-right, 0px)); } &>.beae-slot[data-bnode-index="2"] { flex-basis: calc(50.00% - var(--o9tnjy-padding-right, 0px) - var(--o9tnjy-padding-right, 0px)); } &>.beae-slot[data-bnode-index="3"] { flex-basis: calc(100% - var(--o9tnjy-padding-right, 0px) - var(--o9tnjy-padding-right, 0px)); } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-o9tnjy"] { flex-direction: var(--o9tnjy-direction-tablet, column); gap: var(--o9tnjy-gap-tablet, var(--o9tnjy-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-o9tnjy"] { flex-direction: var(--o9tnjy-direction-mobile, column); gap: var(--o9tnjy-gap-mobile, var(--o9tnjy-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-r0gx5u"] { --r0gx5u-direction: column; --r0gx5u-direction-tablet: column; --r0gx5u-direction-mobile: column; --r0gx5u-structure: columns; --r0gx5u-structure-tablet: columns; --r0gx5u-structure-mobile: columns; --r0gx5u-gap: 24px; --r0gx5u-gap-tablet: 24px; --r0gx5u-gap-mobile: 24px; --r0gx5u-align-items: flex-start; --r0gx5u-align-items-tablet: flex-start; --r0gx5u-align-items-mobile: flex-start; }[data-bnode="beae-r0gx5u"] { padding-top: var(--r0gx5u-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--r0gx5u-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--r0gx5u-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--r0gx5u-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--r0gx5u-padding-top-tablet, var(--r0gx5u-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--r0gx5u-padding-right-tablet, var(--r0gx5u-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--r0gx5u-padding-bottom-tablet, var(--r0gx5u-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--r0gx5u-padding-left-tablet, var(--r0gx5u-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--r0gx5u-padding-top-mobile, var(--r0gx5u-padding-top-tablet, var(--r0gx5u-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--r0gx5u-padding-right-mobile, var(--r0gx5u-padding-right-tablet, var(--r0gx5u-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--r0gx5u-padding-bottom-mobile, var(--r0gx5u-padding-bottom-tablet, var(--r0gx5u-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--r0gx5u-padding-left-mobile, var(--r0gx5u-padding-left-tablet, var(--r0gx5u-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--r0gx5u-padding-left, var(--beae-slot-padding-x, 0px)) - var(--r0gx5u-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(--r0gx5u-background-imageRatio, auto); background: var(--r0gx5u-background-color,transparent); border-style: var(--r0gx5u-borderStyle,solid); border-color: var(--r0gx5u-borderColor,#000000); border-width: var(--r0gx5u-borderWidth-tl,0px) var(--r0gx5u-borderWidth-tr,0px) var(--r0gx5u-borderWidth-br,0px) var(--r0gx5u-borderWidth-bl,0px); border-radius: var(--r0gx5u-borderRadius-tl,0px) var(--r0gx5u-borderRadius-tr,0px) var(--r0gx5u-borderRadius-br,0px) var(--r0gx5u-borderRadius-bl,0px); box-shadow: if(style(--r0gx5u-enableShadow: true): var(--r0gx5u-shadowHorizontal,0) var(--r0gx5u-shadowVertical,0) var(--r0gx5u-shadowBlur,0) 1px var(--r0gx5u-shadowColor,#000000); else: none); max-width: var(--r0gx5u-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--r0gx5u-background-imageRatio-tablet, var(--r0gx5u-background-imageRatio, auto)); border-width: var(--r0gx5u-borderWidth-tl-tablet,0px) var(--r0gx5u-borderWidth-tr-tablet,0px) var(--r0gx5u-borderWidth-br-tablet,0px) var(--r0gx5u-borderWidth-bl-tablet,0px); border-radius: var(--r0gx5u-borderRadius-tl-tablet,0px) var(--r0gx5u-borderRadius-tr-tablet,0px) var(--r0gx5u-borderRadius-br-tablet,0px) var(--r0gx5u-borderRadius-bl-tablet,0px); max-width: var(--r0gx5u-max-width-tablet, var(--r0gx5u-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--r0gx5u-background-imageRatio-mobile, var(--r0gx5u-background-imageRatio, auto)); border-width: var(--r0gx5u-borderWidth-tl-mobile,0px) var(--r0gx5u-borderWidth-tr-mobile,0px) var(--r0gx5u-borderWidth-br-mobile,0px) var(--r0gx5u-borderWidth-bl-mobile,0px); border-radius: var(--r0gx5u-borderRadius-tl-mobile,0px) var(--r0gx5u-borderRadius-tr-mobile,0px) var(--r0gx5u-borderRadius-br-mobile,0px) var(--r0gx5u-borderRadius-bl-mobile,0px); max-width: var(--r0gx5u-max-width-mobile, var(--r0gx5u-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--r0gx5u-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--r0gx5u-gap,var(--beae-card-gap)); padding-top: var(--r0gx5u-padding-top,var(--beae-card-padding)); padding-right: var(--r0gx5u-padding-right,var(--beae-card-padding)); padding-bottom: var(--r0gx5u-padding-bottom,var(--beae-card-padding)); padding-left: var(--r0gx5u-padding-left,var(--beae-card-padding)); border-width: var(--r0gx5u-borderWidth,var(--beae-card-border-width)); border-width: var(--r0gx5u-borderWidth-tl,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-tr,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-br,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--r0gx5u-borderRadius-tl,var(--beae-card-border-radius)) var(--r0gx5u-borderRadius-tr,var(--beae-card-border-radius)) var(--r0gx5u-borderRadius-br,var(--beae-card-border-radius)) var(--r0gx5u-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(--r0gx5u-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--r0gx5u-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--r0gx5u-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--r0gx5u-padding-left-tablet,var(--beae-card-padding)); border-width: var(--r0gx5u-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--r0gx5u-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-br-desktop,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--r0gx5u-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--r0gx5u-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--r0gx5u-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--r0gx5u-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--r0gx5u-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--r0gx5u-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--r0gx5u-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--r0gx5u-padding-left-mobile,var(--beae-card-padding)); border-width: var(--r0gx5u-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--r0gx5u-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-br-mobile,var(--beae-card-border-width)) var(--r0gx5u-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--r0gx5u-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--r0gx5u-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--r0gx5u-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--r0gx5u-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--r0gx5u-background-color,var(--beae-card-featured-background)); border-color: var(--r0gx5u-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--r0gx5u-enableShadow: true): var(--r0gx5u-shadowHorizontal, var(--beae-card-shadow-x)) var(--r0gx5u-shadowVertical, var(--beae-card-shadow-y)) var(--r0gx5u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r0gx5u-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--r0gx5u-background-color,var(--beae-card-prod-background)); border-color: var(--r0gx5u-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--r0gx5u-enableShadow: true): var(--r0gx5u-shadowHorizontal, var(--beae-card-shadow-x)) var(--r0gx5u-shadowVertical, var(--beae-card-shadow-y)) var(--r0gx5u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r0gx5u-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--r0gx5u-background-color,var(--beae-card-pricing-background)); border-color: var(--r0gx5u-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--r0gx5u-enableShadow: true): var(--r0gx5u-shadowHorizontal, var(--beae-card-shadow-x)) var(--r0gx5u-shadowVertical, var(--beae-card-shadow-y)) var(--r0gx5u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r0gx5u-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--r0gx5u-background-color,var(--beae-card-cta-background)); border-color: var(--r0gx5u-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--r0gx5u-enableShadow: true): var(--r0gx5u-shadowHorizontal, var(--beae-card-shadow-x)) var(--r0gx5u-shadowVertical, var(--beae-card-shadow-y)) var(--r0gx5u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r0gx5u-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--r0gx5u-background-color,var(--beae-card-media-background)); border-color: var(--r0gx5u-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--r0gx5u-enableShadow: true): var(--r0gx5u-shadowHorizontal, var(--beae-card-shadow-x)) var(--r0gx5u-shadowVertical, var(--beae-card-shadow-y)) var(--r0gx5u-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--r0gx5u-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-r0gx5u"] { display: flex; flex-direction: var(--r0gx5u-direction, column); flex-wrap: nowrap; justify-content: var(--r0gx5u-justify-content); align-items: var(--r0gx5u-align-items); gap: var(--r0gx5u-gap, var(--r0gx5u-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-r0gx5u"] { gap: var(--r0gx5u-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(--r0gx5u-padding-right-tablet, 0px) - var(--r0gx5u-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-r0gx5u"] { gap: var(--r0gx5u-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(--r0gx5u-padding-right-mobile, 0px) - var(--r0gx5u-padding-right-mobile, 0px)); } } }[data-bnode="beae-6db4yu"] { --beae-h2-font-size: 42px; --beae-h2-font-size-tablet: 32px; --beae-h2-font-size-mobile: 28px; --beae-h2-color: #181818; --beae-h2-font-family: Bricolage Grotesque; --beae-h2-font-weight: 500; --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; --6db4yu-typography: h2; --6db4yu-typography-tablet: h2; --6db4yu-typography-mobile: h2; }[data-bnode="beae-6db4yu"] { margin-top: var(--6db4yu-margin-top, 0px); margin-right: var(--6db4yu-margin-right, 0px); margin-bottom: var(--6db4yu-margin-bottom, 0px); margin-left: var(--6db4yu-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--6db4yu-margin-top-tablet, 0px); margin-right: var(--6db4yu-margin-right-tablet, 0px); margin-bottom: var(--6db4yu-margin-bottom-tablet, 0px); margin-left: var(--6db4yu-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--6db4yu-margin-top-mobile, 0px); margin-right: var(--6db4yu-margin-right-mobile, 0px); margin-bottom: var(--6db4yu-margin-bottom-mobile, 0px); margin-left: var(--6db4yu-margin-left-mobile, 0px); } & .beae-highlight-svg{ position: absolute; left: 0; width: 100%; height: 15px; z-index: -1; color: var(--6db4yu-highlightColor,var(--beae-p-color)); top: var(--6db4yu-highlightTop, 100%); } }[data-bnode="beae-d2h7vg"] { --beae-p2-font-size: 16px; --beae-p2-font-size-tablet: 16px; --beae-p2-font-size-mobile: 16px; --beae-p2-color: #5A5A5A; --beae-p2-font-family: Figtree; --beae-p2-font-weight: 400; --beae-p2-line-height: 1.5; --beae-p2-line-height-tablet: 1.5; --beae-p2-line-height-mobile: 1.5; --beae-p2-letter-spacing: 0px; --beae-p2-letter-spacing-tablet: 0px; --beae-p2-letter-spacing-mobile: 0px; --beae-p2-text-transform: none; --d2h7vg-typography: p2; --d2h7vg-typography-tablet: p2; --d2h7vg-typography-mobile: p2; --d2h7vg-margin-top: 0px; --d2h7vg-margin-top-tablet: 0px; --d2h7vg-margin-top-mobile: 0px; --d2h7vg-margin-right: 0px; --d2h7vg-margin-right-tablet: 0px; --d2h7vg-margin-right-mobile: 0px; --d2h7vg-margin-bottom: 8px; --d2h7vg-margin-bottom-tablet: 8px; --d2h7vg-margin-bottom-mobile: 8px; --d2h7vg-margin-left: 0px; --d2h7vg-margin-left-tablet: 0px; --d2h7vg-margin-left-mobile: 0px; }[data-bnode="beae-d2h7vg"] { margin-top: var(--d2h7vg-margin-top, 0px); margin-right: var(--d2h7vg-margin-right, 0px); margin-bottom: var(--d2h7vg-margin-bottom, 0px); margin-left: var(--d2h7vg-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--d2h7vg-margin-top-tablet, 0px); margin-right: var(--d2h7vg-margin-right-tablet, 0px); margin-bottom: var(--d2h7vg-margin-bottom-tablet, 0px); margin-left: var(--d2h7vg-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--d2h7vg-margin-top-mobile, 0px); margin-right: var(--d2h7vg-margin-right-mobile, 0px); margin-bottom: var(--d2h7vg-margin-bottom-mobile, 0px); margin-left: var(--d2h7vg-margin-left-mobile, 0px); } }[data-bnode="beae-u3e2lt"] { --u3e2lt-width: fill; --u3e2lt-width-tablet: fill; --u3e2lt-width-mobile: fill; --beae-p-font-family: Figtree; --beae-btn-font-weight: 500; --beae-btn-font-size: 15px; --beae-btn-font-size-tablet: 15px; --beae-btn-font-size-mobile: 15px; --beae-btn-height: 48px; --beae-btn-height-tablet: 45px; --beae-btn-height-mobile: 45px; --beae-btn-padding: 24px; --beae-btn-padding-tablet: 30px; --beae-btn-padding-mobile: 30px; --beae-btn-border-radius: 99px; --beae-btn-pr-label-color: #FFFFFF; --beae-btn-pr-background-color: #B31111; --beae-btn-text-transform: capitalize; --u3e2lt-iconWidth: 20px; --u3e2lt-iconWidth-tablet: 20px; --u3e2lt-iconWidth-mobile: 20px; --u3e2lt-iconGap: 5px; --u3e2lt-iconGap-tablet: 5px; --u3e2lt-iconGap-mobile: 5px; --u3e2lt-transform: none; --u3e2lt-transform-tablet: none; --u3e2lt-transform-mobile: none; --u3e2lt-button: pr; --u3e2lt-button-tablet: pr; --u3e2lt-button-mobile: pr; --beae-btn-se-label-color: #121212; --beae-btn-se-background-color: #ececec; --beae-btn-te-label-color: #121212; }[data-bnode="beae-u3e2lt"] { margin-top: var(--u3e2lt-margin-top, 0px); margin-right: var(--u3e2lt-margin-right, 0px); margin-bottom: var(--u3e2lt-margin-bottom, 0px); margin-left: var(--u3e2lt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--u3e2lt-margin-top-tablet, 0px); margin-right: var(--u3e2lt-margin-right-tablet, 0px); margin-bottom: var(--u3e2lt-margin-bottom-tablet, 0px); margin-left: var(--u3e2lt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--u3e2lt-margin-top-mobile, 0px); margin-right: var(--u3e2lt-margin-right-mobile, 0px); margin-bottom: var(--u3e2lt-margin-bottom-mobile, 0px); margin-left: var(--u3e2lt-margin-left-mobile, 0px); } &{ gap:var(--u3e2lt-iconGap,5px); &.beae-btn-pr:hover{ background-color: if( style(--u3e2lt-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-background-color), white calc(abs(var(--u3e2lt-bgBtnHover)) * 1%)); style(--u3e2lt-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-background-color), black calc(abs(var(--u3e2lt-bgBtnHover)) * 1%)); else: var(--beae-btn-pr-background-hover) ); color: if( style(--u3e2lt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-label-color), white calc(abs(var(--u3e2lt-labelBtnHover)) * 1%)); style(--u3e2lt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-label-color), black calc(abs(var(--u3e2lt-labelBtnHover)) * 1%)); else: var(--beae-btn-pr-label-hover) ); outline-color: if( style(--u3e2lt-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-pr-borde-color), white calc(abs(var(--u3e2lt-borderBtnHover)) * 1%)); style(--u3e2lt-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-pr-border-color), black calc(abs(var(--u3e2lt-borderBtnHover)) * 1%)); else: var(--beae-btn-pr-border-hover) ); } &.beae-btn-se:hover{ background-color: if( style(--u3e2lt-bgBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-background-color), white calc(abs(var(--u3e2lt-bgBtnHover)) * 1%)); style(--u3e2lt-bgBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-background-color), black calc(abs(var(--u3e2lt-bgBtnHover)) * 1%)); else: var(--beae-btn-se-background-hover) ); color: if( style(--u3e2lt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-label-color), white calc(abs(var(--u3e2lt-labelBtnHover)) * 1%)); style(--u3e2lt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-label-color), black calc(abs(var(--u3e2lt-labelBtnHover)) * 1%)); else: var(--beae-btn-se-label-hover) ); outline-color: if( style(--u3e2lt-borderBtnHover < 0): color-mix(in srgb, var(--beae-btn-se-borde-color), white calc(abs(var(--u3e2lt-borderBtnHover)) * 1%)); style(--u3e2lt-borderBtnHover > 0): color-mix(in srgb, var(--beae-btn-se-border-color), black calc(abs(var(--u3e2lt-borderBtnHover)) * 1%)); else: var(--beae-btn-se-border-hover) ); } &.beae-btn-te:hover{ color: if( style(--u3e2lt-labelBtnHover < 0): color-mix(in srgb, var(--beae-btn-te-label-color), white calc(abs(var(--u3e2lt-labelBtnHover)) * 1%)); style(--u3e2lt-labelBtnHover > 0): color-mix(in srgb, var(--beae-btn-te-label-color), black calc(abs(var(--u3e2lt-labelBtnHover)) * 1%)); else: var(--beae-btn-te-label-hover) ); } span{ display: flex; font-size: var(--u3e2lt-iconWidth); } svg { width: var(--u3e2lt-iconWidth,20px); min-width: var(--u3e2lt-iconWidth,20px); height: 100%; } @media(min-width: 767.79px) and (max-width: 1180px){ gap: var(--u3e2lt-iconGap-tablet); &:not(.beae-btn-te){ height: var(--beae-btn-height-tablet, var(--beae-btn-height)); } span{ font-size: var(--u3e2lt-iconWidth-tablet, var(--u3e2lt-iconWidth)); } svg { width: var(--u3e2lt-iconWidth-tablet, var(--u3e2lt-iconWidth)); min-width: var(--u3e2lt-iconWidth-tablet, var(--u3e2lt-iconWidth)); height: 100%; } } @media(max-width: 767px){ gap: var(--u3e2lt-iconGap-mobile); &:not(.beae-btn-te){ height: var(--beae-btn-height-mobile, var(--beae-btn-height)); } span{ font-size: var(--u3e2lt-iconWidth-mobile, var(--u3e2lt-iconWidth)); } svg { width: var(--u3e2lt-iconWidth-mobile, var(--u3e2lt-iconWidth)); min-width: var(--u3e2lt-iconWidth-mobile, var(--u3e2lt-iconWidth)); height: 100%; } } } &[beae-btn-po="right"] { flex-direction: row-reverse; svg{ margin-right:0; } } }[data-bnode="beae-lo6pw8"] { --lo6pw8-width: 100%; --lo6pw8-width-tablet: 100%; --lo6pw8-width-mobile: 100%; --lo6pw8-imageRatio: 1/1; --lo6pw8-imageRatio-tablet: 1/1; --lo6pw8-imageRatio-mobile: 1/1; --lo6pw8-objFit: cover; --lo6pw8-objFit-tablet: cover; --lo6pw8-objFit-mobile: cover; --lo6pw8-borderColor: #000000; --lo6pw8-borderColor-tablet: #000000; --lo6pw8-borderColor-mobile: #000000; --lo6pw8-shadowColor: #000000; --lo6pw8-shadowColor-tablet: #000000; --lo6pw8-shadowColor-mobile: #000000; --lo6pw8-borderStyle: none; --lo6pw8-borderStyle-tablet: none; --lo6pw8-borderStyle-mobile: none; --lo6pw8-enableShadow: false; --lo6pw8-enableShadow-tablet: false; --lo6pw8-enableShadow-mobile: false; --lo6pw8-borderRadius-tl: 16px; --lo6pw8-borderRadius-tl-tablet: 16px; --lo6pw8-borderRadius-tl-mobile: 16px; --lo6pw8-borderRadius-tr: 16px; --lo6pw8-borderRadius-tr-tablet: 16px; --lo6pw8-borderRadius-tr-mobile: 16px; --lo6pw8-borderRadius-bl: 16px; --lo6pw8-borderRadius-bl-tablet: 16px; --lo6pw8-borderRadius-bl-mobile: 16px; --lo6pw8-borderRadius-br: 16px; --lo6pw8-borderRadius-br-tablet: 16px; --lo6pw8-borderRadius-br-mobile: 16px; }[data-bnode="beae-lo6pw8"] { margin-top: var(--lo6pw8-margin-top, 0px); margin-right: var(--lo6pw8-margin-right, 0px); margin-bottom: var(--lo6pw8-margin-bottom, 0px); margin-left: var(--lo6pw8-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--lo6pw8-margin-top-tablet, 0px); margin-right: var(--lo6pw8-margin-right-tablet, 0px); margin-bottom: var(--lo6pw8-margin-bottom-tablet, 0px); margin-left: var(--lo6pw8-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--lo6pw8-margin-top-mobile, 0px); margin-right: var(--lo6pw8-margin-right-mobile, 0px); margin-bottom: var(--lo6pw8-margin-bottom-mobile, 0px); margin-left: var(--lo6pw8-margin-left-mobile, 0px); } &.beae-media-wrapper { position: relative; overflow: hidden; display: block; width: 100%; max-width: calc(var(--lo6pw8-width,100%) - var(--lo6pw8-margin-left,0px) - var(--lo6pw8-margin-right,0px)); min-height: min-content; border-style: var(--lo6pw8-borderStyle,solid); border-color: var(--lo6pw8-borderColor,#000000); border-width: var(--lo6pw8-borderWidth-tl,0px) var(--lo6pw8-borderWidth-tr,0px) var(--lo6pw8-borderWidth-br,0px) var(--lo6pw8-borderWidth-bl,0px); border-radius: var(--lo6pw8-borderRadius-tl,0px) var(--lo6pw8-borderRadius-tr,0px) var(--lo6pw8-borderRadius-br,0px) var(--lo6pw8-borderRadius-bl,0px); aspect-ratio: var(--lo6pw8-imageRatio, auto); @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--lo6pw8-borderWidth-tl-tablet, var(--lo6pw8-borderWidth-tl,0px)) var(--lo6pw8-borderWidth-tr-tablet, var(--lo6pw8-borderWidth-tr,0px)) var(--lo6pw8-borderWidth-br-tablet, var(--lo6pw8-borderWidth-br,0px)) var(--lo6pw8-borderWidth-bl-tablet, var(--lo6pw8-borderWidth-bl,0px)); border-radius: var(--lo6pw8-borderRadius-tl-tablet, var(--lo6pw8-borderRadius-tl,0px)) var(--lo6pw8-borderRadius-tr-tablet, var(--lo6pw8-borderRadius-tr,0px)) var(--lo6pw8-borderRadius-br-tablet, var(--lo6pw8-borderRadius-br,0px)) var(--lo6pw8-borderRadius-bl-tablet, var(--lo6pw8-borderRadius-bl,0px)); } @media (max-width: 767px) { border-width: var(--lo6pw8-borderWidth-tl-mobile, var(--lo6pw8-borderWidth-tl,0px)) var(--lo6pw8-borderWidth-tr-mobile, var(--lo6pw8-borderWidth-tr,0px)) var(--lo6pw8-borderWidth-br-mobile, var(--lo6pw8-borderWidth-br,0px)) var(--lo6pw8-borderWidth-bl-mobile, var(--lo6pw8-borderWidth-bl,0px)); border-radius: var(--lo6pw8-borderRadius-tl-mobile, var(--lo6pw8-borderRadius-tl,0px)) var(--lo6pw8-borderRadius-tr-mobile, var(--lo6pw8-borderRadius-tr,0px)) var(--lo6pw8-borderRadius-br-mobile, var(--lo6pw8-borderRadius-br,0px)) var(--lo6pw8-borderRadius-bl-mobile, var(--lo6pw8-borderRadius-bl,0px)); } box-shadow: if( style(--lo6pw8-enableShadow: true): var(--lo6pw8-shadowHorizontal, 0) var(--lo6pw8-shadowVertical, 0) var(--lo6pw8-shadowBlur, 0) 1px var(--lo6pw8-shadowColor, #000000); else : none ); &::before { content: ""; position: absolute; inset: 0; background: var(--lo6pw8-overlayColor-color, #000); opacity: var(--lo6pw8-overlayOpacity, 0); pointer-events: none; } img { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: var(--lo6pw8-objFit, cover); object-position: var(--beae-image-position, 0% 50%); } /* Tablet */ @media (max-width: 1180px) { max-width: calc(var(--lo6pw8-width-tablet,var(--lo6pw8-width,100%)) - var(--lo6pw8-margin-left-tablet,var(--lo6pw8-margin-left,0px)) - var(--lo6pw8-margin-right-tablet,var(--lo6pw8-margin-right,0px))); aspect-ratio: var(--lo6pw8-imageRatio-tablet, var(--lo6pw8-imageRatio, auto)); img { object-fit: var(--lo6pw8-objFit-tablet, var(--lo6pw8-objFit, cover)); object-position: var(--beae-image-position-ta, 0% 50%); } } /* Mobile */ @media (max-width: 767px) { max-width: calc(var(--lo6pw8-width-mobile,var(--lo6pw8-width,100%)) - var(--lo6pw8-margin-left-mobile,var(--lo6pw8-margin-left,0px)) - var(--lo6pw8-margin-right-mobile,var(--lo6pw8-margin-right,0px))); aspect-ratio: var(--lo6pw8-imageRatio-mobile, var(--lo6pw8-imageRatio, auto)); img { object-fit: var(--lo6pw8-objFit-mobile, var(--lo6pw8-objFit, cover)); object-position: var(--beae-image-position-mo, 0% 50%); } } } }[data-bnode="beae-4b1huz"] { padding-top: var(--4b1huz-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--4b1huz-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--4b1huz-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--4b1huz-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--4b1huz-padding-top-tablet, var(--4b1huz-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--4b1huz-padding-right-tablet, var(--4b1huz-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--4b1huz-padding-bottom-tablet, var(--4b1huz-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--4b1huz-padding-left-tablet, var(--4b1huz-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--4b1huz-padding-top-mobile, var(--4b1huz-padding-top-tablet, var(--4b1huz-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--4b1huz-padding-right-mobile, var(--4b1huz-padding-right-tablet, var(--4b1huz-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--4b1huz-padding-bottom-mobile, var(--4b1huz-padding-bottom-tablet, var(--4b1huz-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--4b1huz-padding-left-mobile, var(--4b1huz-padding-left-tablet, var(--4b1huz-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--4b1huz-padding-left, var(--beae-slot-padding-x, 0px)) - var(--4b1huz-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(--4b1huz-background-imageRatio, auto); background: var(--4b1huz-background-color,transparent); border-style: var(--4b1huz-borderStyle,solid); border-color: var(--4b1huz-borderColor,#000000); border-width: var(--4b1huz-borderWidth-tl,0px) var(--4b1huz-borderWidth-tr,0px) var(--4b1huz-borderWidth-br,0px) var(--4b1huz-borderWidth-bl,0px); border-radius: var(--4b1huz-borderRadius-tl,0px) var(--4b1huz-borderRadius-tr,0px) var(--4b1huz-borderRadius-br,0px) var(--4b1huz-borderRadius-bl,0px); box-shadow: if(style(--4b1huz-enableShadow: true): var(--4b1huz-shadowHorizontal,0) var(--4b1huz-shadowVertical,0) var(--4b1huz-shadowBlur,0) 1px var(--4b1huz-shadowColor,#000000); else: none); max-width: var(--4b1huz-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--4b1huz-background-imageRatio-tablet, var(--4b1huz-background-imageRatio, auto)); border-width: var(--4b1huz-borderWidth-tl-tablet,0px) var(--4b1huz-borderWidth-tr-tablet,0px) var(--4b1huz-borderWidth-br-tablet,0px) var(--4b1huz-borderWidth-bl-tablet,0px); border-radius: var(--4b1huz-borderRadius-tl-tablet,0px) var(--4b1huz-borderRadius-tr-tablet,0px) var(--4b1huz-borderRadius-br-tablet,0px) var(--4b1huz-borderRadius-bl-tablet,0px); max-width: var(--4b1huz-max-width-tablet, var(--4b1huz-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--4b1huz-background-imageRatio-mobile, var(--4b1huz-background-imageRatio, auto)); border-width: var(--4b1huz-borderWidth-tl-mobile,0px) var(--4b1huz-borderWidth-tr-mobile,0px) var(--4b1huz-borderWidth-br-mobile,0px) var(--4b1huz-borderWidth-bl-mobile,0px); border-radius: var(--4b1huz-borderRadius-tl-mobile,0px) var(--4b1huz-borderRadius-tr-mobile,0px) var(--4b1huz-borderRadius-br-mobile,0px) var(--4b1huz-borderRadius-bl-mobile,0px); max-width: var(--4b1huz-max-width-mobile, var(--4b1huz-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--4b1huz-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--4b1huz-gap,var(--beae-card-gap)); padding-top: var(--4b1huz-padding-top,var(--beae-card-padding)); padding-right: var(--4b1huz-padding-right,var(--beae-card-padding)); padding-bottom: var(--4b1huz-padding-bottom,var(--beae-card-padding)); padding-left: var(--4b1huz-padding-left,var(--beae-card-padding)); border-width: var(--4b1huz-borderWidth,var(--beae-card-border-width)); border-width: var(--4b1huz-borderWidth-tl,var(--beae-card-border-width)) var(--4b1huz-borderWidth-tr,var(--beae-card-border-width)) var(--4b1huz-borderWidth-br,var(--beae-card-border-width)) var(--4b1huz-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--4b1huz-borderRadius-tl,var(--beae-card-border-radius)) var(--4b1huz-borderRadius-tr,var(--beae-card-border-radius)) var(--4b1huz-borderRadius-br,var(--beae-card-border-radius)) var(--4b1huz-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(--4b1huz-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--4b1huz-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--4b1huz-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--4b1huz-padding-left-tablet,var(--beae-card-padding)); border-width: var(--4b1huz-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--4b1huz-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--4b1huz-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--4b1huz-borderWidth-br-desktop,var(--beae-card-border-width)) var(--4b1huz-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--4b1huz-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--4b1huz-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--4b1huz-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--4b1huz-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--4b1huz-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--4b1huz-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--4b1huz-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--4b1huz-padding-left-mobile,var(--beae-card-padding)); border-width: var(--4b1huz-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--4b1huz-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--4b1huz-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--4b1huz-borderWidth-br-mobile,var(--beae-card-border-width)) var(--4b1huz-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--4b1huz-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--4b1huz-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--4b1huz-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--4b1huz-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--4b1huz-background-color,var(--beae-card-featured-background)); border-color: var(--4b1huz-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--4b1huz-enableShadow: true): var(--4b1huz-shadowHorizontal, var(--beae-card-shadow-x)) var(--4b1huz-shadowVertical, var(--beae-card-shadow-y)) var(--4b1huz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4b1huz-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--4b1huz-background-color,var(--beae-card-prod-background)); border-color: var(--4b1huz-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--4b1huz-enableShadow: true): var(--4b1huz-shadowHorizontal, var(--beae-card-shadow-x)) var(--4b1huz-shadowVertical, var(--beae-card-shadow-y)) var(--4b1huz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4b1huz-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--4b1huz-background-color,var(--beae-card-pricing-background)); border-color: var(--4b1huz-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--4b1huz-enableShadow: true): var(--4b1huz-shadowHorizontal, var(--beae-card-shadow-x)) var(--4b1huz-shadowVertical, var(--beae-card-shadow-y)) var(--4b1huz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4b1huz-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--4b1huz-background-color,var(--beae-card-cta-background)); border-color: var(--4b1huz-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--4b1huz-enableShadow: true): var(--4b1huz-shadowHorizontal, var(--beae-card-shadow-x)) var(--4b1huz-shadowVertical, var(--beae-card-shadow-y)) var(--4b1huz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4b1huz-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--4b1huz-background-color,var(--beae-card-media-background)); border-color: var(--4b1huz-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--4b1huz-enableShadow: true): var(--4b1huz-shadowHorizontal, var(--beae-card-shadow-x)) var(--4b1huz-shadowVertical, var(--beae-card-shadow-y)) var(--4b1huz-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--4b1huz-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-4b1huz"] { display: flex; flex-direction: var(--4b1huz-direction, column); flex-wrap: nowrap; justify-content: var(--4b1huz-justify-content); align-items: var(--4b1huz-align-items); gap: var(--4b1huz-gap, var(--4b1huz-gap, var(--beae-slot-gap))); &>.beae-slot[data-bnode-index] { flex: 1; } } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-4b1huz"] { gap: var(--4b1huz-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(--4b1huz-padding-right-tablet, 0px) - var(--4b1huz-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-4b1huz"] { gap: var(--4b1huz-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(--4b1huz-padding-right-mobile, 0px) - var(--4b1huz-padding-right-mobile, 0px)); } } }[data-bnode="beae-0qj4h6"] { --0qj4h6-typography: h5; --0qj4h6-typography-tablet: h5; --0qj4h6-typography-mobile: h5; --beae-h5-text-align: start; --0qj4h6-paddingX: 0px; --0qj4h6-paddingX-tablet: 0px; --0qj4h6-paddingX-mobile: 0px; --0qj4h6-paddingY: 20px; --0qj4h6-paddingY-tablet: 20px; --0qj4h6-paddingY-mobile: 20px; --0qj4h6-headerState: normal; --0qj4h6-headerState-tablet: normal; --0qj4h6-headerState-mobile: normal; --0qj4h6-colorActive: #181818; --0qj4h6-colorActive-tablet: #181818; --0qj4h6-colorActive-mobile: #181818; --0qj4h6-tabBgActive: #0000; --0qj4h6-tabBgActive-tablet: #0000; --0qj4h6-tabBgActive-mobile: #0000; --0qj4h6-colorHover: #181818; --0qj4h6-colorHover-tablet: #181818; --0qj4h6-colorHover-mobile: #181818; --0qj4h6-tabBgHover: #0000; --0qj4h6-tabBgHover-tablet: #0000; --0qj4h6-tabBgHover-mobile: #0000; --0qj4h6-tabBg: #0000; --0qj4h6-tabBg-tablet: #0000; --0qj4h6-tabBg-mobile: #0000; --0qj4h6-borderStyle: solid; --0qj4h6-borderStyle-tablet: solid; --0qj4h6-borderStyle-mobile: solid; --0qj4h6-borderWidth-tl: 0px; --0qj4h6-borderWidth-tl-tablet: 0px; --0qj4h6-borderWidth-tl-mobile: 0px; --0qj4h6-borderWidth-tr: 0px; --0qj4h6-borderWidth-tr-tablet: 0px; --0qj4h6-borderWidth-tr-mobile: 0px; --0qj4h6-borderWidth-bl: 0px; --0qj4h6-borderWidth-bl-tablet: 0px; --0qj4h6-borderWidth-bl-mobile: 0px; --0qj4h6-borderWidth-br: 1px; --0qj4h6-borderWidth-br-tablet: 1px; --0qj4h6-borderWidth-br-mobile: 1px; --0qj4h6-borderColor: #b3b3b3; --0qj4h6-borderColor-tablet: #b3b3b3; --0qj4h6-borderColor-mobile: #b3b3b3; --0qj4h6-gap: 0px; --0qj4h6-gap-tablet: 0px; --0qj4h6-gap-mobile: 0px; }[data-bnode="beae-0qj4h6"] { margin-top: var(--0qj4h6-margin-top, 0px); margin-right: var(--0qj4h6-margin-right, 0px); margin-bottom: var(--0qj4h6-margin-bottom, 0px); margin-left: var(--0qj4h6-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--0qj4h6-margin-top-tablet, 0px); margin-right: var(--0qj4h6-margin-right-tablet, 0px); margin-bottom: var(--0qj4h6-margin-bottom-tablet, 0px); margin-left: var(--0qj4h6-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--0qj4h6-margin-top-mobile, 0px); margin-right: var(--0qj4h6-margin-right-mobile, 0px); margin-bottom: var(--0qj4h6-margin-bottom-mobile, 0px); margin-left: var(--0qj4h6-margin-left-mobile, 0px); } &.beae-accordion-root { display: flex; flex-direction: column; width: 100%; gap: var(--0qj4h6-gap, 16px); @media (min-width: 767.79px) and (max-width: 1180px) { gap: var(--0qj4h6-gap-tablet, 16px); } @media (max-width: 767px) { gap: var(--0qj4h6-gap-mobile, 16px); } .beae-accordion-item { height: fit-content !important; border-style: var(--0qj4h6-borderStyle, solid); border-color: var(--0qj4h6-borderColor, #000000); border-width: var(--0qj4h6-borderWidth-tl, 0px) var(--0qj4h6-borderWidth-tr, 0px) var(--0qj4h6-borderWidth-br, 0px) var(--0qj4h6-borderWidth-bl, 0px); border-radius: var(--0qj4h6-borderRadius-tl, 0px) var(--0qj4h6-borderRadius-tr, 0px) var(--0qj4h6-borderRadius-br, 0px) var(--0qj4h6-borderRadius-bl, 0px); box-shadow: if( style(--0qj4h6-enableShadow: true): var(--0qj4h6-shadowHorizontal, 0) var(--0qj4h6-shadowVertical, 0) var(--0qj4h6-shadowBlur, 0) 1px var(--0qj4h6-shadowColor, #000000) ; else: none ); overflow: hidden; transition: all 0.3s ease; &:last-child{ border: 0; } @media (min-width: 767.79px) and (max-width: 1180px) { border-width: var(--0qj4h6-borderWidth-tl-tablet, 0px) var(--0qj4h6-borderWidth-tr-tablet, 0px) var(--0qj4h6-borderWidth-br-tablet, 0px) var(--0qj4h6-borderWidth-bl-tablet, 0px); border-radius: var(--0qj4h6-borderRadius-tl-tablet, 0px) var(--0qj4h6-borderRadius-tr-tablet, 0px) var(--0qj4h6-borderRadius-br-tablet, 0px) var(--0qj4h6-borderRadius-bl-tablet, 0px); } @media (max-width: 767px) { border-width: var(--0qj4h6-borderWidth-tl-mobile, 0px) var(--0qj4h6-borderWidth-tr-mobile, 0px) var(--0qj4h6-borderWidth-br-mobile, 0px) var(--0qj4h6-borderWidth-bl-mobile, 0px); border-radius: var(--0qj4h6-borderRadius-tl-mobile, 0px) var(--0qj4h6-borderRadius-tr-mobile, 0px) var(--0qj4h6-borderRadius-br-mobile, 0px) var(--0qj4h6-borderRadius-bl-mobile, 0px); } svg { width: 20px; height: 20px; } .beae-accordion-icon { svg, path { transform: rotate(0); transform-origin: center; transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1); width: 100%; height: 100%; } } &[open] { .beae-accordion-summary { color: var(--0qj4h6-colorActive); background: var(--0qj4h6-tabBgActive); } .beae-accordion-content { opacity: 1; } .beae-accordion-icon { .beae-svg-plus { .stroke-vertical { transform: rotate(270deg); } } .beae-icon-chevron { transform: rotate(180deg); } .beae-icon-arrow { transform: rotate(90deg); } } } } .beae-accordion-title { flex: auto; cursor: pointer; } .beae-accordion-summary { display: flex; flex-direction: var(--beae-icon-dir); justify-content: space-between; align-items: center; padding-inline: var(--0qj4h6-paddingX, 20px); padding-block: var(--0qj4h6-paddingY, 20px); cursor: pointer; list-style: none; user-select: none; transition: background 0.2s; gap: 10px; background: var(--0qj4h6-tabBg); &:marker { display: none; } &:hover { background: var(--0qj4h6-tabBgHover); color: var(--0qj4h6-colorHover); } @media (min-width: 767.79px) and (max-width: 1180px) { padding-inline: var(--0qj4h6-paddingX-tablet, 20px); padding-block: var(--0qj4h6-paddingY-tablet, 20px); } @media (max-width: 767px) { padding-inline: var(--0qj4h6-paddingX-mobile, 20px); padding-block: var(--0qj4h6-paddingY-mobile, 20px); } } .beae-accordion-icon { display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; } .beae-accordion-content { opacity: 0; animation: beaeSlideDown 0.3s ease-out; } .beae-icon-plus::before { content: "+"; font-size: 1.2em; } } } @keyframes beaeSlideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }[data-bnode="beae-nn0clf"] { --nn0clf-direction: column; --nn0clf-direction-tablet: column; --nn0clf-direction-mobile: column; --nn0clf-gap: 16px; --nn0clf-gap-tablet: 16px; --nn0clf-gap-mobile: 16px; --nn0clf-padding-top: 0px; --nn0clf-padding-top-tablet: 0px; --nn0clf-padding-top-mobile: 0px; --nn0clf-padding-right: 0px; --nn0clf-padding-right-tablet: 0px; --nn0clf-padding-right-mobile: 0px; --nn0clf-padding-bottom: 20px; --nn0clf-padding-bottom-tablet: 20px; --nn0clf-padding-bottom-mobile: 20px; --nn0clf-padding-left: 0px; --nn0clf-padding-left-tablet: 0px; --nn0clf-padding-left-mobile: 0px; }[data-bnode="beae-nn0clf"] { padding-top: var(--nn0clf-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--nn0clf-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--nn0clf-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--nn0clf-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--nn0clf-padding-top-tablet, var(--nn0clf-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--nn0clf-padding-right-tablet, var(--nn0clf-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--nn0clf-padding-bottom-tablet, var(--nn0clf-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--nn0clf-padding-left-tablet, var(--nn0clf-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--nn0clf-padding-top-mobile, var(--nn0clf-padding-top-tablet, var(--nn0clf-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--nn0clf-padding-right-mobile, var(--nn0clf-padding-right-tablet, var(--nn0clf-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--nn0clf-padding-bottom-mobile, var(--nn0clf-padding-bottom-tablet, var(--nn0clf-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--nn0clf-padding-left-mobile, var(--nn0clf-padding-left-tablet, var(--nn0clf-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--nn0clf-padding-left, var(--beae-slot-padding-x, 0px)) - var(--nn0clf-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(--nn0clf-background-imageRatio, auto); background: var(--nn0clf-background-color,transparent); border-style: var(--nn0clf-borderStyle,solid); border-color: var(--nn0clf-borderColor,#000000); border-width: var(--nn0clf-borderWidth-tl,0px) var(--nn0clf-borderWidth-tr,0px) var(--nn0clf-borderWidth-br,0px) var(--nn0clf-borderWidth-bl,0px); border-radius: var(--nn0clf-borderRadius-tl,0px) var(--nn0clf-borderRadius-tr,0px) var(--nn0clf-borderRadius-br,0px) var(--nn0clf-borderRadius-bl,0px); box-shadow: if(style(--nn0clf-enableShadow: true): var(--nn0clf-shadowHorizontal,0) var(--nn0clf-shadowVertical,0) var(--nn0clf-shadowBlur,0) 1px var(--nn0clf-shadowColor,#000000); else: none); max-width: var(--nn0clf-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--nn0clf-background-imageRatio-tablet, var(--nn0clf-background-imageRatio, auto)); border-width: var(--nn0clf-borderWidth-tl-tablet,0px) var(--nn0clf-borderWidth-tr-tablet,0px) var(--nn0clf-borderWidth-br-tablet,0px) var(--nn0clf-borderWidth-bl-tablet,0px); border-radius: var(--nn0clf-borderRadius-tl-tablet,0px) var(--nn0clf-borderRadius-tr-tablet,0px) var(--nn0clf-borderRadius-br-tablet,0px) var(--nn0clf-borderRadius-bl-tablet,0px); max-width: var(--nn0clf-max-width-tablet, var(--nn0clf-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--nn0clf-background-imageRatio-mobile, var(--nn0clf-background-imageRatio, auto)); border-width: var(--nn0clf-borderWidth-tl-mobile,0px) var(--nn0clf-borderWidth-tr-mobile,0px) var(--nn0clf-borderWidth-br-mobile,0px) var(--nn0clf-borderWidth-bl-mobile,0px); border-radius: var(--nn0clf-borderRadius-tl-mobile,0px) var(--nn0clf-borderRadius-tr-mobile,0px) var(--nn0clf-borderRadius-br-mobile,0px) var(--nn0clf-borderRadius-bl-mobile,0px); max-width: var(--nn0clf-max-width-mobile, var(--nn0clf-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--nn0clf-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--nn0clf-gap,var(--beae-card-gap)); padding-top: var(--nn0clf-padding-top,var(--beae-card-padding)); padding-right: var(--nn0clf-padding-right,var(--beae-card-padding)); padding-bottom: var(--nn0clf-padding-bottom,var(--beae-card-padding)); padding-left: var(--nn0clf-padding-left,var(--beae-card-padding)); border-width: var(--nn0clf-borderWidth,var(--beae-card-border-width)); border-width: var(--nn0clf-borderWidth-tl,var(--beae-card-border-width)) var(--nn0clf-borderWidth-tr,var(--beae-card-border-width)) var(--nn0clf-borderWidth-br,var(--beae-card-border-width)) var(--nn0clf-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--nn0clf-borderRadius-tl,var(--beae-card-border-radius)) var(--nn0clf-borderRadius-tr,var(--beae-card-border-radius)) var(--nn0clf-borderRadius-br,var(--beae-card-border-radius)) var(--nn0clf-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(--nn0clf-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--nn0clf-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--nn0clf-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--nn0clf-padding-left-tablet,var(--beae-card-padding)); border-width: var(--nn0clf-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--nn0clf-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--nn0clf-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--nn0clf-borderWidth-br-desktop,var(--beae-card-border-width)) var(--nn0clf-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--nn0clf-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--nn0clf-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--nn0clf-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--nn0clf-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--nn0clf-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--nn0clf-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--nn0clf-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--nn0clf-padding-left-mobile,var(--beae-card-padding)); border-width: var(--nn0clf-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--nn0clf-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--nn0clf-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--nn0clf-borderWidth-br-mobile,var(--beae-card-border-width)) var(--nn0clf-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--nn0clf-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--nn0clf-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--nn0clf-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--nn0clf-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--nn0clf-background-color,var(--beae-card-featured-background)); border-color: var(--nn0clf-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--nn0clf-enableShadow: true): var(--nn0clf-shadowHorizontal, var(--beae-card-shadow-x)) var(--nn0clf-shadowVertical, var(--beae-card-shadow-y)) var(--nn0clf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nn0clf-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--nn0clf-background-color,var(--beae-card-prod-background)); border-color: var(--nn0clf-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--nn0clf-enableShadow: true): var(--nn0clf-shadowHorizontal, var(--beae-card-shadow-x)) var(--nn0clf-shadowVertical, var(--beae-card-shadow-y)) var(--nn0clf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nn0clf-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--nn0clf-background-color,var(--beae-card-pricing-background)); border-color: var(--nn0clf-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--nn0clf-enableShadow: true): var(--nn0clf-shadowHorizontal, var(--beae-card-shadow-x)) var(--nn0clf-shadowVertical, var(--beae-card-shadow-y)) var(--nn0clf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nn0clf-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--nn0clf-background-color,var(--beae-card-cta-background)); border-color: var(--nn0clf-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--nn0clf-enableShadow: true): var(--nn0clf-shadowHorizontal, var(--beae-card-shadow-x)) var(--nn0clf-shadowVertical, var(--beae-card-shadow-y)) var(--nn0clf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nn0clf-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--nn0clf-background-color,var(--beae-card-media-background)); border-color: var(--nn0clf-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--nn0clf-enableShadow: true): var(--nn0clf-shadowHorizontal, var(--beae-card-shadow-x)) var(--nn0clf-shadowVertical, var(--beae-card-shadow-y)) var(--nn0clf-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--nn0clf-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-nn0clf"] { display: flex; flex-direction: var(--nn0clf-direction, column); flex-wrap: nowrap; justify-content: var(--nn0clf-justify-content); align-items: var(--nn0clf-align-items); gap: var(--nn0clf-gap, var(--nn0clf-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-nn0clf"] { gap: var(--nn0clf-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(--nn0clf-padding-right-tablet, 0px) - var(--nn0clf-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-nn0clf"] { gap: var(--nn0clf-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(--nn0clf-padding-right-mobile, 0px) - var(--nn0clf-padding-right-mobile, 0px)); } } }[data-bnode="beae-rulyv7"] { --rulyv7-typography: p2; --rulyv7-typography-tablet: p2; --rulyv7-typography-mobile: p2; --beae-p2-text-align: start; --beae-p2-color: #181818; }[data-bnode="beae-rulyv7"] { margin-top: var(--rulyv7-margin-top, 0px); margin-right: var(--rulyv7-margin-right, 0px); margin-bottom: var(--rulyv7-margin-bottom, 0px); margin-left: var(--rulyv7-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--rulyv7-margin-top-tablet, 0px); margin-right: var(--rulyv7-margin-right-tablet, 0px); margin-bottom: var(--rulyv7-margin-bottom-tablet, 0px); margin-left: var(--rulyv7-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--rulyv7-margin-top-mobile, 0px); margin-right: var(--rulyv7-margin-right-mobile, 0px); margin-bottom: var(--rulyv7-margin-bottom-mobile, 0px); margin-left: var(--rulyv7-margin-left-mobile, 0px); } }[data-bnode="beae-0m0u40"] { --0m0u40-direction: column; --0m0u40-direction-tablet: column; --0m0u40-direction-mobile: column; --0m0u40-gap: 16px; --0m0u40-gap-tablet: 16px; --0m0u40-gap-mobile: 16px; --0m0u40-padding-top: -11px; --0m0u40-padding-top-tablet: -11px; --0m0u40-padding-top-mobile: -11px; --0m0u40-padding-right: 0px; --0m0u40-padding-right-tablet: 0px; --0m0u40-padding-right-mobile: 0px; --0m0u40-padding-bottom: 20px; --0m0u40-padding-bottom-tablet: 20px; --0m0u40-padding-bottom-mobile: 20px; --0m0u40-padding-left: 0px; --0m0u40-padding-left-tablet: 0px; --0m0u40-padding-left-mobile: 0px; }[data-bnode="beae-0m0u40"] { padding-top: var(--0m0u40-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--0m0u40-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--0m0u40-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--0m0u40-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--0m0u40-padding-top-tablet, var(--0m0u40-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--0m0u40-padding-right-tablet, var(--0m0u40-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--0m0u40-padding-bottom-tablet, var(--0m0u40-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--0m0u40-padding-left-tablet, var(--0m0u40-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--0m0u40-padding-top-mobile, var(--0m0u40-padding-top-tablet, var(--0m0u40-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--0m0u40-padding-right-mobile, var(--0m0u40-padding-right-tablet, var(--0m0u40-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--0m0u40-padding-bottom-mobile, var(--0m0u40-padding-bottom-tablet, var(--0m0u40-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--0m0u40-padding-left-mobile, var(--0m0u40-padding-left-tablet, var(--0m0u40-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--0m0u40-padding-left, var(--beae-slot-padding-x, 0px)) - var(--0m0u40-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(--0m0u40-background-imageRatio, auto); background: var(--0m0u40-background-color,transparent); border-style: var(--0m0u40-borderStyle,solid); border-color: var(--0m0u40-borderColor,#000000); border-width: var(--0m0u40-borderWidth-tl,0px) var(--0m0u40-borderWidth-tr,0px) var(--0m0u40-borderWidth-br,0px) var(--0m0u40-borderWidth-bl,0px); border-radius: var(--0m0u40-borderRadius-tl,0px) var(--0m0u40-borderRadius-tr,0px) var(--0m0u40-borderRadius-br,0px) var(--0m0u40-borderRadius-bl,0px); box-shadow: if(style(--0m0u40-enableShadow: true): var(--0m0u40-shadowHorizontal,0) var(--0m0u40-shadowVertical,0) var(--0m0u40-shadowBlur,0) 1px var(--0m0u40-shadowColor,#000000); else: none); max-width: var(--0m0u40-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--0m0u40-background-imageRatio-tablet, var(--0m0u40-background-imageRatio, auto)); border-width: var(--0m0u40-borderWidth-tl-tablet,0px) var(--0m0u40-borderWidth-tr-tablet,0px) var(--0m0u40-borderWidth-br-tablet,0px) var(--0m0u40-borderWidth-bl-tablet,0px); border-radius: var(--0m0u40-borderRadius-tl-tablet,0px) var(--0m0u40-borderRadius-tr-tablet,0px) var(--0m0u40-borderRadius-br-tablet,0px) var(--0m0u40-borderRadius-bl-tablet,0px); max-width: var(--0m0u40-max-width-tablet, var(--0m0u40-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--0m0u40-background-imageRatio-mobile, var(--0m0u40-background-imageRatio, auto)); border-width: var(--0m0u40-borderWidth-tl-mobile,0px) var(--0m0u40-borderWidth-tr-mobile,0px) var(--0m0u40-borderWidth-br-mobile,0px) var(--0m0u40-borderWidth-bl-mobile,0px); border-radius: var(--0m0u40-borderRadius-tl-mobile,0px) var(--0m0u40-borderRadius-tr-mobile,0px) var(--0m0u40-borderRadius-br-mobile,0px) var(--0m0u40-borderRadius-bl-mobile,0px); max-width: var(--0m0u40-max-width-mobile, var(--0m0u40-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--0m0u40-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--0m0u40-gap,var(--beae-card-gap)); padding-top: var(--0m0u40-padding-top,var(--beae-card-padding)); padding-right: var(--0m0u40-padding-right,var(--beae-card-padding)); padding-bottom: var(--0m0u40-padding-bottom,var(--beae-card-padding)); padding-left: var(--0m0u40-padding-left,var(--beae-card-padding)); border-width: var(--0m0u40-borderWidth,var(--beae-card-border-width)); border-width: var(--0m0u40-borderWidth-tl,var(--beae-card-border-width)) var(--0m0u40-borderWidth-tr,var(--beae-card-border-width)) var(--0m0u40-borderWidth-br,var(--beae-card-border-width)) var(--0m0u40-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--0m0u40-borderRadius-tl,var(--beae-card-border-radius)) var(--0m0u40-borderRadius-tr,var(--beae-card-border-radius)) var(--0m0u40-borderRadius-br,var(--beae-card-border-radius)) var(--0m0u40-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(--0m0u40-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--0m0u40-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--0m0u40-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--0m0u40-padding-left-tablet,var(--beae-card-padding)); border-width: var(--0m0u40-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--0m0u40-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--0m0u40-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--0m0u40-borderWidth-br-desktop,var(--beae-card-border-width)) var(--0m0u40-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--0m0u40-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--0m0u40-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--0m0u40-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--0m0u40-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--0m0u40-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--0m0u40-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--0m0u40-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--0m0u40-padding-left-mobile,var(--beae-card-padding)); border-width: var(--0m0u40-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--0m0u40-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--0m0u40-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--0m0u40-borderWidth-br-mobile,var(--beae-card-border-width)) var(--0m0u40-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--0m0u40-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--0m0u40-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--0m0u40-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--0m0u40-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--0m0u40-background-color,var(--beae-card-featured-background)); border-color: var(--0m0u40-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--0m0u40-enableShadow: true): var(--0m0u40-shadowHorizontal, var(--beae-card-shadow-x)) var(--0m0u40-shadowVertical, var(--beae-card-shadow-y)) var(--0m0u40-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0m0u40-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--0m0u40-background-color,var(--beae-card-prod-background)); border-color: var(--0m0u40-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--0m0u40-enableShadow: true): var(--0m0u40-shadowHorizontal, var(--beae-card-shadow-x)) var(--0m0u40-shadowVertical, var(--beae-card-shadow-y)) var(--0m0u40-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0m0u40-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--0m0u40-background-color,var(--beae-card-pricing-background)); border-color: var(--0m0u40-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--0m0u40-enableShadow: true): var(--0m0u40-shadowHorizontal, var(--beae-card-shadow-x)) var(--0m0u40-shadowVertical, var(--beae-card-shadow-y)) var(--0m0u40-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0m0u40-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--0m0u40-background-color,var(--beae-card-cta-background)); border-color: var(--0m0u40-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--0m0u40-enableShadow: true): var(--0m0u40-shadowHorizontal, var(--beae-card-shadow-x)) var(--0m0u40-shadowVertical, var(--beae-card-shadow-y)) var(--0m0u40-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0m0u40-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--0m0u40-background-color,var(--beae-card-media-background)); border-color: var(--0m0u40-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--0m0u40-enableShadow: true): var(--0m0u40-shadowHorizontal, var(--beae-card-shadow-x)) var(--0m0u40-shadowVertical, var(--beae-card-shadow-y)) var(--0m0u40-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--0m0u40-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-0m0u40"] { display: flex; flex-direction: var(--0m0u40-direction, column); flex-wrap: nowrap; justify-content: var(--0m0u40-justify-content); align-items: var(--0m0u40-align-items); gap: var(--0m0u40-gap, var(--0m0u40-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-0m0u40"] { gap: var(--0m0u40-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(--0m0u40-padding-right-tablet, 0px) - var(--0m0u40-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-0m0u40"] { gap: var(--0m0u40-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(--0m0u40-padding-right-mobile, 0px) - var(--0m0u40-padding-right-mobile, 0px)); } } }[data-bnode="beae-pt3a6o"] { --pt3a6o-typography: p2; --pt3a6o-typography-tablet: p2; --pt3a6o-typography-mobile: p2; --beae-p2-text-align: start; --beae-p2-color: #181818; }[data-bnode="beae-pt3a6o"] { margin-top: var(--pt3a6o-margin-top, 0px); margin-right: var(--pt3a6o-margin-right, 0px); margin-bottom: var(--pt3a6o-margin-bottom, 0px); margin-left: var(--pt3a6o-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--pt3a6o-margin-top-tablet, 0px); margin-right: var(--pt3a6o-margin-right-tablet, 0px); margin-bottom: var(--pt3a6o-margin-bottom-tablet, 0px); margin-left: var(--pt3a6o-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--pt3a6o-margin-top-mobile, 0px); margin-right: var(--pt3a6o-margin-right-mobile, 0px); margin-bottom: var(--pt3a6o-margin-bottom-mobile, 0px); margin-left: var(--pt3a6o-margin-left-mobile, 0px); } }[data-bnode="beae-y2gdp0"] { --y2gdp0-direction: column; --y2gdp0-direction-tablet: column; --y2gdp0-direction-mobile: column; --y2gdp0-gap: 16px; --y2gdp0-gap-tablet: 16px; --y2gdp0-gap-mobile: 16px; --y2gdp0-padding-top: -100px; --y2gdp0-padding-top-tablet: -100px; --y2gdp0-padding-top-mobile: -100px; --y2gdp0-padding-right: 0px; --y2gdp0-padding-right-tablet: 0px; --y2gdp0-padding-right-mobile: 0px; --y2gdp0-padding-bottom: 20px; --y2gdp0-padding-bottom-tablet: 20px; --y2gdp0-padding-bottom-mobile: 20px; --y2gdp0-padding-left: 0px; --y2gdp0-padding-left-tablet: 0px; --y2gdp0-padding-left-mobile: 0px; }[data-bnode="beae-y2gdp0"] { padding-top: var(--y2gdp0-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--y2gdp0-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--y2gdp0-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--y2gdp0-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--y2gdp0-padding-top-tablet, var(--y2gdp0-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--y2gdp0-padding-right-tablet, var(--y2gdp0-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--y2gdp0-padding-bottom-tablet, var(--y2gdp0-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--y2gdp0-padding-left-tablet, var(--y2gdp0-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--y2gdp0-padding-top-mobile, var(--y2gdp0-padding-top-tablet, var(--y2gdp0-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--y2gdp0-padding-right-mobile, var(--y2gdp0-padding-right-tablet, var(--y2gdp0-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--y2gdp0-padding-bottom-mobile, var(--y2gdp0-padding-bottom-tablet, var(--y2gdp0-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--y2gdp0-padding-left-mobile, var(--y2gdp0-padding-left-tablet, var(--y2gdp0-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--y2gdp0-padding-left, var(--beae-slot-padding-x, 0px)) - var(--y2gdp0-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(--y2gdp0-background-imageRatio, auto); background: var(--y2gdp0-background-color,transparent); border-style: var(--y2gdp0-borderStyle,solid); border-color: var(--y2gdp0-borderColor,#000000); border-width: var(--y2gdp0-borderWidth-tl,0px) var(--y2gdp0-borderWidth-tr,0px) var(--y2gdp0-borderWidth-br,0px) var(--y2gdp0-borderWidth-bl,0px); border-radius: var(--y2gdp0-borderRadius-tl,0px) var(--y2gdp0-borderRadius-tr,0px) var(--y2gdp0-borderRadius-br,0px) var(--y2gdp0-borderRadius-bl,0px); box-shadow: if(style(--y2gdp0-enableShadow: true): var(--y2gdp0-shadowHorizontal,0) var(--y2gdp0-shadowVertical,0) var(--y2gdp0-shadowBlur,0) 1px var(--y2gdp0-shadowColor,#000000); else: none); max-width: var(--y2gdp0-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--y2gdp0-background-imageRatio-tablet, var(--y2gdp0-background-imageRatio, auto)); border-width: var(--y2gdp0-borderWidth-tl-tablet,0px) var(--y2gdp0-borderWidth-tr-tablet,0px) var(--y2gdp0-borderWidth-br-tablet,0px) var(--y2gdp0-borderWidth-bl-tablet,0px); border-radius: var(--y2gdp0-borderRadius-tl-tablet,0px) var(--y2gdp0-borderRadius-tr-tablet,0px) var(--y2gdp0-borderRadius-br-tablet,0px) var(--y2gdp0-borderRadius-bl-tablet,0px); max-width: var(--y2gdp0-max-width-tablet, var(--y2gdp0-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--y2gdp0-background-imageRatio-mobile, var(--y2gdp0-background-imageRatio, auto)); border-width: var(--y2gdp0-borderWidth-tl-mobile,0px) var(--y2gdp0-borderWidth-tr-mobile,0px) var(--y2gdp0-borderWidth-br-mobile,0px) var(--y2gdp0-borderWidth-bl-mobile,0px); border-radius: var(--y2gdp0-borderRadius-tl-mobile,0px) var(--y2gdp0-borderRadius-tr-mobile,0px) var(--y2gdp0-borderRadius-br-mobile,0px) var(--y2gdp0-borderRadius-bl-mobile,0px); max-width: var(--y2gdp0-max-width-mobile, var(--y2gdp0-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--y2gdp0-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--y2gdp0-gap,var(--beae-card-gap)); padding-top: var(--y2gdp0-padding-top,var(--beae-card-padding)); padding-right: var(--y2gdp0-padding-right,var(--beae-card-padding)); padding-bottom: var(--y2gdp0-padding-bottom,var(--beae-card-padding)); padding-left: var(--y2gdp0-padding-left,var(--beae-card-padding)); border-width: var(--y2gdp0-borderWidth,var(--beae-card-border-width)); border-width: var(--y2gdp0-borderWidth-tl,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-tr,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-br,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--y2gdp0-borderRadius-tl,var(--beae-card-border-radius)) var(--y2gdp0-borderRadius-tr,var(--beae-card-border-radius)) var(--y2gdp0-borderRadius-br,var(--beae-card-border-radius)) var(--y2gdp0-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(--y2gdp0-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--y2gdp0-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--y2gdp0-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--y2gdp0-padding-left-tablet,var(--beae-card-padding)); border-width: var(--y2gdp0-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--y2gdp0-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-br-desktop,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--y2gdp0-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--y2gdp0-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--y2gdp0-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--y2gdp0-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--y2gdp0-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--y2gdp0-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--y2gdp0-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--y2gdp0-padding-left-mobile,var(--beae-card-padding)); border-width: var(--y2gdp0-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--y2gdp0-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-br-mobile,var(--beae-card-border-width)) var(--y2gdp0-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--y2gdp0-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--y2gdp0-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--y2gdp0-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--y2gdp0-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--y2gdp0-background-color,var(--beae-card-featured-background)); border-color: var(--y2gdp0-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--y2gdp0-enableShadow: true): var(--y2gdp0-shadowHorizontal, var(--beae-card-shadow-x)) var(--y2gdp0-shadowVertical, var(--beae-card-shadow-y)) var(--y2gdp0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y2gdp0-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--y2gdp0-background-color,var(--beae-card-prod-background)); border-color: var(--y2gdp0-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--y2gdp0-enableShadow: true): var(--y2gdp0-shadowHorizontal, var(--beae-card-shadow-x)) var(--y2gdp0-shadowVertical, var(--beae-card-shadow-y)) var(--y2gdp0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y2gdp0-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--y2gdp0-background-color,var(--beae-card-pricing-background)); border-color: var(--y2gdp0-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--y2gdp0-enableShadow: true): var(--y2gdp0-shadowHorizontal, var(--beae-card-shadow-x)) var(--y2gdp0-shadowVertical, var(--beae-card-shadow-y)) var(--y2gdp0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y2gdp0-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--y2gdp0-background-color,var(--beae-card-cta-background)); border-color: var(--y2gdp0-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--y2gdp0-enableShadow: true): var(--y2gdp0-shadowHorizontal, var(--beae-card-shadow-x)) var(--y2gdp0-shadowVertical, var(--beae-card-shadow-y)) var(--y2gdp0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y2gdp0-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--y2gdp0-background-color,var(--beae-card-media-background)); border-color: var(--y2gdp0-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--y2gdp0-enableShadow: true): var(--y2gdp0-shadowHorizontal, var(--beae-card-shadow-x)) var(--y2gdp0-shadowVertical, var(--beae-card-shadow-y)) var(--y2gdp0-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--y2gdp0-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-y2gdp0"] { display: flex; flex-direction: var(--y2gdp0-direction, column); flex-wrap: nowrap; justify-content: var(--y2gdp0-justify-content); align-items: var(--y2gdp0-align-items); gap: var(--y2gdp0-gap, var(--y2gdp0-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-y2gdp0"] { gap: var(--y2gdp0-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(--y2gdp0-padding-right-tablet, 0px) - var(--y2gdp0-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-y2gdp0"] { gap: var(--y2gdp0-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(--y2gdp0-padding-right-mobile, 0px) - var(--y2gdp0-padding-right-mobile, 0px)); } } }[data-bnode="beae-kdtapf"] { --kdtapf-typography: p2; --kdtapf-typography-tablet: p2; --kdtapf-typography-mobile: p2; --beae-p2-text-align: start; --beae-p2-color: #181818; }[data-bnode="beae-kdtapf"] { margin-top: var(--kdtapf-margin-top, 0px); margin-right: var(--kdtapf-margin-right, 0px); margin-bottom: var(--kdtapf-margin-bottom, 0px); margin-left: var(--kdtapf-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--kdtapf-margin-top-tablet, 0px); margin-right: var(--kdtapf-margin-right-tablet, 0px); margin-bottom: var(--kdtapf-margin-bottom-tablet, 0px); margin-left: var(--kdtapf-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--kdtapf-margin-top-mobile, 0px); margin-right: var(--kdtapf-margin-right-mobile, 0px); margin-bottom: var(--kdtapf-margin-bottom-mobile, 0px); margin-left: var(--kdtapf-margin-left-mobile, 0px); } }[data-bnode="beae-efiknb"] { --efiknb-direction: column; --efiknb-direction-tablet: column; --efiknb-direction-mobile: column; --efiknb-gap: 16px; --efiknb-gap-tablet: 16px; --efiknb-gap-mobile: 16px; --efiknb-padding-top: -47px; --efiknb-padding-top-tablet: -47px; --efiknb-padding-top-mobile: -47px; --efiknb-padding-right: 0px; --efiknb-padding-right-tablet: 0px; --efiknb-padding-right-mobile: 0px; --efiknb-padding-bottom: 20px; --efiknb-padding-bottom-tablet: 20px; --efiknb-padding-bottom-mobile: 20px; --efiknb-padding-left: 0px; --efiknb-padding-left-tablet: 0px; --efiknb-padding-left-mobile: 0px; }[data-bnode="beae-efiknb"] { padding-top: var(--efiknb-padding-top, var(--beae-slot-padding-y, 0px)); padding-right: var(--efiknb-padding-right, var(--beae-slot-padding-x, 0px)); padding-bottom: var(--efiknb-padding-bottom, var(--beae-slot-padding-y, 0px)); padding-left: var(--efiknb-padding-left, var(--beae-slot-padding-x, 0px)); @media (min-width: 767.98px) and (max-width: 1180px) { padding-top: var(--efiknb-padding-top-tablet, var(--efiknb-padding-top, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-right: var(--efiknb-padding-right-tablet, var(--efiknb-padding-right, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); padding-bottom: var(--efiknb-padding-bottom-tablet, var(--efiknb-padding-bottom, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))); padding-left: var(--efiknb-padding-left-tablet, var(--efiknb-padding-left, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))); } @media (max-width: 767px) { padding-top: var(--efiknb-padding-top-mobile, var(--efiknb-padding-top-tablet, var(--efiknb-padding-top, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-right: var(--efiknb-padding-right-mobile, var(--efiknb-padding-right-tablet, var(--efiknb-padding-right, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); padding-bottom: var(--efiknb-padding-bottom-mobile, var(--efiknb-padding-bottom-tablet, var(--efiknb-padding-bottom, var(--beae-slot-padding-y-mobile, var(--beae-slot-padding-y-tablet, var(--beae-slot-padding-y, 0px)))))); padding-left: var(--efiknb-padding-left-mobile, var(--efiknb-padding-left-tablet, var(--efiknb-padding-left, var(--beae-slot-padding-x-mobile, var(--beae-slot-padding-x-tablet, var(--beae-slot-padding-x, 0px)))))); } width: calc( 100% - var(--efiknb-padding-left, var(--beae-slot-padding-x, 0px)) - var(--efiknb-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(--efiknb-background-imageRatio, auto); background: var(--efiknb-background-color,transparent); border-style: var(--efiknb-borderStyle,solid); border-color: var(--efiknb-borderColor,#000000); border-width: var(--efiknb-borderWidth-tl,0px) var(--efiknb-borderWidth-tr,0px) var(--efiknb-borderWidth-br,0px) var(--efiknb-borderWidth-bl,0px); border-radius: var(--efiknb-borderRadius-tl,0px) var(--efiknb-borderRadius-tr,0px) var(--efiknb-borderRadius-br,0px) var(--efiknb-borderRadius-bl,0px); box-shadow: if(style(--efiknb-enableShadow: true): var(--efiknb-shadowHorizontal,0) var(--efiknb-shadowVertical,0) var(--efiknb-shadowBlur,0) 1px var(--efiknb-shadowColor,#000000); else: none); max-width: var(--efiknb-max-width, 100%); @media(min-width: 767.79px) and (max-width: 1180px){ aspect-ratio: var(--efiknb-background-imageRatio-tablet, var(--efiknb-background-imageRatio, auto)); border-width: var(--efiknb-borderWidth-tl-tablet,0px) var(--efiknb-borderWidth-tr-tablet,0px) var(--efiknb-borderWidth-br-tablet,0px) var(--efiknb-borderWidth-bl-tablet,0px); border-radius: var(--efiknb-borderRadius-tl-tablet,0px) var(--efiknb-borderRadius-tr-tablet,0px) var(--efiknb-borderRadius-br-tablet,0px) var(--efiknb-borderRadius-bl-tablet,0px); max-width: var(--efiknb-max-width-tablet, var(--efiknb-max-width, 100%)); } @media(max-width: 767px){ aspect-ratio: var(--efiknb-background-imageRatio-mobile, var(--efiknb-background-imageRatio, auto)); border-width: var(--efiknb-borderWidth-tl-mobile,0px) var(--efiknb-borderWidth-tr-mobile,0px) var(--efiknb-borderWidth-br-mobile,0px) var(--efiknb-borderWidth-bl-mobile,0px); border-radius: var(--efiknb-borderRadius-tl-mobile,0px) var(--efiknb-borderRadius-tr-mobile,0px) var(--efiknb-borderRadius-br-mobile,0px) var(--efiknb-borderRadius-bl-mobile,0px); max-width: var(--efiknb-max-width-mobile, var(--efiknb-max-width, 100%)); } &.beae-scheme-1, &.beae-surface-dark, &.beae-surface-accent{ background: var(--efiknb-background-color,var(--beae-background-color)); } &.beae-featured-card, &.beae-product-card, &.beae-pricing-card, &.beae-cta-card, &.beae-media-card{ gap: var(--efiknb-gap,var(--beae-card-gap)); padding-top: var(--efiknb-padding-top,var(--beae-card-padding)); padding-right: var(--efiknb-padding-right,var(--beae-card-padding)); padding-bottom: var(--efiknb-padding-bottom,var(--beae-card-padding)); padding-left: var(--efiknb-padding-left,var(--beae-card-padding)); border-width: var(--efiknb-borderWidth,var(--beae-card-border-width)); border-width: var(--efiknb-borderWidth-tl,var(--beae-card-border-width)) var(--efiknb-borderWidth-tr,var(--beae-card-border-width)) var(--efiknb-borderWidth-br,var(--beae-card-border-width)) var(--efiknb-borderWidth-bl,var(--beae-card-border-width)); border-radius: var(--efiknb-borderRadius-tl,var(--beae-card-border-radius)) var(--efiknb-borderRadius-tr,var(--beae-card-border-radius)) var(--efiknb-borderRadius-br,var(--beae-card-border-radius)) var(--efiknb-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(--efiknb-padding-top-tablet,var(--beae-card-padding)); padding-right: var(--efiknb-padding-right-tablet,var(--beae-card-padding)); padding-bottom: var(--efiknb-padding-bottom-tablet,var(--beae-card-padding)); padding-left: var(--efiknb-padding-left-tablet,var(--beae-card-padding)); border-width: var(--efiknb-borderWidth-tablet,var(--beae-card-border-width)); border-width: var(--efiknb-borderWidth-tl-tablet,var(--beae-card-border-width)) var(--efiknb-borderWidth-tr-tablet,var(--beae-card-border-width)) var(--efiknb-borderWidth-br-desktop,var(--beae-card-border-width)) var(--efiknb-borderWidth-bl-desktop,var(--beae-card-border-width)); border-radius: var(--efiknb-borderRadius-tl-desktop,var(--beae-card-border-radius)) var(--efiknb-borderRadius-tr-desktop,var(--beae-card-border-radius)) var(--efiknb-borderRadius-br-desktop,var(--beae-card-border-radius)) var(--efiknb-borderRadius-bl-desktop,var(--beae-card-border-radius)); } @media (max-width: 767px) { padding-top: var(--efiknb-padding-top-mobile,var(--beae-card-padding)); padding-right: var(--efiknb-padding-right-mobile,var(--beae-card-padding)); padding-bottom: var(--efiknb-padding-bottom-mobile,var(--beae-card-padding)); padding-left: var(--efiknb-padding-left-mobile,var(--beae-card-padding)); border-width: var(--efiknb-borderWidth-mobile,var(--beae-card-border-width)); border-width: var(--efiknb-borderWidth-tl-mobile,var(--beae-card-border-width)) var(--efiknb-borderWidth-tr-mobile,var(--beae-card-border-width)) var(--efiknb-borderWidth-br-mobile,var(--beae-card-border-width)) var(--efiknb-borderWidth-bl-mobile,var(--beae-card-border-width)); border-radius: var(--efiknb-borderRadius-tl-mobile,var(--beae-card-border-radius)) var(--efiknb-borderRadius-tr-mobile,var(--beae-card-border-radius)) var(--efiknb-borderRadius-br-mobile,var(--beae-card-border-radius)) var(--efiknb-borderRadius-bl-mobile,var(--beae-card-border-radius)); } } &.beae-featured-card{ background: var(--efiknb-background-color,var(--beae-card-featured-background)); border-color: var(--efiknb-borderColor,var(--beae-card-featured-border-color)); box-shadow: if( style(--efiknb-enableShadow: true): var(--efiknb-shadowHorizontal, var(--beae-card-shadow-x)) var(--efiknb-shadowVertical, var(--beae-card-shadow-y)) var(--efiknb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--efiknb-shadowColor, var(--beae-card-featured-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-product-card{ background: var(--efiknb-background-color,var(--beae-card-prod-background)); border-color: var(--efiknb-borderColor,var(--beae-card-prod-border-color)); box-shadow: if( style(--efiknb-enableShadow: true): var(--efiknb-shadowHorizontal, var(--beae-card-shadow-x)) var(--efiknb-shadowVertical, var(--beae-card-shadow-y)) var(--efiknb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--efiknb-shadowColor, var(--beae-card-prod-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-pricing-card{ background: var(--efiknb-background-color,var(--beae-card-pricing-background)); border-color: var(--efiknb-borderColor,var(--beae-card-pricing-border-color)); box-shadow: if( style(--efiknb-enableShadow: true): var(--efiknb-shadowHorizontal, var(--beae-card-shadow-x)) var(--efiknb-shadowVertical, var(--beae-card-shadow-y)) var(--efiknb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--efiknb-shadowColor, var(--beae-card-pricing-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-cta-card{ background: var(--efiknb-background-color,var(--beae-card-cta-background)); border-color: var(--efiknb-borderColor,var(--beae-card-cta-border-color)); box-shadow: if( style(--efiknb-enableShadow: true): var(--efiknb-shadowHorizontal, var(--beae-card-shadow-x)) var(--efiknb-shadowVertical, var(--beae-card-shadow-y)) var(--efiknb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--efiknb-shadowColor, var(--beae-card-cta-shadow-color)) var(--beae-card-shadow-transparent, 0), transparent ); else: none ); } &.beae-media-card{ background: var(--efiknb-background-color,var(--beae-card-media-background)); border-color: var(--efiknb-borderColor,var(--beae-card-media-border-color)); box-shadow: if( style(--efiknb-enableShadow: true): var(--efiknb-shadowHorizontal, var(--beae-card-shadow-x)) var(--efiknb-shadowVertical, var(--beae-card-shadow-y)) var(--efiknb-shadowBlur, var(--beae-card-shadow-blur)) 1px color-mix( in srgb, var(--efiknb-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-efiknb"] { display: flex; flex-direction: var(--efiknb-direction, column); flex-wrap: nowrap; justify-content: var(--efiknb-justify-content); align-items: var(--efiknb-align-items); gap: var(--efiknb-gap, var(--efiknb-gap, var(--beae-slot-gap))); } @media (min-width: 767.79px) and (max-width: 1180px) { [data-bnode="beae-efiknb"] { gap: var(--efiknb-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(--efiknb-padding-right-tablet, 0px) - var(--efiknb-padding-right-tablet, 0px)); } } } @media (max-width: 767px) { [data-bnode="beae-efiknb"] { gap: var(--efiknb-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(--efiknb-padding-right-mobile, 0px) - var(--efiknb-padding-right-mobile, 0px)); } } }[data-bnode="beae-vnfwqt"] { --vnfwqt-typography: p2; --vnfwqt-typography-tablet: p2; --vnfwqt-typography-mobile: p2; --beae-p2-text-align: start; --beae-p2-color: #181818; }[data-bnode="beae-vnfwqt"] { margin-top: var(--vnfwqt-margin-top, 0px); margin-right: var(--vnfwqt-margin-right, 0px); margin-bottom: var(--vnfwqt-margin-bottom, 0px); margin-left: var(--vnfwqt-margin-left, 0px); @media (min-width: 767.98px) and (max-width: 1180px) { margin-top: var(--vnfwqt-margin-top-tablet, 0px); margin-right: var(--vnfwqt-margin-right-tablet, 0px); margin-bottom: var(--vnfwqt-margin-bottom-tablet, 0px); margin-left: var(--vnfwqt-margin-left-tablet, 0px); } @media (max-width: 767px) { margin-top: var(--vnfwqt-margin-top-mobile, 0px); margin-right: var(--vnfwqt-margin-right-mobile, 0px); margin-bottom: var(--vnfwqt-margin-bottom-mobile, 0px); margin-left: var(--vnfwqt-margin-left-mobile, 0px); } }